c# - スクロール可能な領域の上に要素を絶対配置し、2 つの異なる要素を同時にスクロールする

Question

基本的に私がやりたいことは、グリッドの左と上に 1 つずつ、2 つのストリップを用意することです (両方ともテキスト要素を含むリストボックス)。ユーザーがグリッド内をスクロールすると、これら2つのリストが表示されたままになります。

たとえば、これらのストリップはルーラー (数字と線のみ) であり、ユーザーが右にスクロールすると、上部の「ルーラー」がグリッドに沿ってスクロールしますが、左側のルーラーは表示されたままになります。ユーザーが垂直にスクロールした場合も同じです。横のルーラーの数字は増加しますが、上のルーラーは表示されたままです。

これが画像です（ルーラーは1つしかありませんが、それは私がやりたいことを示しています。青い四角は基本的にウィンドウであり、水平にスクロールするとサイドバーがまだ表示されますが、垂直にスクロールするとサイドバーの色が変わります.

Answer 1

xaml で 2 つのグリッドを定義します。

 <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
     <Grid x:Name="Grid1">
       //scrollviewer code
     </Grid>
     <Grid x:Name="Grid2">
       //sidebar code
     </Grid>
 </Grid>   

グリッド 1 にはスクロールビューが含まれ、グリッド 2 にはサイドバーが含まれます。2 つのグリッドは、同じ親内で定義する必要があります。それらが互いに重なり合うようになります。操作イベントでは、可視性で遊ぶことができます。これが役立つことを願っています。