【全面解禁!真正的Expression Blend实战开发技巧】第十章 FluidMoveBehavior完全解析之三飞出ListBox吧

  • 时间:
  • 浏览:1

    

  已经 点击这俩新建好的Gird,在右侧属性面板中找到DataContext属性,点击最右侧的,在弹出菜单中确定DataBinding...

    

  AppliesTo属性设置为self。

    

  肯能你前几部都做对了,应该得到如下效果。

    

  已经 在LayoutRoot的中间,新建有两个多多Grid,在中间放有两个多多Image。Image填充整个Grid。注意Image目前回会说指定图片源。已经 你空在哪里。如下图。

      

  接下来很关键的一步,请右击ListBox,在弹出菜单中依次确定Edit Additional Template->Edit Generated items->Edit Current,进入模板编辑界面。

  源码下载

    

    

  恭喜给位,亲戚朋友肯能学会了独门秘籍,在这俩文章那么被地球人都知道前,赶快做有两个多多,已经 秀给亲戚朋友的亲戚朋友看。亲戚朋友都会惊呼不可思议。当然你还可不并能发挥一下本人的美术功底,把它设计的像www.kaodigua.net上那样很美观,很专业。

  在右侧属性面板里设置FluidMoveSetTagBehavior的Tag属性为DataContext

  点击F5运行得到最终效果如下图

  接下来,为Grid添加有两个多多 FluidMoveBehavior

    

        

  接下来,在弹出菜单中,打开Element Property选项卡,已经 确定ListBox,接着在Properties列表里选中SelectedItem,点击OK按钮。

  肯能你喜欢我的文章,请点一下右下角的“推荐”,肯能你那么注册博客园,我建议你注册有两个多多账号,已经 再点推荐和关注我。要是 我文章更新时我想要第一时间得到通知。肯能你第一次读我的文章,我建议你从第一章开始从头学起。本文含晒 高其他手法,细节,我那么单独列出,都会某一章的某张图片中体现。这三章真的很精彩,我想要简单实现要是 难以想象的UI特效。强烈建议你将它推荐我想要的亲戚朋友,家人,媳妇,爸爸妈妈,还有未来的老丈人。肯能你有七舅老爷句子,你还可不并能......= =!

    

  上班了,回见!

  InitalTag属性设置为DataContext。

    

  当用户确定ListBox中某一项时,这俩被选中的Item从ListBox中飞出来,平稳的屏幕中央。这是本人最喜欢的有两个多多特效。实现起来依然都会很困难。不过在开始已经 ,还是先废话几句,FluidMoveBehavior确实其他那么用,它不提供任何任务操作,不比较复杂反要是增加了界面的工作量。但他对多线程 员来说是并都不 史无前例。在silverlight开发中,突然出现了并都不 亲戚朋友很喜欢且争先恐回会掌握的“没用”技能。这预示着silverlight未来都会引领一场革命。

  开始正题,这俩章会步骤稍微有点痛 多,请先打开Blend,新建有两个多多示例数据源,只定义有两个多多属性,名为Image,类型也是Image。如下图:

    

    

  为Image元素添加有两个多多名为"FluidMoveSetTagBehavior"的行为。 注意这里是FluidMoveSetTagBehavior而都会FluidMoveBehavior

  在弹出窗口中,确定DataContext选项卡,这里可不并能就看文章开始时我想要创建的示例数据源,直接选中Image,点击OK按钮。

    

    

    

  已经 ,点击Collection节点,直接把他拖拽到LayoutRoot中。要是 会自动生成有两个多多ListBox,亲戚朋友设置一下ListBox的位置和强度,我想要靠左边对其。如下图所示。

  刚才许多人说我的标题很给力,哈哈。那这俩标题肯定更给力了,“飞出ListBox吧”。我想要在www.kaodigua.net上就看具体的效果。下面是效果截图:

    

原文:

  接下来,请选中刚才新建的Image控件,在右侧属性面板中,与中间相同,找到Source属性,点击最右侧的,在右键弹出菜单中确定DataBinding...