如何圍繞網格

Question

我需要圍繞網格和網格的每一行繪製邊框？

圍繞網格很簡單。但在每一行裏面我有另一個網格，並且所有內部網格都有多個列，並且在所有列中都有按鈕。 所以我需要繪製每個列，每個網格和每個按鈕的邊框。

我試圖通過使用多行關於每一行，但錯誤即將到來，你不能有邊界內的ribbonbutton。

我需要在每個網格的每一列周圍使用多個嗎？

我試過了，但沒有任何工作。我是WPF中的新成員。

Answer 1

我不確定功能區按鈕是否可以在功能區之外使用。這與你的邊界問題無關。您可能只需使用常規按鈕。有很多方法可以對它進行模板以改善視覺外觀。

這裏是把圍繞電網和細胞邊界的一個簡單的例子：

<Window x:Class="TestingWPF.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:properties="clr-namespace:TestingWPF.Properties" 
     Title="MainWindow" Height="350" Width="525"> 
    <Window.Resources> 
     <Style TargetType="{x:Type Border}"> 
      <Setter Property="BorderThickness" Value="2" /> 
      <Setter Property="BorderBrush" Value="Red" /> 
     </Style> 
     <Style TargetType="{x:Type Button}"> 
      <Setter Property="Margin" Value="5" /> 
      <Setter Property="Content" Value="Test" /> 
     </Style> 
    </Window.Resources> 
    <Border BorderBrush="Green" BorderThickness="4" Padding="1"> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
      </Grid.ColumnDefinitions> 
      <Grid.RowDefinitions> 
       <RowDefinition /> 
       <RowDefinition /> 
       <RowDefinition /> 
       <RowDefinition /> 
      </Grid.RowDefinitions> 

      <Border Grid.RowSpan="4" Grid.ColumnSpan="4" BorderBrush="#FF00FF51"/> 

      <Border Grid.Row="0" Grid.Column="0"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="0" Grid.Column="1"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="0" Grid.Column="2"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="0" Grid.Column="3"> 
       <Button /> 
      </Border> 

      <Border Grid.Row="1" Grid.Column="0"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="1" Grid.Column="1"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="1" Grid.Column="2"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="1" Grid.Column="3"> 
       <Button /> 
      </Border> 

      <Border Grid.Row="2" Grid.Column="0"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="2" Grid.Column="1"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="2" Grid.Column="2"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="2" Grid.Column="3"> 
       <Button /> 
      </Border> 

      <Border Grid.Row="3" Grid.Column="0"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="3" Grid.Column="1"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="3" Grid.Column="2"> 
       <Button /> 
      </Border> 
      <Border Grid.Row="3" Grid.Column="3"> 
       <Button /> 
      </Border> 
     </Grid> 
    </Border> 
</Window> 

你可以很容易複製，在代碼通過循環創建網格。你可能希望看看模板，以獲得更好的結果，但你必須更具體的什麼你試圖完成而不是如何你試圖完成的事情。

Answer 2

它用於調試目的，但可以幫助你

<Grid ShowGridLines="True"