先看效果图:

从一个ListBox中的元素点击导入另一个ListBox元素中从一个ListBox中的元素点击导入另一个ListBox元素中从一个ListBox中的元素点击导入另一个ListBox元素中

 

Blend中制作过程如下:

1、在数据板中新建示例数据,如下图

从一个ListBox中的元素点击导入另一个ListBox元素中

2.弹出对话框点击确定性

从一个ListBox中的元素点击导入另一个ListBox元素中

3.这是数据板中出现Collection集合,把集合下的Property1改成Name

从一个ListBox中的元素点击导入另一个ListBox元素中

4.在对象和时间线窗口选中Grid,左健点中上图中的Name属性拖拽到Blend中间的画板上,会自动创建ListBox,把ListBox放在画板左侧,如下图:

从一个ListBox中的元素点击导入另一个ListBox元素中

5.再在画板右侧创建一个空的ListBox

从一个ListBox中的元素点击导入另一个ListBox元素中

6.如果上面步骤没有问题,代码中应该是下图这样的

从一个ListBox中的元素点击导入另一个ListBox元素中

7.对左侧listBox添加双击事件,双击后listBox元素添加到右侧listBox1中

从一个ListBox中的元素点击导入另一个ListBox元素中

8.双击事件如下:

从一个ListBox中的元素点击导入另一个ListBox元素中

9.按F5测试查看结果,应该如下图所示,说明事件没问题

从一个ListBox中的元素点击导入另一个ListBox元素中

10.在左侧listBox上右键点击,按下图进入listboxitem编辑模板

从一个ListBox中的元素点击导入另一个ListBox元素中

11.在对象和时间线窗口选中TextBlock对象,再从行为面板(看图找)中找到FluidMoveSetTagBehavior拖放到画板的TextBlock对象上

从一个ListBox中的元素点击导入另一个ListBox元素中

12.这里对象和时间线窗口的TextBlock下方出现FluidMoveSetTagBehavior。

从一个ListBox中的元素点击导入另一个ListBox元素中

13.并在右侧属性窗口设置Tag为DataContext

从一个ListBox中的元素点击导入另一个ListBox元素中

14.接下来对右侧ListBox框设置模板项,按下图创建

从一个ListBox中的元素点击导入另一个ListBox元素中

15.在模板中绑定Name属性,如下图

从一个ListBox中的元素点击导入另一个ListBox元素中

16.并从行为中选择FliudMoveBehavior到TextBlock上。

从一个ListBox中的元素点击导入另一个ListBox元素中

17.拖放正确应该是如下所示

从一个ListBox中的元素点击导入另一个ListBox元素中

18.设置属性:

从一个ListBox中的元素点击导入另一个ListBox元素中

19.大功告成,按F5,双击左侧试试效果吧

从一个ListBox中的元素点击导入另一个ListBox元素中

 

相关文章: