windows phone 8.1 listbox 分组显示

时间：2014-11-05 18:51:46 阅读：222 评论：0 收藏：0 [点我收藏+]

初次了解list分组的朋友可以先看看，如下链接！
http://www.cnblogs.com/linzheng/archive/2014/09/28/3999217.html

链接的内容只是介绍了基本雏形，我下面把我个人的一些修改加了进去，
希望能对大家有所帮助！如果发现我哪有不足，请提出，相互交流才可以更好的进步

.xaml 代码

<Page.Resources>
<prim:JumpListItemBackgroundConverter x:Key="BackgroundConverter" Enabled="#FF0086D0" Disabled="{ThemeResource ContentDialogDimmingThemeBrush}"/>
<prim:JumpListItemForegroundConverter x:Key="ForegroundConverter"/>
</Page.Resources>
<Grid>
<Grid.Resources>
<CollectionViewSource x:Name="itemcollectSource" IsSourceGrouped="true" ItemsPath="InternalList" />
</Grid.Resources>
<SemanticZoom x:Name="semanticZoom">
<SemanticZoom.ZoomedInView>
<ListView x:Name="inView">
<ListView.GroupStyle>
<GroupStyle HidesIfEmpty="True">
<GroupStyle.HeaderTemplate >
<DataTemplate>
<Border Background="#FF0086D0" Height="50" Width="50">
<TextBlock Text="{Binding Key}" FontSize="37.333" Foreground="White" HorizontalAlignment="Center" VerticalAlignment="Center"/>
</Border>
</DataTemplate>
</GroupStyle.HeaderTemplate>
</GroupStyle>
</ListView.GroupStyle>
<ListView.ItemTemplate>
<DataTemplate>
<StackPanel>
<TextBlock Text="{Binding Title}" Height="40" FontSize="30"></TextBlock>
</StackPanel>
</DataTemplate>
</ListView.ItemTemplate>
</ListView>
</SemanticZoom.ZoomedInView>
<SemanticZoom.ZoomedOutView>
<GridView x:Name="outView" Background="#7F000000" Margin="0,10,0,0">
<GridView.ItemTemplate>
<DataTemplate>
<Grid Width="90" Height="90">
<Border Background="{Binding Converter={StaticResource BackgroundConverter}}" Margin="0,10,10,0" >
<TextBlock Text="{Binding Group.Key}" FontSize="37.333" HorizontalAlignment="Left" VerticalAlignment="Bottom"
Foreground="{Binding Converter={StaticResource ForegroundConverter}}"/>
</Border>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>
</GridView>
</SemanticZoom.ZoomedOutView>
</SemanticZoom>
</Grid>

复制代码

,cs 代码

public void fun()
{
this.InitializeComponent();
// 先创建一个普通的数据集合
List<Item> mainItem = new List<Item>();
for (int i = 0; i < 10; i++)
{
mainItem.Add(new Item { Content = "A", Title = "Test A" + i });
mainItem.Add(new Item { Content = "B", Title = "Test B" + i });
mainItem.Add(new Item { Content = "C", Title = "Test C" + i });
mainItem.Add(new Item { Content = "D", Title = "Test A" + i });
mainItem.Add(new Item { Content = "F", Title = "Test B" + i });
mainItem.Add(new Item { Content = "G", Title = "Test C" + i });
mainItem.Add(new Item { Content = "C", Title = "Test C" + i });
mainItem.Add(new Item { Content = "C", Title = "Test C" + i });
mainItem.Add(new Item { Content = "C", Title = "Test C" + i });
mainItem.Add(new Item { Content = "H", Title = "Test A" + i });
mainItem.Add(new Item { Content = "I", Title = "Test B" + i });
mainItem.Add(new Item { Content = "M", Title = "Test C" + i });
mainItem.Add(new Item { Content = "N", Title = "Test A" + i });
mainItem.Add(new Item { Content = "O", Title = "Test B" + i });
mainItem.Add(new Item { Content = "P", Title = "Test C" + i });
mainItem.Add(new Item { Content = "Q", Title = "Test A" + i });
mainItem.Add(new Item { Content = "R", Title = "Test B" + i });
mainItem.Add(new Item { Content = "S", Title = "Test C" + i });
mainItem.Add(new Item { Content = "T", Title = "Test A" + i });
mainItem.Add(new Item { Content = "W", Title = "Test B" + i });
mainItem.Add(new Item { Content = "V", Title = "Test C" + i });
mainItem.Add(new Item { Content = "U", Title = "Test A" + i });
mainItem.Add(new Item { Content = "X", Title = "Test B" + i });
mainItem.Add(new Item { Content = "Y", Title = "Test C" + i });
mainItem.Add(new Item { Content = "Z", Title = "Test C" + i });
}
// 使用LINQ语法把普通的数据集合转换成分组的数据集合
//List<ItemInGroup> Items = (from item in mainItem group item by item.Content into newItems select new ItemInGroup { Key = newItems.Key, ItemContent = newItems.ToList() }).ToList();
List<AlphaKeyGroup<Item>> Items = AlphaKeyGroup<Item>.CreateGroups(
mainItem,
(Item s) => { return s.Title; },
true);
// 设置CollectionViewSource对象的数据源
this.itemcollectSource.Source = Items;
// 分别对两个视图进行绑定
outView.ItemsSource = itemcollectSource.View.CollectionGroups;
inView.ItemsSource = itemcollectSource.View;
}
}
// 分组的实体类，也就是分组的数据集合最外面的数据项的实体类
public class ItemInGroup
{
// 分组的组头属性
public string Key { get; set; }
// 分组的数据集合
public List<Item> ItemContent { get; set; }
}
// 列表的数据实体类
public class Item
{
public string Title { get; set; }
public string Content { get; set; }
}

复制代码

windows phone 8.1 listbox 分组显示

标签：des style blog http io ar 使用 for sp

原文地址：http://www.cnblogs.com/xiaoheibupahei/p/4076697.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行