2012-08-13 3 views
1

WPF 용 UniformGrid에 그리드 선을 표시하는 방법을 알고 싶습니다. 그리드 선을 일반 그리드에 맞추기는 쉽지만 UniformGrid는 그리드 선을 일반 그리드처럼 설정할 수 없습니다. 프로그래밍에보다 융통성을 갖기를 원하기 때문에 코드와 xaml 모두에 간단한 예제를 제공하는 것이 좋습니다. 감사!코드에서 UniformGrid의 눈금 선을 표시하는 방법/WPF에 대한 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 
+1

'UniformGrid' 셀에서 루트 요소로'Rectangle'을 사용하십시오. [this] (http://wrb.home.xs4all.nl/Articles_2011/Article_WPFUniformGrid_01.htm) 자습서 – dvvrd

답변

0

항상 ShowGridLines을 True로 설정 한 그리드를 UniformGrid 위에 배치 할 수 있습니다.

뭔가 아래와 같이 : 당신이 당신의 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> 

, 샘플 코드는 다음과 같습니다 :

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

당신은 할 수 메서드에서 위 코드를 래핑하고 행, cols를 메서드 매개 변수로 전달합니다.

+0

다른 페이지에서 열과 행의 값을 전달하므로 4x4로 고정하고 싶지는 않습니다. 사용자에 따라 열과 행이 유연합니다. –

+0

애플리케이션의 스크린 샷을 첨부 할 수 있습니까? – sthotakura

+0

더 많은 것을 이해할 수 있도록 몇 가지 코드를 추가했습니다. –