零元学Expression Blend 4 - Chapter 35 讨厌!!我不想一直重复设定!!『Template Binding』使用前後的差异
原文:零元学Expression Blend 4 - Chapter 35 讨厌!!我不想一直重复设定!!『Template Binding』使用前後的差异
因为先前写到自制Button时需特别注意Template Binding步骤的部分,有不少网友常常问我差异到底在哪?
所以在这边就特别为了Template Binding做单独的介绍
?
因为先前写到自制Button时需特别注意Template Binding步骤的部分,有不少网友常常问我差异到底在哪?
所以在这边就特别为了Template Binding做单独的介绍
?
(回顾自制玻璃质感Button请看这里)
?
就是要让新手都看得懂!
?
?
01
首先我把Gird切割为二等分
分别放入一个爱心
?
接着把爱心转换为Button
爱心上单击右键->Make Into Control->Button
?
进入Button Template後,请把本范例不需要的ContentPresenter删除
?
由於本章介绍的是Template Binding的差异,我就不针对设定Button做详细的说明了
如果你想知道更多自订状态,可以参考我其他篇的介绍:
(1) 零元学Expression Blend 4 - Chapter 15 用实例了解互动控制项「Button」I
(2) 零元学Expression Blend 4 - Chapter 16 用实例了解互动控制项「Button」II
(3) 零元学Expression Blend 4 - Chapter 28 ListBox的基本运用与更改预设样式
(4) 零元学Expression Blend 4 - Chapter 32 简单轻松的学会如何使用Visual States(上)
(5) 零元学Expression Blend 4 - Chapter 33 简单轻松的学会如何使用Visual States(下)
?
02
进入样板编辑模式後,请在Properties->Brush->Fill後面的小白点(Advanced options)->点选Template Binding->Background
?
Bindind以後,我们离开样板编辑模式(Edit Button Template)
再用一样的方法把右边的爱心转为Button,但右边的爱心不需要设定Template Binding,因为我们要看出Template Binding与否的差异
?
以上步骤都完成了以後,表面上看似正常的两个爱心,底层已经不一样了喔!
看下去就知道:
一般模式下,已Template Binding的左边爱心,当选取什麽颜色,爱心就是什麽颜色
就像下图,左边的爱心,选取粉红色,爱心就是粉红色
?
一般模式下,未Template Binding的右边爱心,当选取蓝色,爱心却不会变成蓝色
?
到底是怎麽一回事呢?
这边我们把两个爱心都改为蓝色再进入样板编辑模式看看
?
左边爱心:
可以看到已Template Binding的爱心,有绑定的状态检色器会出现一个黄色外框
而且於一般模式已经改为蓝色的爱心,在样板编辑模式时也同样是蓝色
但你可以发现,被黄色外框框住的检色器已经无法选择颜色了
?
右边爱心:
可以调整看看颜色,刚刚在一般模式无法更改颜色,但进到样板编辑模式就可以更改了!
?
统整一下刚刚我们遇到的状况:
?
???????????????? 左边爱心?????????????? V.S?????????????? 右边爱心
已Template Binding |
未Template Binding |
一般模式编辑色彩有效 |
一般模式编辑色彩无效 |
样版模式无法编辑颜色 |
样版模式可以编辑颜色 |
一般模式编辑色彩 与样版模式色彩同步 |
一般模式编辑色彩 与样版模式色彩不同步 |
?
其实我们在Edit Template的时候,做的是底层的东西
所以如果没有把底层与外层Binding起来,会造成一般编辑与样板编辑(Edit Template)的不同
?
03
以我们把Backgruond Fill Template Binding为例:
Binding前後的差异在----
Binding前:即使调整了外层(未进入样板编辑)的Backgruond Fill颜色,对於样板编辑模式里的Backgruond Fill 不会造成影响。
Binding後:调整了外层的Backgruond Fill颜色,样板编辑模式里的Backgruond Fill 颜色会跟着变动。
?
这动作最主要实现在於Blend的基本精神
如果我复制了Button,就可以在一般编辑贴出多个Button後,直接更改我喜欢的颜色
不需要一直去动到样板,能够直接从一般模式下调整你想要的颜色
因为,每做一个颜色就要去调一次样板是很累人的.....
?
但是如果你想要一口气直接把所有颜色都调整为同一种颜色
你可以选择不使用TemplateBinding
试着复制多个未TemplateBinding的右边爱心,然後进入到样版里面更改颜色
应该可以发现,不管复制了几个爱心,都可以在同一时间改变颜色,就算是大小或外观改变了
?
用最简单的话说
我们只是利用TemplateBinding把样版里面的属性开放出来,和实际的元件的某个属性绑在一起
所以在实际元件的那个属性上做设定,就会被样版里与属性有Binding的属性一起吃进去
?
而且TemplateBinding一次不只可以绑一个属性 ,样版里面的多个属性可以绑到实际元件的同一个属性
试着玩玩看吧!
?
?
若能注意到很小的设定,会对你Silverlight的制作加分喔!
?
本篇的教学就到此。
(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)
?
?
一步一步迈向HIE之路
喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!
若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您
零元学Expression Blend 4 - Chapter 35 讨厌!!我不想一直重复设定!!『Template Binding』使用前後的差异的更多相关文章
- 零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步
原文:零元学Expression Blend 4 - Chapter 46 三分钟快速充电-设定Margin的小撇步 如果需要经常的使用某一项工具,总会希望能够更快速的使用各项设定达到效果 今天要介绍 ...
- 零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果
原文:零元学Expression Blend 4 - Chapter 47 超简单!运用StackPanel配合OpacityMask做出倒影效果 有网友问我如何在Blend内制作出倒影效果 我提供了 ...
- 零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下)
原文:零元学Expression Blend 4 - Chapter 44 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(下) 抱歉久等了!!!! 终於到了动画MenuBar ...
- 零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗?
原文:零元学Expression Blend 4 - Chapter 45 ListBox里的物件不能换行吗? ListBox里的排列不是垂直就是水平,觉得这样的排列很枯燥乏味吗? 想要它变聪明吗? ...
- 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画
原文:零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画 零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形 ...
- 零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中)
原文:零元学Expression Blend 4 - Chapter 41 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(中) 我们接着进行动画MenuBar的制作 接续着上 ...
- 零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)
原文:零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 一直以来都有人拿Flash的动画问我Blend ...
- 零元学Expression Blend 4 - Chapter 39 虾米?!同款?不同师傅!告诉你Visible、Hidden与Collapsed的差异!
原文:零元学Expression Blend 4 - Chapter 39 虾米?!同款?不同师傅!告诉你Visible.Hidden与Collapsed的差异! 由此可知 Hidden为隐藏项目,但 ...
- 零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下)
原文:零元学Expression Blend 4 - Chapter 38 看如何使用Clip修出想要的完美曲线(下) 你可以把Clip想成是一个遮罩,运用遮罩达到我们想要的效果 所以在这里我们把文字 ...
随机推荐
- C++ 指向类成员函数指针的用法(转自维基百科)
类成员函数指针 类成员函数指针(member function pointer),是C++语言的一类指针数据类型,用于存储一个指定类具有给定的形参列表与返回值类型的成员函数的访问信息. 目录 1 语法 ...
- TensorFlow中卷积
CNN中的卷积核及TensorFlow中卷积的各种实现 声明: 1. 我和每一个应该看这篇博文的人一样,都是初学者,都是小菜鸟,我发布博文只是希望加深学习印象并与大家讨论. 2. 我不确定的地方用了“ ...
- 小强的HTML5移动开发之路(34)——jQuery中的选择器
一.jQuery是什么? jQuery是由美国人John Resig创建,至今吸引了来自世界各地的众多javascript高手加入其中. jQuery的创始人和技术领袖,目前在Mozilla担任Jav ...
- Swagger与postman使用心得
Swagger接口文档,在线自动生成模板和页面.服务器地址加上swagger-ui.html后缀即可访问到(https://域名:端口号/swagger-ui.html). 使用时在java代码中引用 ...
- Python应用库大全总结
学python,想必大家都是从爬虫开始的吧.毕竟网上类似的资源很丰富,开源项目也非常多. python学习网络爬虫主要分3个大的版块:抓取,分析,存储 当我们在浏览器中输入一个url后回车,后台会发生 ...
- iOS CALayer使用
CALayer使用 iOS的设备中,我们之所以能看到各种各样的控件.文字.图片,都是Core Animation框架的功劳.它通过图层的合成,最终显示在屏幕上.而今天这篇文章讲的就是Core Anim ...
- Python采用struct处理二进制
有时需要使用python二进制数据,实例,件.socket操作时.这时候.能够使用python的struct模块来完毕.能够用 struct来处理c语言中的结构体. struct模块中最重要的三个函数 ...
- 手动安装配置Android Studio
官网下载Android Studio安装包后安装启动Android Studio,程序提示安装SDK,因为代理/FQ的原因,安装component失败,错误如下: Preparing "In ...
- 常用软件的安装(windows/linux)
1. matlab 2016b (两个 iso 文件)(windows) MATLAB R2016b 安装教程 2. clion 在 ubuntu 下的安装 ubuntu 14.04 Clion201 ...
- .net程序运行流程
程序员用.net开发的程序要在计算机上运行,首先程序经过编译后,会生成机器指令,一般以一个文件的形式保存,这个文件在外存储器上(存储器分外存与内存.外存:硬盘,U盘等:) 然后cpu会把硬盘上的文件读 ...