Skip to main content

Posts

Showing posts with the label UWP FlipView

UWP - Vertical FlipView example

MainPage.xaml <Page x:Class="UniversalAppTutorials.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UniversalAppTutorials" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" > <FlipView x:Name="FlipView1" Background="OldLace" Padding="25" > <!--- Make Vertical FlipView --> <FlipView.ItemsPanel> <ItemsPanelTemplate> <!-- Use vertical stack panel to create vertical flip view --> <VirtualizingStackPanel Orientation="Vertical"/> </ItemsPanelTemplate> </FlipView.ItemsPanel> ...
Read more

UWP - FlipView SelectionChanged event example

MainPage.xaml <Page x:Class="UniversalAppTutorials.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UniversalAppTutorials" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" > <RelativePanel Background="MintCream"> <TextBlock x:Name="TextBlock1" RelativePanel.AlignBottomWithPanel="True" RelativePanel.AlignHorizontalCenterWithPanel="True" Margin="15" Foreground="Blue" FontFamily="MV Boli" FontSize="30" FontStyle="Italic" /> <FlipView x:Na...
Read more

UWP - Simple FlipView example

MainPage.xaml <Page x:Class="UniversalAppTutorials.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UniversalAppTutorials" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d" > <FlipView Background="Honeydew" Padding="25"> <!-- Item 1 --> <Viewbox MaxWidth="200" MaxHeight="200"> <SymbolIcon Symbol="Admin" Foreground="Red"/> </Viewbox> <!-- Item 2 --> <Viewbox MaxWidth="200" MaxHeight="200"> <SymbolIcon Symbol="Account" Foreground="Blue"/> </Viewbox> ...
Read more