如何在代碼/ xaml中爲WPF顯示UniformGrid中的網格線？

Question

我想知道如何在UniformGrid中爲WPF顯示網格線。我知道在普通網格中很容易設置網格線，但是我發現UniformGrid不能像普通網格那樣設置網格線。給代碼和xaml提供一個簡單的例子是很好的，因爲我想在編程方面更加靈活。謝謝！

 // LOGIN PAGE 
    //gameType is input by users.If gameType =3, it will form 3x3 uniform grid in GAMEPLAY PAGE 
    GamePlay main = new GamePlay(gameType, playerNum); 
    App.Current.MainWindow = main; 
    this.Close(); 
    main.Show(); 

    // GAMEPLAY PAGE 
    // Form the required grid, I can form the grid correctly, but I want grid line to make it more clear 

Answer 1

您可以隨時放置一個網格，將ShowGridLines設置爲True在UniformGrid頂部。

類似下面：

<Grid x:Name="mainGrid"> 
    <UniformGrid Rows="4" Columns="4"> 

    </UniformGrid> 
    <Grid ShowGridLines="True"> 
     <Grid.RowDefinitions> 
      <RowDefinition /> 
      <RowDefinition /> 
      <RowDefinition /> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
    </Grid> 
</Grid> 

假設你有，你要放置uniformgrid與線電網主網架，示例代碼如下：

int rows = 4; 
    int cols = 4; 

    var uniformGird = new UniformGrid() {Rows = rows, Columns = cols}; 
    mainGrid.Children.Add(uniformGird); 

    var grid = new Grid() 
        { 
         ShowGridLines = true 
        }; 
    for (int i = 0; i < rows; i++) 
    { 
     grid.RowDefinitions.Add(new RowDefinition()); 
    } 
    for (int i = 0; i < cols; i++) 
    { 
     grid.ColumnDefinitions.Add(new ColumnDefinition()); 
    } 

    mainGrid.Children.Add(grid); 

你可以將上面的代碼包裝在一個方法中，並傳遞行，列作爲方法參數。