余白が下半分のグリッドに表示されるときにグリッド項目が表示されない

Question

グリッドのカーソルとして使用するオーバーレイ区切りのグリッドがあります。グリッドのActualHeightの割合に余白を設定することによって、プログラム上、区切り記号をグリッド上で移動しています。これは、マージンが（grid.ActualHeight/2）以上に設定され、その時点でセパレータが表示されなくなるまでうまく動作します。

私は垂直方向のアラインメント（上にデフォルト設定されています）をボトムまたはセンターに設定し、同様の結果で適切に位置を変更しようとしました。

グリッドがセパレータを隠す何らかの理由はありますか？セパレータが確実に表示されるようにするにはどうすればよいですか？

おかげで、 スチュアート

編集：ここでは

は、グリッドのXAMLです。枠線はプログラムによってグリッドに追加されるため、グリッドには行と列が含まれています。

<Grid Name="graph1" Grid.Row="1" Margin="2" MouseLeftButtonDown="MouseDown" Background="#00000000"> 
     <Grid.RowDefinitions> 
      <RowDefinition /> 
      <RowDefinition /> 
      <RowDefinition /> 
      <RowDefinition /> 
      <RowDefinition /> 
     </Grid.RowDefinitions> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
      <ColumnDefinition /> 
     </Grid.ColumnDefinitions> 
     <Separator Name="graph1Cursor" Grid.RowSpan="5" Grid.ColumnSpan="6" VerticalAlignment="Top"/> 
    </Grid> 

私はマージンを設定するために使用していたコード：yはグリッドのActualHeightに対するカーソル位置の高さ

graph1Cursor.Margin = new Thickness(0, y, 0, y); 

。

Answer 1

解決策が見つかったのですが、なぜソリューションが元のものよりも優れているのか分かりません... Gridに直接セパレータを置くのではなく、StackPanel内に入れ子にしました。それ以外のコードはすべて同じままです。ここで

は、ネストされたのStackPanelとグリッドのためのXAMLです：

<Grid Name="graph1" Grid.Row="1" Margin="2" MouseLeftButtonDown="MouseDown" Background="#00000000"> 
      <Grid.RowDefinitions> 
       <RowDefinition /> 
       <RowDefinition /> 
       <RowDefinition /> 
       <RowDefinition /> 
       <RowDefinition /> 
      </Grid.RowDefinitions> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
       <ColumnDefinition /> 
      </Grid.ColumnDefinitions> 
      <StackPanel Grid.RowSpan="5" Grid.ColumnSpan="6"> 
       <Separator Name="graph1Cursor" VerticalAlignment="Top" /> 
      </StackPanel> 
     </Grid> 

答えとして、私はこれをマークします。誰かがより良い解決策を持っているなら、私はそれを批評するつもりです。

Answer 2

他の解決策ではなく、セパレーターからGrid.RowSpan-プロパティをGrid.Row-プロパティを設定することで、あなたのコードに比べて唯一再び行-プロパティの設定：

XAML：

<Grid Name="graph1" Grid.Row="1" Margin="2" Background="#00000000"> 
    <Grid.RowDefinitions> 
     <RowDefinition /> 
     <RowDefinition /> 
     <RowDefinition /> 
     <RowDefinition /> 
     <RowDefinition /> 
    </Grid.RowDefinitions> 
    <Grid.ColumnDefinitions> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
     <ColumnDefinition /> 
    </Grid.ColumnDefinitions> 
    <Button Click="Button_Click"/> 
    <Separator Name="graph1Cursor" Grid.Row="1" Grid.ColumnSpan="6" VerticalAlignment="Top"/> 
</Grid> 

をあなたのコードで

、ヨーヨーがgraph1Cursorから行-プロパティを設定します。

Grid.SetRow(graph1Cursor, 4);