c# - 選択によってパネルが分割されて詳細ビューが表示されるWrapPanel？

Question

• スクロールは水平です
• タッチ駆動。
• アイテムは流れ落ち、次の列に流れます
• アイテムに触れると、パネルが設定ポイントまでスクロールされるため、詳細ビューは常に同じ場所に表示されます。
• 次の列は「途切れて」右にアニメーション化され、選択したアイテムのコンテキストで詳細ペインが表示されます。
• （別の列にある）表示されているアイテムに触れると、表示された詳細が「閉じられ」、次に選択した新しいアイテムが左側の静止点にアニメーション化され、次の列が再び切り取られて詳細が表示されます。同じ列に表示されているアイテムをタッチすると、フェードアウトアニメーションが実行されます。

ここにいくつかの簡単なモックがあります：

これの90％は私には簡単ですが、アイテムを表示するためにそれ自体を「分離」できるラップパネルを作成するプロセスは、私を大いに回避しています。何かアドバイスをいただければ幸いです。

Answer 1

解決策の1つは次のとおりです。

一部の余白を変更することで、ラップ パネル ( grid 内) 内のボタンを分離できます (もちろん、ボタンのサイズを維持し、次の行に移動したくない場合は、ウィンドウのサイズも変更する必要があります)。

たとえば、ボタン 1、2、3 などの名前のボタンが 4 列と 3 行ある場合、最初の列のボタンをクリックすると、ボタン 2、6、10 が取得されます。

  new thickness(space,0,0,0);

これにより、右側のすべてのボタンが変数 space の値だけ移動します。

その後

  window.width += space;

そして、グリッドの子である textBox は、幅スペースのある適切な場所に配置します。

取り消し時

      new thickness(0,0,0,0);

      window.width -= space;

それは私にとってはうまくいきましたが、他の解決策に興味があります。