3

我需要一个像下面这样的窗口;

在此处输入图像描述

我试图实现这一目标,但无法获得 100% 的结果。我哪里做错了?

    <UniformGrid>
    <ItemsControl ItemsSource="{Binding Data}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
           <Border  BorderBrush="Black" Background="Gainsboro" BorderThickness="3" Margin="2" Width="100" >  
              <Grid FlowDirection="LeftToRight">
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto"/>
                    <RowDefinition Height="Auto"/>
                </Grid.RowDefinitions>

                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                </Grid.ColumnDefinitions>

                <Label HorizontalAlignment="Center" Content="{Binding Label1Text}" Grid.Row="1" Margin="2"/>

                <Label HorizontalAlignment="Center" Content="{Binding Label2Text}" Grid.Row="2" Margin="2"/>

                <Button HorizontalAlignment="Center" Content="Button1" Width="80" Height="80"
                        Command="{Binding DataContext.Command1, RelativeSource={RelativeSource AncestorType=ItemsControl}}"
                        CommandParameter="{Binding}"
                        Grid.Row="0"  Margin="2"/>
            </Grid>
        </Border>

        </DataTemplate>
        </ItemsControl.ItemTemplate>

        <ItemsControl.Template>
            <ControlTemplate TargetType="ItemsControl">
                <ScrollViewer CanContentScroll="True">
                    <ItemsPresenter/>
                </ScrollViewer>
            </ControlTemplate>
    </ItemsControl.Template>

   </ItemsControl>
  </UniformGrid>

结果窗口;

在此处输入图像描述

4

2 回答 2

3

尝试将ItemsPanel模板更改为UniformGrid而不是包装ItemsControlinside UniformGrid。您也可以尝试使用WrapPanel代替UniformGrid

.......
<ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
                <UniformGrid Columns="2"/>
                <!--  <WrapPanel/> -->
        </ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
.......
于 2014-03-05T07:09:13.920 回答
0

您需要指定列数:

<UniformGrid Columns="2">
....
于 2014-03-05T07:02:18.787 回答