我如何分区和使用我的网格相等的部分?

时间:2012-10-15 12:52:01

标签: windows-phone-7 xaml layout

我正在使用网格和我的页面。页面应该像冰块托盘一样分区。

每个网格列都包含一个图像。

为了分成3个相等的部分我使用这个代码:

 <ListBox SelectionChanged="listBox1_SelectionChanged" HorizontalContentAlignment="Stretch" Height="720" HorizontalAlignment="Left" Margin="1,5,0,0" Name="listBox1" VerticalAlignment="Top">
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <toolkit:WrapPanel />
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <Grid HorizontalAlignment="Center" VerticalAlignment="Top" Margin="3" >
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="1*" />
                                <ColumnDefinition Width="1*" />
                                <ColumnDefinition Width="1*" />
                            </Grid.ColumnDefinitions>

                            <Border CornerRadius="6" BorderBrush="Gray" BorderThickness="2" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" x:Name="border1">

                                <toolkit:WrapPanel x:Name="wp">
                                        <Image Source="{Binding ImagePicture}"  Margin="0,10,0,0" Height="110" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                        <TextBlock  Margin="0,0,0,5" TextAlignment="Center" Text="{Binding categoryname}" Foreground="Black" FontStyle="Normal" Height="Auto" Width="140" HorizontalAlignment="Center" VerticalAlignment="Stretch"/>
                                    </toolkit:WrapPanel>
                                </Border>

                            </Grid>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>

现在,当我使用它时,有时图像很小,我面对这个问题。

这就是我想要的:

This is what i want

这是我的问题:

This is my problem

请与您分享此问题的解决方案。

1 个答案:

答案 0 :(得分:1)

此xaml将起作用 -

   <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="1*" />
                            <ColumnDefinition Width="1*" />
                            <ColumnDefinition Width="1*" />
                        </Grid.ColumnDefinitions>