（注：因為把第七講和第八講放在一起了，主要是對那兩節(jié)的了解，簡單應用，沒太深究！不過全景視圖和樞軸視圖真的效果很不錯！）

Express Blend工具：

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

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

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

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

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

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.控件
能夠按照自己的需要自定義控件并設置控件樣式；創(chuàng)建內容控件

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

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

5.資源
幾乎任何內容均可以轉換為某種類型的資源；創(chuàng)建資源；應用或刪除資源；修改資源；重命名資源；移動、復雜或導入資源；創(chuàng)建、導入或導入資源字典

?

WP7---10

VisualState Manager:視覺管理器
簡介、基本知識、應用

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

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

代碼：
<VisualStateManager.VisualStateGroups>//管理器類型，狀態(tài)組
?<VisualStateGroup>//設置單個的狀態(tài)組
//視覺過度轉換，設置單個的狀態(tài)組里不同狀態(tài)切換時的動畫效果
? <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">//設置單個的狀態(tài)的動畫效果
?? <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)；進度條的特效；樞軸視圖的實現(xiàn)

轉載于:https://www.cnblogs.com/SanMaoSpace/archive/2011/08/13/2137479.html

總結

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

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