[Win8]Windows8开发札记（十）：FlipView和自定义值转换器

[Win8]Windows8开发笔记（十）：FlipView和自定义值转换器

新建一个项目叫做TestFlip，拖动一个FlipView到MainPage.xaml上面。

和前面说到的控件ListView一样，我们可以在代码中设置FlipView控件的元素格式和内容。

完整的xaml代码如下：

然后在后台代码里添加字符串数组用来存储这些图片的路径。


但是有一个问题，比如一个TextBox的Text可以显示int类型的Age数值，一个Image的ImageSource属性也可以用一个string来赋值，
但是如果是一个bool类型的值，想绑定在Visibility属性（枚举）上怎么办呢？
这时我们需要做一个数据转换。
我们在Person类里面添加一个属性：ShowImage来判断是否展现图片。

这个时候我们就需要一个转换器。
xx-xx转换器，也就是Model-UI的转换。
新建一个类，命名为：BoolVisibilityConverter.cs。
<Page    x:Class="TestFlip.MainPage"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:TestFlip"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d">    <Page.Resources>        <local:BoolVisibilityConverter x:Key="BoolVisibilityConverter" />    </Page.Resources>        <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}">        <FlipView x:Name="myFlip" HorizontalAlignment="Center" VerticalAlignment="Center" Width="600" Height="400">            <FlipView.ItemTemplate>                <DataTemplate>                    <Grid Background="DarkGray">                        <Grid.RowDefinitions>                            <RowDefinition></RowDefinition>                            <RowDefinition></RowDefinition>                        </Grid.RowDefinitions>                        <TextBlock Grid.Row="0" Text="{Binding Name}" FontSize="40" TextAlignment="Center"></TextBlock>                        <Image Source="{Binding ImagePath}" Visibility="{Binding ShowImage,Converter={StaticResource BoolVisibilityConverter}}" Grid.Row="1"></Image>                    </Grid>                </DataTemplate>            </FlipView.ItemTemplate>        </FlipView>    </Grid></Page>

这样就可以实现用bool值控制Visibility了。