クリック可能な矩形でグリッドを描く

Question

私は画面上にグリッドを描き、ユーザーがクリックするたびにその特定の領域に画像を描画する必要があります。

グリッドの描画方法がわかりません。正方形は固定サイズ（32×32ピクセル）ですが、その数は可変です。私はNxN細胞グリッドを持つことができました。また、このグリッドは、そのサイズが可変であるため、スクロールペイン内にある必要があります。 誰もそのグリッドを描画し、正方形をクリックする方法を知っていますか？

私はWPFを使用しています。

ありがとうございました。

Answer 1

使用ScrollViewerGridオブジェクト生成後、スクロール機能に

<ScrollViewer x:Name="layoutRoot" VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto"/> 

を有効にする：私はマウスクリックについて知っておく必要があり、多くの場合

private Grid GenerateGrid(int rows, int columns, int cellWidth, int cellHeight) 
{ 
    Grid grid = new Grid(); 
    grid.Width = columns * cellWidth; 
    grid.Height = rows * cellHeight; 

    for (int i = 0; i < rows; i++) 
    { 
     grid.RowDefinitions.Add(new RowDefinition()); 
    } 

    for (int i = 0; i < columns; i++) 
    { 
     grid.ColumnDefinitions.Add(new ColumnDefinition()); 
    } 

    for (int i = 0; i < rows; i++) 
    { 
     for (int j = 0; j < columns; j++) 
     { 
      var cell = new Border(); 
      cell.MouseDown += Cell_MouseDown; 
      Grid.SetRow(cell, i); 
      Grid.SetColumn(cell, j); 
      cell.Background = Brushes.Transparent; 

       cell.BorderBrush = Brushes.Gray; 
       cell.BorderThickness = new Thickness(1); 
      grid.Children.Add(cell); 
     } 
    } 

    return grid; 
} 

private void Cell_MouseDown(object sender, MouseButtonEventArgs e) 
{ 
    var cell = sender as Border; //You can use this object 
} 

Answer 2

を、私はボタンをサブクラス化する傾向があります。マウス操作の基本イベントを管理するのはやや厄介なことがわかりますが、それを行うこともできますし、重要であれば軽い体重になります。いずれにしても、カスタムコントロールやユーザーコントロールを作成する場合は、必要なものをすべて用意する必要があります。 OnClick（サブクラスButtonの場合）またはOnPreviewMouseLeftButtonDown、OnPreviewMouseLeftButtonUp、OnMouseEnter、およびOnMouseLeaveの4つすべてをオーバーライドして、自分で管理することができます。あなたのコントロールでマウスがダウンしたかどうかを知る必要があるので、マウスアップだけをキャプチャするだけでは不十分です。ちょっと複雑なので、ボタンの標準的なクリック動作を見て、それを複製することをお勧めします。

UniformGridを調べて、グリッドのニーズを満たしているかどうかを確認することができます。これは、可変数の列と行を必要とするためです。あなたはどちらかの数を設定することができ、それらの間に子供たちが流れます。ここで使用するコントロールは、ScrollViewer内に配置してスクロール機能を使用することができます。