Wrappanel项目只填充页面的一半。
Wrappanel项目只填充页面的一半。
提问于 2016-02-18 14:37:46
我试图在一个网格中添加18张图片，为了使其动态，我从我的ModelView中的一个文件夹中读取图片，创建每个图片的对象，并在XAML中添加它们。
我的xaml：
<Page.DataContext>
<viewModel:HomeViewModel/>
</Page.DataContext>
<ItemsControl Name="flagList" ItemsSource="{Binding Path=CurrenCountries}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<WrapPanel>
<WrapPanel.Resources>
<Style TargetType="{x:Type Rectangle}">
<Setter Property="Width" Value="10"/>
<Setter Property="Height" Value="10"/>
<Setter Property="Fill" Value="Black"/>
</Style>
</WrapPanel.Resources>
</WrapPanel>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Grid>
<Grid.RowDefinitions>
<RowDefinition/>
<RowDefinition/>
</Grid.RowDefinitions>
<Image Grid.Row="0" Margin="5,5" Source="{Binding Path=Photo}" />
<TextBlock Grid.Row="1" Text="{Binding Title}" HorizontalAlignment="Center"/>
</Grid>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
如下所示：
我是多么希望它看起来//漂亮和伸展
有人有什么建议吗？)谢谢！
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-02-18 15:12:20
试试这个：
<ItemsControl Name="flagList" ItemsSource="{Binding Path=CurrenCountries}">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="3" Columns="6" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.ItemTemplate>
<DataTemplate>
<WrapPanel Orientation="Vertical">
<Image Grid.Row="0" Margin="5,5" Source="{Binding Path=Photo}" Stretch="UniformToFill" />
<TextBlock Grid.Row="1" Text="{Binding Title}" HorizontalAlignment="Center"/>
</WrapPanel>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35484393
复制相关文章
相似问题
腾讯云开发者
