首先在Grid里放一个TextBlock，对象时间线窗口的结构树如下
右键点击grid，选择构成控件
会弹出构成控件的对话框，选择你要构成的控件类型，控件名称，控件样式存储位置
这里我们选择button类型，确定后 会进入样式编辑模式
这个ContentPreseter就是对应按钮的正文textblock
 
默认是不需要修改的，但是如果要求按钮要改文字颜色什么的，就不行了
所以我一般这么做，把它删除，然后再直接添加一个新的textblock
好，现在看右侧的属性面板
文本是Textblock，这个和按钮上的文字不一样，所以我们需要绑定到按钮的Content模板上
点击右边的白色小方块，选择模板绑定，再选择Content
这样，文字就和前面按钮上的文字一样了，并且文字的颜色还能随意修改。
那怎么做一个能有效果的按钮呢？Follow me！！！
先在Grid的底层添加一个矩形

 
对齐方式是两端对齐，无margin
稍微设置一下矩形的fill和stroke颜色（大家随意）
样式元素都准备好了，就要开始做按钮的状态了。
一般按钮有

 
这些状态，在状态面板里
MouseOver是鼠标移动到按钮上的状态效果，Pressed是鼠标点击按钮的状态效果
现在我们点击MouseOver状态
右侧会有红色眼睛亮起，表示现在开始记录状态动作
 
再看下方的对象面板，点击显示时间线按钮，出现时间轴
 
然后选择对象里的矩形，改变它的Fill颜色
矩形会有红眼，说明改变已经被记录，同时时间轴上添加了一个记录帧
 
然后我们回到状态面板，选择Pressed状态了
新的状态时，元素都回归初始状态，等待记录
 
我们还是先改变一下矩形的颜色，和前面的MouseOver颜色要不同，以示区别
 
一般按钮点击的时候，都是一种往下按的感觉，所以我们再做一个按钮被压下的效果
还是在Pressed状态里，选择Grid对象，并在右侧的属性面板里找到“转换”内容
选择第3个，缩放
把X和Y的缩放比例都改成0.9
 
现在是这个样子了，我们的工作基本完成咯！
点击状态面板里，最上面的Base，退出状态编辑

 
再点击对象面板里的回退箭头，返回到页面
 
好了，退回到页面后，可以看到按钮的样子，你可以运行一下看看效果
 
接下来，我们来复用这个按钮样式
我们拖放出一个新的按钮，设置尺寸和前面的按钮相同
 
然后右键这个新按钮，选择编辑模板 --应用资源-选择你刚刚做的按钮模板（我这里是ButtonStyle3），模板就被复用了
 
还有个地方要注意，运行的时候是不是有个讨厌的黑色虚线在按钮点击的时候出现呢？
我们可以在按钮的公共属性面板里把这个勾去掉吧
 
这次的经验分享就是这些，第一次写博客，看官们轻喷。
 
Expression Blend的经验分享会持续推出，欢迎关注我的博客！
如果你觉得好，请帮忙推荐一下，谢谢！
我个人的小作品展示平台 ：http://raimon.6.gwidc.com/
欢迎有志于钻研Blend的朋友加入我们的Blend美工群QQ：152049269
 
 
 

Expression Blend4经验分享：制作一个简单的文字按钮样式的更多相关文章

  1. Expression Blend4经验分享：制作一个简单的图片按钮样式

    这次分享如何做一个简单的图片按钮经验 在我的个人Silverlight网页上,有个Iphone手机的效果,其中用到大量的图片按钮 http://raimon.6.gwidc.com/Iphone/de ...

  2. Expression Blend4经验分享：自适应布局浅析

    今天分享一下Blend制作自适应分辨率布局的经验,大家先看下效果图: 这是一个标准的三分天下的布局,两侧的红色区域是背景区域,是用来干吗的呢,下面简单的分析一下,大家就明白了. 1.拿到一个项目,进行 ...

  3. Expression Blend4经验分享：文字公告无缝循环滚动效果

    这次分享一个类似新闻公告板的无缝循环滚动效果,相信很多项目都会应用到这个效果.之前我也百度了一下,网上的一些Silverlight的文字或图片滚动效果,都是一次性滚动的,如果要做到无缝循环滚动,多数要 ...

  4. TensorFlow练习13: 制作一个简单的聊天机器人

    现在很多卖货公司都使用聊天机器人充当客服人员,许多科技巨头也纷纷推出各自的聊天助手,如苹果Siri.Google Now.Amazon Alexa.微软小冰等等.前不久有一个视频比较了Google N ...

  5. PureMVC和Unity3D的UGUI制作一个简单的员工管理系统实例

    前言: 1.关于PureMVC: MVC框架在很多项目当中拥有广泛的应用,很多时候做项目前人开坑开了一半就消失了,后人为了填补各种的坑就遭殃的不得了.嘛,程序猿大家都不喜欢像文案策划一样组织文字写东西 ...

  6. 实例学习SSIS（一）--制作一个简单的ETL包

    原文:实例学习SSIS(一)--制作一个简单的ETL包 导读: 实例学习SSIS(一)--制作一个简单的ETL包 实例学习SSIS(二)--使用迭代 实例学习SSIS(三)--使用包配置 实例学习SS ...

  7. 手把手制作一个简单的IDEA插件(环境搭建Demo篇)

    新建IDEA插件File --> new --> Project--> Intellij PlatForm Plugin-->Next-->填好项目名OK 编写插件新建工 ...

  8. 如何使用AEditor制作一个简单的H5交互页demo

    转载自:http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/ 本教程演示如何使用AEditor制作一个 ...

  9. 制作一个简单的WPF图片浏览器

    原文:制作一个简单的WPF图片浏览器 注:本例选自MSDN样例,并略有改动.先看效果: 这里实现了以下几个功能:1.  对指定文件夹下所有JPG文件进行预览2.  对选定图片进行旋转3.  对选定图片 ...

随机推荐

  1. MySql技巧个人笔记

    1.数据null时sum的用法 mysql数据库SUM(A+B)不一定等于SUM(A)+SUM(B),当A或B为NULL时,SUM(A+B)=NULL. 2.or改为in 同一字段,将or改写为in( ...

  2. python中列表、元组、字典内部功能介绍

    一.列表(list) 常用功能的介绍:

  3. 0019 Java学习笔记-面向对象-方法

    方法属于谁 方法要么属于类,要么属于对象 static修饰的方法属于类 没有static修饰的方法属于对象 方法只能定义在类里面,不能独立定义 不能独立的执行方法,要么通过类调用,要么通过方法调用 一 ...

  4. python入门综合

    #!/usr/bin/env python#-*-coding:utf-8-*- #以上是配置编写环境的开始   #第一行env表示运行当前环境变量内的python版本(2.x or 3.x)#第二行 ...

  5. docker-7 docker在阿里云的使用

    在传统模式中,开发团队在开发环境中完成软件开发,自己做了一遍单元测试, 测试通过,ᨀ交到代码版本管理库.运维把应用部署到测 试环境, QA 进行测试,没问题后通知部署人员发布到生产环境. 在上述过程中 ...

  6. linux 文件系统解析及相关命令

    简介 文件系统就是分区或磁盘上的所有文件的逻辑集合. 文件系统不仅包含着文件中的数据而且还有文件系统的结构,所有Linux 用户和程序看到的文件.目录.软连接及文件保护信息等都存储在其中. 不同Lin ...

  7. mysql 性能优化方案 （转）

    网 上有不少mysql 性能优化方案,不过,mysql的优化同sql server相比,更为麻烦与复杂,同样的设置,在不同的环境下 ,由于内存,访问量,读写频率,数据差异等等情况,可能会出现不同的结果 ...

  8. IIS中查看W3P.exe进程对应的应用程序池的方法

    对于IIS6可以运行 iisapp -a来显示应用程序池的性能列表. iisapp.vbs它是一个脚本程序,在安装2003时需要SP1才有 而IIS7可以直接用它的外壳命令 C:"Windo ...

  9. 完全变味的Windows Azure Marketplace中国版

    国际版的Microsoft Azure很早就发布Marketplace了,里面有非常丰富的(超过3000款)第三方应用.服务和虚拟机镜像可以购买.其定价模式也非常灵活,支持按需付费(pay as yo ...

  10. 大话设计模式C++版——工厂方法模式

    工厂方法模式是以简单工厂模式为基础的,如果未了解简单工厂模式的同学可先浏览<大话设计模式C++版——简单工厂模式>.在简单工厂模式中,提到过简单工厂模式的缺陷,即违背了开发—封闭原则,其主 ...