当前位置:网站首页 / WPF / 正文

[Aaronyang紫色博客] 写给自己的WPF4.5-Blend5公开课系列 2-更进一步

时间:2015年03月12日 | 作者 : aaronyang | 分类 : WPF | 浏览: 5335次 | 评论 0

 我的文章一定要做到对读者负责,否则就是失败的文章  ---------   www.ayjs.net    aaronyang技术分享

 欢迎大家支持我的力作《[Aaronyang] 写给自己的WPF4.5 笔记15[AyArc诞生-WPF版本绚丽的环状图,Ay制作,AyWindow强势预览]

1.  工作区拓展讲解:你可以调整各个面板,如果你对当前的各个blend布局窗口满意,你可以然后另存为一个工作区。

2. F11快捷键,可以快速切换  设计,代码,拆分模式的美工板。

3.新建项目,打开blend

按下Ctrl+shift+N跟vs2013的一样,新建一个项目,选择WPF的程序,命名为BlendUseDemo

会使用vs的基本,就会使用这个解决方案,ok,这里我们跳过。

4.图形,使用过photoshop的都知道按住shift键,矩形会变成正方形,椭圆会变成圆形,直线,会变的有规律,一格一格移动

Ok,接着上一课的知识,我们使用渐变,我们来shift键调整 渐变方向

后面每个角度每个角度的移动,是我按住了shift键

接下来,我们调节  圆形的渐变,随便配了个颜色

前面三角表示调节大小,尾部变形了,中间调节颜色段的距离。

接下来我们继续讲下渐变的SpreadMethod方法,有3个值Pad,Reflect,Repeat,接下来我们来演示下,效果要出来,首先我们要修改StartPoint和EndPoint的值,我们通过可视化那个箭头(画笔转换工具)

 

重复平铺,还是反射平铺随便轻松搞定。

5. 图形的变形,缩放,平移,变形,旋转,对称变化

注意缩放是    1:1倍数的,1.5x轴就是以前的x轴变大1.5倍

关于中心点,第5个变化,是转移中心点位置,0.5,0.5表示中心位置,我们手动移动,也可以通过调节中心点位置,如下图,更换了中点位置,然后旋转图形,结果是围绕新中心点位置旋转的

生成的代码如下

<Rectangle HorizontalAlignment="Left" Height="60" Margin="140.666,170.333,0,0" Stroke="Black" VerticalAlignment="Top" Width="177.333" RenderTransformOrigin="0.853,0.225">            <Rectangle.RenderTransform>                <TransformGroup>                    <ScaleTransform/>                    <SkewTransform/>                    <RotateTransform Angle="-2.656"/>                    <TranslateTransform X="0.13" Y="0.503"/>                </TransformGroup>            </Rectangle.RenderTransform>            <Rectangle.Fill>                <LinearGradientBrush EndPoint="0.551,0.959" StartPoint="0.534,-0.089">                    <GradientStop Color="#FF00AEFF" Offset="0"/>                    <GradientStop Color="#FFFD6B06" Offset="1"/>                </LinearGradientBrush>            </Rectangle.Fill>        </Rectangle>

这几个transform下的成员单词要背诵的,必须掌握,否则复杂的后台动画,很难写出来和理解

RenderTransformOrigin就是中心点位置,这里用的是RenderTransform,当然还有LayoutTransform,具体区别,由于是讲解blend的使用,不介绍wpf的一些知识了。

6.接下来我们讲解一下简单的3d变化,2d转换为3d,然后应用变幻,选中一种图片ctrl+C,然后选中解决方案,ctrl+V

接下来是摄影轨迹

7.blend中grid的一些技巧,参考线ctrl+shift+x显示或者隐藏参考线

利用十字线 画围绕一个中心的图形,按住shift+Alt画图形(我们重新建一个窗体,这里太乱了)

 

8.阴影与合并路径

 

每一次合并之前,我都撤销了一次,所以才能再次选择一种方式合并

9.自己根据变形的效果,自己录制一个故事版吧,比如鼠标移上去,按钮放大,按下后,按钮content下移

10. 构成控件,做一个简单的按钮,这里自带右键是用户控件

       =============潇洒的版权线==========www.ayjs.net===== Aaronyang ========= AY =========== 安徽 六安 杨洋 ==========   未经允许不许转载 =========

       -------------------小小的推荐,作者的肯定,读者的支持。推不推荐不重要,重要的是希望大家能把WPF推广出去,别让这么好的技术消失了,求求了,让我们为WPF技术做一份贡献。--------------------

 

推荐您阅读更多有关于“WPF4.5Blend5,”的文章

猜你喜欢

额 本文暂时没人评论 来添加一个吧

发表评论

必填

选填

选填

必填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  查看权限

抖音:wpfui 工作wpf,目前主maui

招聘合肥一枚WPF工程师,跟我一个开发组,10-15K,欢迎打扰

目前在合肥市企迈科技就职

AYUI8全源码 Github地址:前往获取

杨洋(AaronYang简称AY,安徽六安人)AY唯一QQ:875556003和AY交流

高中学历,2010年开始web开发,2015年1月17日开始学习WPF

声明:AYUI7个人与商用免费,源码可购买。部分DEMO不免费

不是从我处购买的ayui7源码,我不提供任何技术服务,如果你举报从哪里买的,我可以帮你转正为我的客户,并送demo

查看捐赠

AYUI7.X MVC教程 更新如下:

第一课 第二课 程序加密教程

标签列表