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

  • 时间:
  • 浏览:1

  上班了,回见!

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

  恭喜给位,亲戚亲戚大伙儿 之前 学精了独门秘籍,在某种生活文章那么 被地球人都知道前,赶快做一个多多 ,因此 秀给亲戚亲戚大伙儿 的亲戚大伙儿 看。亲戚大伙儿 都有惊呼不可思议。当然你还都不能发挥一下当时人的美术功底,把它设计的像www.kaodigua.net上那样很美观,很专业。

    

  因此 在LayoutRoot的顶端,新建一个多多 Grid,在顶端放一个多多 Image。Image填充整个Grid。注意Image目前从不指定图片源。之前 我空在哪里。如下图。

  当用户选取ListBox中某一项时,某种生活被选中的Item从ListBox中飞出来,平稳的屏幕中央。这是我当时人最喜欢的一个多多 特效。实现起来依然都有很困难。不过在开使英文之前 ,还是先废话几句,FluidMoveBehavior虽然许多那么 用,它不提供任何任务操作,很多样化反却说 增加了界面的工作量。但他对系统进程员来说是某种生活史无前例。在silverlight开发中,出现 了某种生活亲戚亲戚大伙儿 很喜欢且争先恐后会掌握的“没用”技能。这预示着silverlight未来都有引领一场革命。

    

    

原文:

  为Image元素换成一个多多 名为"FluidMoveSetTagBehavior"的行为。 注意这里是FluidMoveSetTagBehavior而都有FluidMoveBehavior

    

    

  开使英文正题,某种生活章会步骤稍微不怎么多,请先打开Blend,新建一个多多 示例数据源,只定义一个多多 属性,名为Image,类型也是Image。如下图:

  源码下载

      

    

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

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

    

    

    

  刚才他们说我的标题很给力,哈哈。那某种生活标题肯定更给力了,“飞出ListBox吧”。让我在www.kaodigua.net上看多具体的效果。下面是效果截图:

  在弹出窗口中,选取DataContext选项卡,这里都不能看多文章开使英文时让我创建的示例数据源,直接选中Image,点击OK按钮。

  AppliesTo属性设置为self。

    

  因此 ,点击Collection节点,直接把他拖拽到LayoutRoot中。从后会自动生成一个多多 ListBox,亲戚亲戚大伙儿 设置一下ListBox的位置和深度,让我靠左边对其。如下图所示。

    

    

    

  因此 点击某种生活新建好的Gird,在右侧属性面板中找到DataContext属性,点击最右侧的,在弹出菜单中选取DataBinding...

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

  InitalTag属性设置为DataContext。

        

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

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

    

  接下来,为Grid换成一个多多  FluidMoveBehavior

    

  之前 你喜欢我的文章,请点一下右下角的“推荐”,之前 你那么 注册博客园,我建议你注册一个多多 账号,因此 再点推荐和关注我。从前我文章更新时让我第一时间得到通知。之前 你第一次读我的文章,我建议你从第一章开使英文从头学起。本文中中含却说 手法,细节,我那么 单独列出,都有某一章的某张图片中体现。这三章真的很精彩,让我简单实现从前难以想象的UI特效。强烈建议你将它推荐让我的亲戚大伙儿 ,家人,媳妇,爸爸妈妈,还有未来的老丈人。之前 你有七舅老爷搞笑的话,你还都不能......= =!