通通玩blend美工(1)——荧光Button

  • 时间:
  • 浏览:2

时候 右键Grid,构成控件...

 打开blend,新建  silverlighttcp连接运行运行+网站  (有有哪些时候 不浪费口水了) 

作为有一个 Button它有点儿沒有来太久了,大伙儿 用选者工具(V)在画布上框选,或在左边树状底部形态里选中有一个 Path调节到当时人时候 的尺寸。

大伙儿 点情况表选项栏,选中MouseOver情况表,把作为发光虚化的三角形的边框改为另外有一个 颜色,再加进去去Normal情况表到MouseOver的过度为0.3秒,原来让变化有个过程。如下图

 当时人无缘无故在做WPF与否第一次做silverlight,原来主好多好多 为了要能在博客里更好的展示成品 。(有点儿鸣谢银光中国提供的免费silverlight空间)

最终效果如下:

大伙儿 把Button.Content的内容清空

都还还可不都可以把圈圈和框框del了,剩下三角形,根据当时人需求调好深度1和边框粗细,颜色等。(调深度1时按shift全部都是效果哦)

时候 silverlight中沒有VisualBrush好多好多 有实现倒影略显繁琐....

分析后边效果--button为有一个 发光的三角形在MouseOver和click的前一天有响应的动画效果...

大伙儿 进入编辑Button的模版,选中Button点下图中Grid就可进入

大伙儿 先画有一个 矩形,时候 再画有一个 矩形的内接圆(时候 blend对图形绘制时的定位有吸附效果,好多好多 有很容易画出内接圆)

 2.设计过程

大伙儿 选Grid,把它的背景色设为任意有一个 颜色,时候 把透明度调为0(时候 不原来做一段话,空心三角形的内部为空的每段响应不了鼠标事件)

时候 把它两加入到有一个 Grid后边,土办法 如下图。时候 也都还还可不都可以选中有一个 图形后用快捷键Ctrl+G。

  最近老大出差去了,光做项目全部都是点烦,写点教程消遣消遣(注:此乃初级教程,好多好多 有第有一个 消遣是当时人消遣,第五个是指供各位看官消遣...)

 发光的三角形:由有一个 空心三角形构成,其中下面一层那个被加入了BlurEffect效果。

感谢各位的围观,喜欢一段话,就推荐一下吧~~

         

  看着各位大虾出系列文章貌似挺好玩的,当时人耍了有一个 月的Wpf,有点儿见解,希望各位看官笑纳。本系列第一章就先来点简单又实用的吧o(∩_∩)o 哈哈..

 马上要到北京出差,刚毕业第一次出差还是有点儿兴奋,从小在云南长大的我都没见过都还还可不都可以落到地上的雪,希望到了北京无需被冻成冰雕...囧

1.总体思路

底部形态如下

 时候 用钢笔工具(P)连接五个切点,注意画的前一天都还还可不都可以按住shift键来画,这点和PS一样都还还可不都可以让线保持在某几块深度1范围,原来线就都还还可不都可以画的很直

时候 大伙儿 把画好的三角形再CtrlV、CtrlC克隆一份出来,把后边一层的边框颜色改为白色,如下图(有必要说明一下,时候 XAML为解释性语言,后边创建的控件会覆盖在前面创建的控件上,这就意味着图层底部形态显示和PS刚好相反,如下图,下面的Path在后边一层图层)

 做好后如下图:

时候 大伙儿 就发现真的变成Button了也~

源码下载:http://files.cnblogs.com/tong-tong/SilverlightApplication1.rar

原文:

再反复调下面一层三角形的Effect.Radius和边框粗细和颜色,直到当时人时候 的效果

大伙儿 选者Button选者。

 首先大伙儿 来画有一个 等腰三角形的路径..如可让它等腰呢?大伙儿 这里利用了一点几何常识....

时候 大伙儿 为下层的三角加进去去Effect效果,点新建,选BlurEffect.

在做后边你什儿 Demo的前一天无缘无故有个想法,实施了下,效果不错,就作为耐心看到本教程的大伙儿 的奖励吧~~

作为有一个 Button当然要有MouseOver的效果咯。

最后一步,按F5看一下你的成果吧~~!

同样附上源码:http://files.cnblogs.com/tong-tong/SilverlightApplication1-%E5%89%AF%E6%9C%AC.rar

同理,大伙儿 加进去去Pressd情况表的样式,这里大伙儿 把整个Grid向右稍微移动一点,都还还可不都可以选中grid后用方向键→来调整,原来保证在第一根水平线上。同样加进去去到一点任意情况表的过度,如下图。

看到左边工具栏后边的图形