（注：因?yàn)榘训谄咧v和第八講放在一起了，主要是對(duì)那兩節(jié)的了解，簡單應(yīng)用，沒太深究！不過全景視圖和樞軸視圖真的效果很不錯(cuò)！）

Express Blend工具：

本節(jié)主講：對(duì)微軟的Blend工具的簡單介紹、簡單使用，它適合于設(shè)計(jì)人員(如：做個(gè)小小的Flsh動(dòng)畫，對(duì)界面控件的修改，一些3D效果，視覺效果，不錯(cuò)的工具)！

你想多了解可以看相關(guān)書籍和視頻，開源很好！

工具的簡介、工具的使用、示例

工具簡介：
1.一款專業(yè)設(shè)計(jì)工具，制作基于MicrosoftSilverlight的應(yīng)用程序的精美復(fù)雜用戶界面
2.讓設(shè)計(jì)人員集中精力從事創(chuàng)作，開發(fā)人員集中精力從事編程工作。每個(gè)團(tuán)隊(duì)成員都可以單獨(dú)進(jìn)行工作而不會(huì)妨礙其他成員的進(jìn)度
3.可以在繪圖版上繪制形狀、路徑和控件，修改其外觀和行為，可以導(dǎo)入圖像、視頻和聲音
4.可以創(chuàng)建用于動(dòng)態(tài)顯示設(shè)計(jì)的可視元素或音頻元素的Storyboard,并可以選擇在用戶與應(yīng)用程序進(jìn)行交互時(shí)觸發(fā)這些Storyboard
5.可以重新設(shè)計(jì)應(yīng)用于基本控件的模板，使應(yīng)用程序具有獨(dú)特的外觀和行為

工具的使用：
工作區(qū)、控件、繪制形狀和路徑、使用對(duì)象和屬性、變形、動(dòng)畫、資源

1.工作區(qū)
工具箱、資源庫、Projects面板、Assets面板、States面板、Properties面板、Resources面板、Results面板
工具箱：
漸變工具：Gradient\Brush Transform
路徑工具:Pen\Pencil
形狀工具：Rectangle\Ellipse\Line
版式面板：Grid\Canvas\StackPanel\ScrollViewer\Border
文本工具：TextBlock\TextBox\Password
常用控件：Button\Checkbox

2.控件
能夠按照自己的需要自定義控件并設(shè)置控件樣式；創(chuàng)建內(nèi)容控件

3.繪制圖形和路徑
繪制直線；繪制曲線；繪制任意形狀的路徑；在矩形邊角設(shè)置圓角；將形狀轉(zhuǎn)換為路徑；添加或修改路徑上的點(diǎn)；更改曲線的形狀；重定義路徑上點(diǎn)的控制柄；合并形狀或路徑；生成或釋放復(fù)合的路徑；應(yīng)用修改或刪除剪切的路徑

4.動(dòng)畫
動(dòng)畫基于定義平滑可視過度的起點(diǎn)和重點(diǎn)的關(guān)鍵幀；創(chuàng)建一個(gè)Storyboard，然后在該Stroryboard中的時(shí)間線上設(shè)置關(guān)鍵幀，以標(biāo)記屬性更改；創(chuàng)建、修改或刪除Storyboard;打開或關(guān)閉Storyboard；修改Storyboard以再起周期結(jié)束時(shí)重復(fù)或反轉(zhuǎn)；復(fù)制或反轉(zhuǎn)Storyboard；創(chuàng)建簡單動(dòng)畫；創(chuàng)建、修改或刪除運(yùn)動(dòng)路徑；設(shè)置循環(huán)周期；生成關(guān)鍵幀；粘貼或移動(dòng)關(guān)鍵幀；刪除關(guān)鍵幀；更改關(guān)鍵幀之間的動(dòng)畫內(nèi)插方式；放大或縮小時(shí)間線；推移時(shí)間線；測試Storyboard；動(dòng)態(tài)顯示路徑或剪切路徑上的點(diǎn)；運(yùn)行Storyboard時(shí)進(jìn)行控制

5.資源
幾乎任何內(nèi)容均可以轉(zhuǎn)換為某種類型的資源；創(chuàng)建資源；應(yīng)用或刪除資源；修改資源；重命名資源；移動(dòng)、復(fù)雜或?qū)胭Y源；創(chuàng)建、導(dǎo)入或?qū)胭Y源字典

?

WP7---10

VisualState Manager:視覺管理器
簡介、基本知識(shí)、應(yīng)用

1.簡介
控制項(xiàng)目控件的視覺效果；管理帶有狀態(tài)的控件的狀態(tài)以及用于狀態(tài)過度的邏輯；涉及到控件在各個(gè)狀態(tài)下的視覺效果，可以使控件產(chǎn)生很多特殊效果；在項(xiàng)目主要用于創(chuàng)建自定義控件以及控件模板

2.基本知識(shí)
Silverlight控件包含兩個(gè)主要部分：Parts，控件的外觀顯示，大部分都是由多個(gè)子控件組合而成，這些子控件就是Parts，并非所有控件都有子控件部分；States Model,Visual States(視覺狀態(tài)),控件在不同狀態(tài)下顯示的效果/Visual States Groups(視覺狀態(tài)組)，為有互斥效果的控件提供的，相同的視覺狀態(tài)組是互斥的，不同的視覺狀態(tài)組是不互斥的/Visual Transitions(視覺過度轉(zhuǎn)換)：視覺狀態(tài)切換時(shí)的過度動(dòng)畫效果

代碼：
<VisualStateManager.VisualStateGroups>//管理器類型，狀態(tài)組
?<VisualStateGroup>//設(shè)置單個(gè)的狀態(tài)組
//視覺過度轉(zhuǎn)換，設(shè)置單個(gè)的狀態(tài)組里不同狀態(tài)切換時(shí)的動(dòng)畫效果
? <VisualStateGroup.Transitions>
?? <VisualTransition Form="Today"???? GeneratedDuration="0:0:0.5" To="Info">
??? <Storyboard>
???? <DoubleAnimationUsingKeyFrams?????? Storyboard.TargetProperty=
"(UIElementRenderTransform).CompositeTransform.TranslateX)" Storyboard.TargetName="ContentGrid">
????? <EasingDoubleKeyFrame KeyTime="0" Value="-480"/>
????? <EasingDoubleKeyFrame KeyTime="0:0:0.5" Vaule="-480"/>
???? </DoubleAnimationUsingKeyFrames>
??? </Storyboard>
?? </VisualTransition>
? <VisualState x:Name="Info">//設(shè)置單個(gè)的狀態(tài)的動(dòng)畫效果
?? <Storyboard>
??? <DoubleAnimation Duration="0" To="-480" Storyboard.TargetProperty="(UIElementRenderTransform).CompositeTransform.TranslateX)" Storyboard.TragetName="ContentGrid" d:IsOptimized="True"/>
?? </Storyboard>
? </VisualState>
?</VisualStateGroup>
</ViaualStateManager.VisualStateGroups>

圓形按鈕；按鈕按下狀態(tài)和抬起狀態(tài)；進(jìn)度條的特效；樞軸視圖的實(shí)現(xiàn)

轉(zhuǎn)載于:https://www.cnblogs.com/SanMaoSpace/archive/2011/08/13/2137479.html

總結(jié)

以上是生活随笔為你收集整理的WP7基础学习---第九讲的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。