Windows手機網格 - 如何隱藏行和列？

我使用MVVM Cross創建應用程序。我用這個網：Windows手機網格 - 如何隱藏行和列？

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

當我點擊圖片應該填滿整個電網。新的印刷機顯示所有圖片。我點擊image1 - image1填滿整個網格。其他圖像被隱藏。我可以隱藏其他圖像，但選定的圖像沒有拉伸。如何實現它？也許你需要使用不同類型的面板？

來源

2015-01-05 FetFrumos

您可以使用Grid.RowSpan和Grid.ColumnSpan當點擊事件被觸發並拉伸圖像填補，我猜。 – meetme

我使用Mvvm Cross。我認爲這並不容易。 – FetFrumos

對不起。我不知道MvvmCross。它可以在單擊事件Grid.SetColumnSpan（image1,2）中編寫以下代碼： Grid.SetRowSpan（image1，2）; – meetme

我不知道你想什麼來實現，但喜歡上繪畫，你必須使用此代碼來安排圖片：

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

來源

2015-01-06 13:04:43 pw94

Windows手機網格 - 如何隱藏行和列？

回答

相關問題