Windows phone Grid - 如何隐藏行和列?

时间:2015-01-05 12:46:28

标签: c# xaml windows-phone-8 grid

我使用MVVM Cross创建应用程序。我用这个网格:

 <Grid>
   <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition/>
    </Grid.RowDefinitions>

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

    <Image Grid.Row ="0" Grid.Column ="0" />
    <Image Grid.Row ="0" Grid.Column ="1" />
    <Image Grid.Row ="1" Grid.Column ="0" />
    <Image Grid.Row ="1" Grid.Column ="1" />  
 </Grid>

enter image description here

当我点击图片时,它应该填满整个网格。新的印刷机显示所有图片。 我点击image1 - image1填充整个网格。其他图像被隐藏。我可以隐藏其他图像,但所选图像不会被拉伸。  怎么实现呢?也许您需要使用不同类型的面板?

1 个答案:

答案 0 :(得分:0)

我不确定您希望获得什么,但是为了安排绘图等图片,您必须使用此代码:

 <Grid>
   <Grid.RowDefinitions>
        <RowDefinition />
        <RowDefinition />
    </Grid.RowDefinitions>

<Grid Grid.Row = "0" >
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Image Grid.Column ="0" />
    <Image Grid.Column ="1" />
</Grid>

<Grid Grid.Row = "1" >
    <Grid.ColumnDefinitions>
        <ColumnDefinition />
        <ColumnDefinition />
    </Grid.ColumnDefinitions>
    <Image Grid.Column ="0" />
    <Image Grid.Column ="1" />
</Grid>

 </Grid>