一个WrapPanel,其中选择划分面板以显示详细视图？

Question

• 滚动是水平的
• 触摸驱动.
• 项目向下流动,然后进入下一列
• 触摸项目会将面板滚动到设定点,因此详细视图将始终位于同一位置.
• 下一列将"中断"并向右移动,以在所选项的上下文中显示详细信息窗格.
• 触摸任何可见项目(在不同的列中)将"关闭"显示的细节,然后将新选择的项目设置为左静态点并再次切割下一列以显示细节.触摸同一列中的任何可见项目只会执行淡出动画.

这是一些简单的嘲笑:

90%的这个对我来说很简单,但是创建一个可以"分离"自己以展示项目的包装面板的过程正在向我展望.任何意见,将不胜感激.

Answer 1

解决方案之一是：

您可以通过更改其中一些按钮的边距来分隔包裹面板（位于 grid 内部）内的按钮（当然，如果您想保持按钮大小并避免将它们移动到下一行，则还需要更改窗口的大小）。

例如，如果您有 4 列和三行名为按钮 1,2,3 等的按钮...当单击第一列中的按钮时，按钮 2,6,10 得到：

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

这会根据变量空间的值移动右侧的所有按钮；

进而

  window.width += space;

然后，作为网格子项的文本框将定位在具有宽度空间的合适位置。

撤消时

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

      window.width -= space;

它对我很有用，但我很好奇其他解决方案。