WP7学习笔记（二）

WP7学习笔记（二）

 

一、Blend工具简介：

—一款专业设计工具，制作基于Microsoft Silverlight的应用程序的精美复杂用户界面

—让设计人员集中精力从事创作，开发人员集中精力从事编程工作。每个团队成员都可以单独进行工作而不会妨碍其

 

他成员的进度

—可以在绘图板上绘制形状、路径和控件，修改其外观和行为，可以导入图像。视频和声音

—可以创建用于动态显示设计的可视元素或音频元素的Storyboard并可以选择在用户与应用程序进行交互时触发这些

 

Storyboard

—可重新设计应用于基本控件的模板，使应用程序具有独特的外观和行为

二、工作区

包括：工具箱、资源库、Projects面板Assets面板、States面板、Properties面板、Resources面板、Results面板

1、工具箱：选择工具、直接选择工具、平移工具、视图工具、取色器工具，颜色填充工具、渐变工具（Gradient、

 

BrushTransform）、路径工具（Pen，Pencil）、形状工具（Rectangle、Ellipse、Line）、版式面板（Grid、

 

Canvas、StackPanel、ScrollViewer、Border）文本工具（TextBlock、TextBox、Password）、常用控件

 

（Button、CheckBox等）

2、动画：

—动画基于定义平滑可视过度的起点和终点的关键帧

—创建一个Storyboard,然后在该Storyboard中的时间线上设置关键帧，以标记属性更改

—创建、修改后删除Storyboard

—打开或关闭Storyboard

—修改Storyboard以在其周期结束时重复后反转

—复制或反转Storyboard

—生成关键帧

—粘贴或移动关键帧

—删除关键帧

—更改关键帧之间的动画内插方式

—放大或缩小时间线

—推移时间线

—测试Storyboard

—动态显示路径后剪切路径上的点

—运行Storyboard时进行控制

—创建简单动画

—创建、修改或删除运动路径

—设置循环周期

3、资源

—几乎任何内容均可以转换为某种类型的资源

—创建资源

—应用或删除资源

—修改资源

—重命名资源

—移动、复制或导出资源

—创建、导出或导入资源字典

 

二、VisualState Manager（视觉状态管理器）

—控制项目控件的视觉效果

—管理带有状态的控件的状态以及用于状态过度的逻辑

—涉及到控件在各个状态下的视觉效果，可以使控件产生很多特殊效果

—在项目中主要用于创建自定义控件以及控件模板

1、基本知识

1）Silverlight控件包含两个主要部分

  —Parts：控件的外观显示，大部分控件都是由多个子控件组合而成，这些子控件就是Parts，并非所有控件都有子

 

控件部分

—States Model

    —Visual States（视觉状态）：控件在不同状态下显示的效果

    —Visual State Groups（视觉状态组）：为有互斥效果的控件提供的，相同的视觉状态组是互斥的，不同的视觉

 

状态组是不互斥的

    —Visual Transitions（视觉过渡转换）：视觉状态切换时的过渡动画效果

 

三、Window Phone Task开发

—基本知识：

1）没有提供直接操作SMS、Phone、Email、Camera等的API

2）通过Task来调用系统的相关应用来拨打电话、发送短信、保存联系人、拍照等

3）当Task启动后，自己的应用程序就会被终止

4）通过Tombstone机制再次唤起自己的程序，并需要维护相关的状态

—PhoneTask

1）在应用中，打开拨号界面

2）可以直接拨打电话，并可以设置所拨打电话的联系人姓名

   代码：PhoneCallTask phonecall=new PhoneCallTask();

            phonecall.DisplayName="";

            phonecall.PhoneNumber="";

            phonecall.Show();

—SMS　Task

1)打开系统SMS程序，并设置所要发的短信内容和发送人

2)可以发送彩信，但是只能发图片和摄像头拍照

代码：SmsComposeTask sms=new SmaComposeTask();

          sms.Body="Test sms";

          sms.To="15554117265";

          sms.Show();

—SavePhoneNumberTask

1)调用联系人程序，将电话号码保存到选中的联系人或新建联系人

代码：   SavePhoneNumberTask savetask = new SavePhoneNumberTask();

            savetask.PhoneNumber = "15554117265";

            savetask.Show();

—PhoneNumberChooser Task

可以打开联系人界面，选取一个联系人的电话号码

代码：private void ChooserBtn_Click(object sender, RoutedEventArgs e)

        {

            PhoneNumberChooserTask chooserTask = new PhoneNumberChooserTask();

            chooserTask.Completed += new EventHandler<PhoneNumberResult>(chooserTask_Completed);

            chooserTask.Show();

        }

 

        void chooserTask_Completed(object sender, PhoneNumberResult e)

        {

            this.PageTitle.Text=e.PhoneNumber;

        }

—Email Task

调用系统邮件程序发送邮件

代码：  EmailComposeTask emailTask = new EmailComposeTask();

            emailTask.Body = "Test my wp's email";

            emailTask.Subject = "生日快乐";

            emailTask.To = "92029348@qq.com";

            emailTask.Cc ="yja886@163.com";

            emailTask.Show();

—EmailAddresschooserTask

打开联系人程序，选取联系人Email Address

代码：private void EmailChooser_Click(object sender, RoutedEventArgs e)

        {

            EmailAddressChooserTask emailchooser = new EmailAddressChooserTask();

            emailchooser.Completed += new EventHandler<EmailResult>(emailchooser_Completed);

            emailchooser.Show();

        }

 

        void emailchooser_Completed(object sender, EmailResult e)

        {

            this.PageTitle.Text = e.Email;

        }

—SaveEmailAddress Task

调用联系人程序，并将设置的Email Address保存到选定的联系人或新建联系人

代码：        private void EmailSaveBtn_Click(object sender, RoutedEventArgs e)

        {

            SaveEmailAddressTask emailsave = new SaveEmailAddressTask();

            emailsave.Email = "920293408@qq.com";

            emailsave.Completed += new EventHandler<TaskEventArgs>(emailsave_Completed);

            emailsave.Show();

        }

 

        void emailsave_Completed(object sender, TaskEventArgs e)

        {

            //处理保存完毕后执行代码

        }

MultipleMedia Task：

—PhotoChooser Task

调用图片程序，选择图片，并可以进行裁剪

代码：PhotoChooserTask photo = new PhotoChooserTask();

 

        public MultipleMediaTask()

        {

            InitializeComponent();

            photo.Completed += new EventHandler<PhotoResult>(photo_Completed);

        }

 

        void photo_Completed(object sender, PhotoResult e)

        {

            BitmapImage image = new BitmapImage();

            image.SetSource(e.ChosenPhoto);

            image1.Source = image;

        }

—CameraCaptureTask

打开拍照程序

代码：        //打开拍照程序

        private void CameraBtn_Click(object sender, RoutedEventArgs e)

        {

            CameraCaptureTask cameraTask = new CameraCaptureTask();

            cameraTask.Completed += new EventHandler<PhotoResult>(cameraTask_Completed);

            cameraTask.Show();

        }

 

        void cameraTask_Completed(object sender, PhotoResult e)

        {

            //执行拍照完成后的代码

            BitmapImage image = new BitmapImage();

            image.SetSource(e.ChosenPhoto);

            image1.Source = image;

        }

—MediaPlayerLauncher Task

-调用系统的Media Player程序

-可以播放本地、Web的Media

-在模拟器上无法播放Video

-Location：None-系统将抛出异常；Data-media file在Isolated Storage；Install-在程序的XAP包内

—WebBrowser Task

只可以设置所要浏览的URL

代码：  WebBrowserTask webTask = new WebBrowserTask();

            webTask.URL = "http://www.baidu.com";

            webTask.Show();

—Search Task

调用内置的Bing搜索程序

代码：   SearchTask search = new SearchTask();

            search.SearchQuery = "SparkCode";

            search.Show();

 

摘自 漫步天涯-IT