如何在代码隐藏中显示网格线

Question

这是我的代码：

Grid gameboard = new Grid();
gameboard.HorizontalAlignment = HorizontalAlignment.Left;
gameboard.VerticalAlignment = VerticalAlignment.Top; 
gameboard.Width = Window.Current.Bounds.Width;
gameboard.Height = Window.Current.Bounds.Width;
Border border = new Border();
border.BorderThickness = new Thickness(1);
border.BorderBrush = new SolidColorBrush(Colors.Blue);
for (int j=0;j<7;j++)
{
    gameboard.ColumnDefinitions.Add(new ColumnDefinition());          
}
for (int i = 0; i < 7; i++)
{
    gameboard.RowDefinitions.Add(new RowDefinition());                  
}

我是一名学习者，现在我想显示我的网格线，有人可以帮助我吗？非常感谢！

Answer 1

您可以使用 Grid.ShowGridLines 属性并添加网格线。

gameboard.ShowGridLines = true;

Answer 2

既然你在学习，我会帮助你开始努力，让你和其他人在下一步的类似情况下。

从下面的代码开始，调整它，学习它，研究它，最重要的是玩得开心。

XAML

<Grid Name="LayoutRoot" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" Margin="30" HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
</Grid>

代码

public MainPage()
{
    this.InitializeComponent();
    DataContext = this;
    Loaded += MainPage_Loaded;
}

private void MainPage_Loaded(object sender, RoutedEventArgs e)
{
    Grid gameboard = new Grid();
    gameboard.HorizontalAlignment = HorizontalAlignment.Stretch;
    gameboard.VerticalAlignment = VerticalAlignment.Stretch;
    for (int j = 0; j < 7; j++)
    {
        var cd = new ColumnDefinition();
        cd.Width = new GridLength(1, GridUnitType.Star);
        var rd = new RowDefinition();
        rd.Height = new GridLength(1, GridUnitType.Star);
        gameboard.ColumnDefinitions.Add(cd);
        gameboard.RowDefinitions.Add(rd);
    }

    for (int j = 0; j < 7; j++)
    {
        for (int i = 0; i < 7; i++)
        {
            Border border = new Border();
            border.BorderThickness = new Thickness(1);
            border.BorderBrush = new SolidColorBrush(Colors.Blue);
            border.HorizontalAlignment = HorizontalAlignment.Stretch;
            border.VerticalAlignment = VerticalAlignment.Stretch;

            var tb = new TextBlock();
            tb.Text = string.Format($"i={i}; j={j}");
            tb.Margin = new Thickness(4);

            Grid.SetColumn(border, j);
            Grid.SetRow(border, i);
            border.Child = tb;

            gameboard.Children.Add(border);
        }
    }

    LayoutRoot.Children.Add(gameboard);
}

结果

摘要

这是一个开始。它并不完美，要使内边框不比边缘厚需要一点点努力，但应该不会太难。提示：考虑如何使用 border.BorderThickness = new Thickness(l, t, r, b);，其中 l/t/r/b 为 1 或 0，具体取决于 i/j。我什至可以把它作为一个面试问题；可能是一个有趣的讨论。

如何在代码隐藏中显示网格线

How to display gridlines in code behind

c#

grid

win-universal-app

uwp