windows 8学习1---- gridview分组

像我这种脑子不好有没有学习热情的人，技术不好是理所当然的，我现在的状态时因为我的求知欲不强，没有对技术太多的渴求所致。

弱智般的从昨天下午搞到今天下午也没能把 gridview分组搞好，一直只显示分组头信息不显示每个组的每一项，终于问了一个朋友才解决这个问题惭愧``` 下面吧我的错误经验帖下来反应之用：

之前的后台代码是

public class Citys //数据源
{
public string CityName { get; set; }
public ObservableCollection<string> df = new ObservableCollection<string>();

}

void MainPage_Loaded(object sender, RoutedEventArgs e) //进行绑定
{
List<Citys> lt = new List<Citys>();
for (int n1 = 0; n1 < 100; n1++)
{
Citys ct1 = new Citys();
ct1.CityName = "上海";
for (int i = 0; i < 100; i++)
{
ct1.df.Add("sdfasdfasdfsdfsdf");
}

lt.Add(ct1);
}
InfoList.Source = lt;
}

<Page.Resources>

</Page.Resources>

<GridView.GroupStyle>
<GroupStyle>
<GroupStyle.ContainerStyle>
<Style TargetType="GroupItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="GroupItem">
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Margin="{TemplateBinding Padding}"/>
<ItemsControl x:Name="ItemsControl" ItemsSource="{Binding GroupItems}" Grid.Row="1"/>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>
<GroupStyle.HeaderTemplate>
<DataTemplate>

</GridView.GroupStyle>

<GridView.ItemTemplate> 
<DataTemplate>

<TextBlock Width="200" Height="200" Text="{Binding}" Foreground="Black"></TextBlock>

</DataTemplate>
</GridView.ItemTemplate>

</GridView>

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

下面是正确的

public class Citys
{
public string CityName { get; set; }
public ObservableCollection<State> States { get; set; }
}

public class State
{
public string Name { set; get; }
}

void MainPage_Loaded(object sender, RoutedEventArgs e)// 绑定数据
{
ObservableCollection<Citys> lt = new ObservableCollection<Citys>();
for (int n1 = 0; n1 < 10; n1++)
{
Citys ct = new Citys();
ct.CityName = "上海";
ct.States = new ObservableCollection<State>();
for (int i = 0; i < 10; i++)
{
ct.States.Add(new State() { Name = "fjhfgjfgjfgjhfgj" });
}
lt.Add(ct);
}
InfoList.Source = lt;
}

1<GridView.ItemsPanel> ItemsPanl 是用来布局组与组之间的排列方向目前的排列时水平排列就是说第一组合第二组之间是水平排列的
<ItemsPanelTemplate>
<VirtualizingStackPanel Orientation="Horizontal"/>
</ItemsPanelTemplate>
</GridView.ItemsPanel>

2<GridView.ItemTemplate> ItemTemplate是用来布局每一项的（每组中每一个成员 fjhfgjf````那个）
<DataTemplate>
<Grid HorizontalAlignment="Left" Width="250" Height="250">
<Border Background="{StaticResource ListViewItemPlaceholderBackgroundThemeBrush}">
</Border>
<StackPanel VerticalAlignment="Bottom" Background="{StaticResource ListViewItemOverlayBackgroundThemeBrush}">
<TextBlock Text="{Binding Name}" Foreground="{StaticResource ListViewItemOverlayForegroundThemeBrush}" Style="{StaticResource TitleTextStyle}" Height="60" Margin="15,0,15,0"/>
</StackPanel>
</Grid>
</DataTemplate>
</GridView.ItemTemplate>

<GridView.GroupStyle> //这是一个大分类它用来布局组级别的显示容器总之他只管理组内的事务
<GroupStyle>
3.1 <GroupStyle.HeaderTemplate> //这是定义头模版的就是组的标题的样式
<DataTemplate>
<Grid Margin="1,0,0,6">
<Button
AutomationProperties.Name="Group Title"
Style="{StaticResource TextPrimaryButtonStyle}" >
<StackPanel Orientation="Horizontal">
<TextBlock Text="{Binding CityName}" Margin="3,-7,10,10" Style="{StaticResource GroupHeaderTextStyle}" />
</StackPanel>
</Button>
</Grid>
</DataTemplate>
</GroupStyle.HeaderTemplate>
3.2 <GroupStyle.Panel> //这是定义每一组的容器显示比如上海这一分组中每一个项item改按照何种排列方式显示
<ItemsPanelTemplate>
<VariableSizedWrapGrid Orientation="Vertical" Margin="0,0,10,0"/> //他是先上下后左右，边界是一gridview的heiht 终结的
</ItemsPanelTemplate>
</GroupStyle.Panel>

<GroupStyle.ContainerStyle> //这个不知道是干吗用的
<Style TargetType="GroupItem">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="GroupItem">
<Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<ContentPresenter ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" Margin="{TemplateBinding Padding}"/>
<ItemsControl x:Name="ItemsControl" ItemsSource="{Binding GroupItems}" Grid.Row="1"/>
</Grid>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</GroupStyle.ContainerStyle>

</GroupStyle>
</GridView.GroupStyle>

/////////////////////////////////////////////////////////////////////////////////////////////////////

最后总结：问题出来数据源上 public ObservableCollection<State> States { get; set; } 绑定的数据必须用{get;set;} 而我既然犯了个底等错误为了省事用了new 导致数据无法绑定上到gridview 实在是一个小错误既然耽搁了两天的时间实在是太不应该了 ```

posted on 2012-12-04 17:24 Top@Gragon 阅读(361) 评论(1) 收藏举报

刷新页面返回顶部

windows 8学习1---- gridview分组

导航

公告