gpt4 book ai didi

c# - 包装面板项目仅填充页面的一半

转载 作者:太空宇宙 更新时间:2023-11-03 12:51:09 25 4
gpt4 key购买 nike

我试图在网格中添加 18 张图片,使其动态化我从我的 ModelView 中的文件夹中读取图片,为每个图片创建对象并通过 XAML 中的绑定(bind)添加它们。

我的 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>

下面看起来像这样: enter image description here

我希望它看起来如何//漂亮且舒展 =) enter image description here

有人有什么建议吗? :) 谢谢!

最佳答案

试试这个:

    <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>

关于c# - 包装面板项目仅填充页面的一半,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35484393/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com