Windows Phone开发(35):使用Express Blend绘图

原文:Windows Phone开发(35):使用Express Blend绘图

上一节中我们简单扯了一下绘图指令,然而那也不是最简单的绘图法,今天,我再向大家推荐一种更好的绘图方案——Express Blend工具的使用。

这个工具是随SDK一起安装的,也是免费的,相信大家都知道了,我想有朋友肯定还用过了,对的,那是一个非常强大的设计工具,甚至看起来比Flash还专业。

 

下面,我们简单演练一下如何用这个工具来绘图,至于具体的使用方法,大家参照帮助文档,多玩玩就会熟练了。

 

首先,启动Express Blend工具,不用我说告诉你怎么启动了吧,如果你不会,建议去考一下计算机一级。

启动后,在开始那个对话框中,切换到“项目”面板,然后点击“新建项目”。

 

 

在弹出的新建对话框中,选择WP应用程序,输入相关参数,按确定,这个太简单了,不用我教了,如下图所示。

 

注意,这个家伙和VS是相通的,也就是说,VS建的项目用Blend可以打开,用Blend建立的项目,用VS也可以打开。

 

 

在工具箱中选择“笔”工具,如下图所示。

 

然后,你就可以在页面上“干坏事”了,至于怎么干,看你的想象力了。

 

 

你想让它有动画效果吗?

打开“对象与时间线”窗口,点击上面的“新建...”

 

在弹出的对话框中输入StoryBoard的名字。

 

选择Path,接着在演示图板上点击插入关键帧。

 

 

在演示图板上找到3秒钟处,再插入一个关键帧,用“移动”工具在页面中把刚才画的图形移到其它位置。

确保两个并键帧上,Path的位置是不同的。

 

 

 

现在,你点击播放按钮,就能观看动画效果了。

 

 

怎么样,了不起吧。

这时候,按下F5,运行后你发现动画不执行,不用急,因为我们还没有触发动画,

切换到C#代码窗口,为页面的Loaded事件添加代码即可。

        public MainPage()
        {
            InitializeComponent();

			this.Loaded += (sender, e) =>			{
				this.MyStoryBrd.Begin();
			};
        }

现在,你运行一下,就看到动画了。

 

好的,切换到XAML视图,你会看到,工具已为我们生成了XAML代码了。

 

 

好了,闲话聊到这里,Blend工具很强大,这只是演示了其中一点点功能而已。

时间: 2024-10-26 20:31:36

Windows Phone开发(35):使用Express Blend绘图的相关文章

Windows Phone开发(19):三维透视效果

原文:Windows Phone开发(19):三维透视效果 三维效果也可以叫透视效果,所以,我干脆叫三维透视效果.理论知识少讲,直接用例开场吧,因为这个三维效果其实很简单,比上一节中的变换更省事,不信?一起来做一做练习吧. 练习一:把对象沿Y轴旋转45度. 默认情况下,旋转中心都是在中心位置上,如Y轴中心.而至于旋转的角度,哪个方向是正值,哪个方向是负值,嘿,你自己动手试一下就知道了,我相信你能理解的,不然,Hello Kitty嘲笑你的. 好的,由于是第一个练习,我们先来说说X.Y.Z三个坐标

Windows Phone开发(36):动画之DoubleAnimation

原文:Windows Phone开发(36):动画之DoubleAnimation 从本节开始,我们将围绕一个有趣的话题展开讨论--动画. 看到动画一词,你一定想到Flash,毕竟WP应用的一个很重要的框架是Silverlight,在WP中也发挥了Silverlight的许多优点,可能不少人说,Silverlight就是和Flash差不多吧,当你深入了解了Silverlight后,你会发现,其实不然,Silverlight更偏重于数据处和企业级应用.   好了,F话不多说,开始吹我们今天的牛皮吧

Windows Phone 7开发教程(1)——Windows Phone开发工具初体验

这是为<程序员>4月期写的文章,是在<双重惊喜-- Windows Phone Developer Tools初体验>的基础上增加了一些内容, 包括WebBrowser空间.MediaPlayer空间,还有一个非常简单的XNA程序.希望对 Windows Phone开发有兴趣的朋友有一些帮助. Windows Phone开发工具在MIX 2010上火热登场了.Windows Mobile开发者们 压抑许久的热情终于爆发出来,对于Windows Phone的华丽转身,开发者们褒贬 不

Windows Phone开发(2):竖立自信,初试锋茫

原文:Windows Phone开发(2):竖立自信,初试锋茫  上一篇文章中,我们聊了一些"大炮"话题,从这篇文章开始,我们一起来学习WP开发吧.   一.我们有哪些装备. 安装完VS 学习版 for WP后,也连同SDK一并安装了,不必像安卓那样,安装JDK,下载IDE,还要装SDK和Eclipse插件.WP开发环境是可以一键安装的.   1.模拟器. 这个东东应该说比较重要,如果我们没有现成的WP手机怎么办?模拟器就帮我解决这个问题,我们不需要购买WP手机也可以进行WP应用开发,

Windows Phone开发(1):概论

原文:Windows Phone开发(1):概论Windows Phone是微软公司开发的手机操作系统,这里就不多介绍,和Android,iPhone一样运行在智能手机上,相信大家都很熟悉. 目前来说,Windows Phone(以下称WP),显然其市场还不及IOS,上线的应用也不如安卓和iPhone那么多,不过,我们作为开发者,应该比一般用户清楚,WP的优势也不比其它的手机操作系差的,当我认真去了解WP后,我们肯定会"别有一番滋味"的. 因为是开发技术文章,因此我们仅仅是从开发者的角

Windows Phone开发(42):缓动动画

原文:Windows Phone开发(42):缓动动画 前面在讨论关键帧动画的时候,我有意把几个带缓动动画的关键帧动画忽略掉,如EasingColorKeyFrame.EasingDoubleKeyFrame和EasingPointKeyFrame,其实为数不多,就这么几个.因为我希统一放到这节课程来吹一下缓动函数. 所谓缓动函数,就是我们在代数里面说的函数,说白了嘛,就是根特定的函数规则,用输入的值算出最终值,使得动画在两个关键帧之间不再是均衡过度,而是带有加/减速或其他效果,当然,还要取决于

《Windows 8 开发权威指南:HTML5 和JavaScript卷》——1.4 Visual Studio 2012新特性

1.4 Visual Studio 2012新特性 1.4.1 Windows Microsoft Design样式应用程序1.设计和构建Microsoft Design Style样式应用程序通过1.3节我们对Microsoft Design样式应用程序有了一个基本的了解. 使用默认项目模板构建Microsoft Design样式应用程序,这些模板为不同的Microsoft Design样式应用程序提供了文件.资源和结构. 使用 XAML 和 C+ +.C# 或 Visual Basic构建M

Windows Phone开发(39):漫谈关键帧动画上篇

原文:Windows Phone开发(39):漫谈关键帧动画上篇 尽管前面介绍的几种动画会让觉得很好玩了,但是,不知道你是否发现,在前面说到的一系列XXXAnimation中,都有一个共同点,那就是仅仅针对两个值的目标值之间产生动画,如果使用By,将在原值和加上By后的目标值之间进行动画处理:如果使用From,To,那就更好理解了,就是首尾两个值之间值的动画. 那么,如果我希望三个值呢?或者N多个值呢?每个值之间的时间间隔不一样呢?如果我还希望更复杂的动画效果呢?比如可以附加缓动函数的.显然,前

Windows Phone开发(29):隔离存储C

原文:Windows Phone开发(29):隔离存储C 本文是隔离存储的第三节,大家先喝杯咖啡放松,今天的内容也是非常简单,我们就聊一件东东--用户设置. 当然了,可能翻译为应用程序设置合适一些,不过没关系,只要大家明白,它就是用于保存我们的应用程序的设置信息就行了. 它属于字典集合,每一项保存的数据都以键-值对的形式存储,键值是字符串类型,不能为null,注意啊,不然会引发异常,当然,估计也没有人这么无聊,把空值保存. 使用方法很简单,通过IsolatedStorageSettings的Ap