[Expression Blend 4] [SketchFlow系列] Chapter 2 瞭解SketchFlow Map (中)

本章要帶你瞭解Component Screen以及與Screen的關聯運用

沿用上一章的專案進度，繼續把焦點放在SketchFlow Map

<直接以實作帶你瞭解 Component Screen>

a.點選Create a Component Screen後

b.也可以直接點選 Create and insert a Component Screen 建立一個新的 Component Screen

在 Component Screen 上按右鍵->Rename重新命名為Menu

連點兩下已經命名為 Menu 的 Component Screen，就會開啟且切換到它的.xaml頁面

我們把Menu的Layout調整到適當的大小

若使用SketchFlow，可以在Styles下多出Sketch Styles的樣式

Sketch Styles就像是手繪般風格，讓你的畫面有令人驚豔的效果

並且，可以把用來草擬的專案與正式的專案做明顯的區分

請在主要工作區內放入一個TextBlock-Sketch做為Logo的示意

以及用StackPanel包起數個Button-Sketch而成的Menu Bar

接下來的步驟很重要喔!我們來把做好的放在你想要顯示的頁面上!

請在Menu上按住滑鼠直接拖拉，出現虛線後連到你想要顯示的Screen頁面，如下圖

連結好後，你可以發現有做連結的Screen每頁都會有Menu

現在，可以按下F5看看暫時的成果

但你可能會發現，點選Menu的Button並不會有任何反應

所以我們回到 Menu.xaml，我們要來建立Button與Screen之間的關聯

我把Button分別重新命名為Index、About、Products與Contant

注意!!重點的步驟來了喔!

以命名為Index的Button為例：

在Button上按下右鍵->Navigate to->Index

其它的Button也以同樣方式建立關聯

都完成後，請按下F5，並且試試看點選Menu上的Button，是否可以切換頁面了呢?

想知道其他有關於SketchFlow Map 操作的小技巧嗎?

[Expression Blend 4] [SketchFlow系列] Chapter 2 瞭解SketchFlow Map (中)相关推荐

[Expression Blend 4] [SketchFlow系列] Chapter 1 瞭解SketchFlow Map (上)
接下來,我們模擬一下,有可能是接到了一個專案或是你腦中剛好迸出一個不錯的Idea 你迫不急待的想要把的想法告訴你的工作夥伴想要完整的告訴對方,這個主意或想法有多完美!! 而且希望不要有觀念上的落差, ...
[Expression Blend 4] [SketchFlow系列] Chapter 3 瞭解SketchFlow Map (下)
本章是針對SketchFlow Map 所做的最後介紹為您介紹三個常用的功能:Set a Start.Change Visual Tag.SketchFlow Projects Settings 那 ...
ASP.NET MVC 單元測試系列 (3)：瞭解 Mock 假物件 ( moq )
http://blog.miniasp.com/post/2010/09/16/ASPNET-MVC-Unit-Testing-Part-03-Using-Mock-moq.aspx 我們在上一篇已經 ...
ASP.NET MVC 單元測試系列 (5)：瞭解 Stub 假物件
http://blog.miniasp.com/post/2010/09/18/ASPNET-MVC-Unit-Testing-Part-05-Using-Stub-Object.aspx 前天的文章 ...
java map 面试题_Java 面试系列：集合详解之 Map + 面试题
集合有两个大接口:Collection 和 Map,本文重点来讲解集合中另一个常用的集合类型 Map. 以下是 Map 的继承关系图: avatar Map 简介 Map 常用的实现类如下: Hash ...
[演练]使用Expression Blend或代码创建Silverlight时钟
本演练分步讲述如何使用 Microsoft Silverlight 创建一个简单时钟.下图所示为您将创建的时钟. 运行此示例. 下载此示例. 组成此时钟外观的向量图形是使用可扩展应用程序标记语言 (X ...
Android自定义控件系列八：详解onMeasure()(二)--利用onMeasure测量来实现图片拉伸永不变形，解决屏幕适配问题
上一篇文章详细讲解了一下onMeasure/measure方法在Android自定义控件时的原理和作用,参看博文:Android自定义控件系列七:详解onMeasure()方法中如何测量一个控件尺寸( ...
html 文本显示蓝底蓝框,零元学Expression Blend 4 - Chapter 27 PathlistBox被Selected时的蓝底蓝框问题...
最近收到网友Cloud的来信,询问我有关放进PathlistBox的物件,被选取後会出现蓝底蓝框的问题经由他的同意,我决定把这个实作上遇到的问题及解决的方式,用一篇文章来跟大家分享 ? 最近收到网友 ...
零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)...
零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 原文:零元学Expression Blend 4 - ...

[Expression Blend 4] [SketchFlow系列] Chapter 2 瞭解SketchFlow Map (中)

[Expression Blend 4] [SketchFlow系列] Chapter 2 瞭解SketchFlow Map (中)相关推荐

最新文章

热门文章