Windows 8 Store Apps学习（11） ListView控件和 GridView控件

Windows 8 Store Apps学习（11） ListView控件和 GridView控件2013-12-04 博客园 webabcd介绍

重新想象 Windows 8 Store Apps 之 ListView 和 GridView

ListView - 列表控件

GridView - 网格控件

示例

1、ListView 的 Demo

ListViewDemo.xaml

<Pagex:Class="XamlDemo.Controls.ListViewDemo"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="using:XamlDemo.Controls"xmlns:d="http://schemas.microsoft.com/expression/blend/2008"xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"mc:Ignorable="d"><Page.Resources><DataTemplate x:Key="ItemTemplate"><StackPanel Orientation="Vertical"><TextBlock TextWrapping="Wrap" FontSize="14.667" Text="{Binding Name}" HorizontalAlignment="Left" /><TextBlock TextWrapping="Wrap" FontSize="14.667" Text="{Binding Age}" HorizontalAlignment="Left"/></StackPanel></DataTemplate><Style x:Key="ItemContainerStyle"TargetType="ListViewItem"><Setter Property="Width" Value="292" /><Setter Property="Height" Value="80" /><Setter Property="Padding" Value="0" /><！--即使将 Margin 设置为“0”，也无法去掉 item 之间的 margin如果想要去掉 item 之间的 margin，请将此 Margin 属性设置为“-4”--><Setter Property="Margin" Value="0" /><Setter Property="Background" Value="Blue" /></Style></Page.Resources><Grid Background="Transparent"><Grid Margin="120 0 0 0"><TextBlock Name="lblMsg" FontSize="14.667" /><StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="0 30 0 0"><CheckBox Name="chkIsSwipeEnabled" Content="IsSwipeEnabled" /><CheckBox Name="chkIsItemClickEnabled" Content="IsItemClickEnabled" Margin="10 0 0 0" /></StackPanel><！--后台绑定方式为 ListView 提供数据--><ListView x:Name="listView" Width="300" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0 60 10 10" BorderThickness="1" BorderBrush="Red" Background="LightBlue"ItemTemplate="{StaticResource ItemTemplate}"ItemContainerStyle="{StaticResource ItemContainerStyle}"ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Auto"SelectionMode="Single"SelectionChanged="listView_SelectionChanged_1"IsSwipeEnabled="{Binding IsChecked, ElementName=chkIsSwipeEnabled}"IsItemClickEnabled="{Binding IsChecked, ElementName=chkIsItemClickEnabled}"ItemClick="listView_ItemClick_1"></ListView><！--xaml 方式为 ListView 添加内容<ListView><ListView.Items><ListViewItem>...</ListViewItem><ListViewItem>...</ListViewItem>...</ListView.Items></ListView>--></Grid></Grid></Page>