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

  • 时间:
  • 浏览:0

人们人们把Button.Content的内容清空

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

人们人们选取Button选取。

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

可能silverlight中这样VisualBrush或多或少或多或少实现倒影略显繁琐....

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

最终效果如下:

作为一一个多Button它很重过多了,人们人们用选取工具(V)在画布上框选,或在左边树状底部形态里选中一个多Path调节到我每每个人 我应该 的尺寸。

否则 右键Grid,构成控件...

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

人们人们先画一一个多矩形,否则 再画一一个多矩形的内接圆(可能blend对图形绘制时的定位有吸附效果,或多或少或多或少很容易画出内接圆)

人们人们点情况选项栏,选中MouseOver情况,把作为发光虚化的三角形的边框改为另外一一个多颜色,再去掉 Normal情况到MouseOver的过度为0.3秒,这样 让变化有个过程。如下图

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

都还要把圈圈和框框del了,剩下三角形,根据我每每个人 需求调好层厚和边框粗细,颜色等。(调层厚时按shift都有效果哦)

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

 2.设计过程

在做中间你这些Demo的然后老会 有个想法,实施了下,效果不错,就作为耐心看后本教程的人们人们的奖励吧~~

底部形态如下

 首先人们人们来画一一个多等腰三角形的路径..如何让它等腰呢?人们人们这里利用了或多或少几何常识....

原文:

分析中间效果--button为一一个多发光的三角形在MouseOver和click的然后有响应的动画效果...

 否则 用钢笔工具(P)连接两个切点,注意画的然后都还要按住shift键来画,这点和PS一样都还要让线保持在某有几条层厚范围,这样 线就都还要画的很直

人们人们进入编辑Button的模版,选中Button点下图中Grid就可进入

 做好后如下图:

1.总体思路

  最近老大出差去了,光做项目都很重烦,写点教程消遣消遣(注:此乃初级教程,或多或少或多或少第一一个多消遣是我每每个人 消遣,第两个是指供各位看官消遣...)

         

人们人们选Grid,把它的背景色设为任意一一个多颜色,否则 把透明度调为0(可能不这样 做语录,空心三角形的内部人员为空的每种响应不了鼠标事件)

 打开blend,新建  silverlight应用多多任务管理器 +网站  (什么你都还要不浪费口水了) 

再反复调下面一层三角形的Effect.Radius和边框粗细和颜色,直到我每每个人 我应该 的效果

否则 人们人们把画好的三角形再CtrlV、CtrlCqq克隆好友 一份出来,把中间一层的边框颜色改为白色,如下图(有必要说明一下,可能XAML为解释性语言,中间创建的控件会覆盖在前面创建的控件上,这就导致 着图层底部形态显示和PS刚好相反,如下图,下面的Path在中间一层图层)

同理,人们人们去掉 Pressd情况的样式,这里人们人们把整个Grid向右稍微移动或多或少,都还要选中grid后用方向键→来调整,这样 保证在一条水平线上。同样去掉 到或多或少任意情况的过度,如下图。

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

否则 人们人们为下层的三角去掉 Effect效果,点新建,选BlurEffect.

否则 人们人们就发现真的变成Button了也~

看后左边工具栏中间的图形

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

 我每每个人 老会 在做WPF是不是第一次做silverlight,这样 主只是 为了有益于在博客里更好的展示成品 。(很重鸣谢银光中国提供的免费silverlight空间)

否则 把它两加入到一一个多Grid中间,妙招如下图。可能也都还要选中一个多图形后用快捷键Ctrl+G。