[Expression Blend 4] [SketchFlow系列] Chapter 1 瞭解SketchFlow Map (上)

接下來，我們模擬一下，有可能是接到了一個專案或是你腦中剛好迸出一個不錯的Idea

你迫不急待的想要把的想法告訴你的工作夥伴

想要完整的告訴對方，這個主意或想法有多完美!!

而且希望不要有觀念上的落差，你知道你需要的是 SketchFlow!

馬上動工!

就從你最先會接觸到的部分開始.........

沒錯!就是SketchFlow Map~

開啟專案

選擇Silverlight SketchFlow Application

其實SketchFlow模式下的介面沒有改變很多，但你會看到多出了兩個區塊

分別是SketchFlow Animation與SketchFlow Map

如果看不到 SketchFlow Map，請勾選Window->SketchFlow Map或按 SHIFT+F12

開啟一個新的SketchFlow專案後，可以看到SketchFlow Map 裡有個預設就有的Screen 1

在Screen 1上按右鍵->Rename重新命名為Index

在SketchFlow Map 裡，任意的在其範圍內按下滑鼠右鍵

你會看到 Create a Screen以及Create a Component Screen

那麼Screen與Component Screen的差別與功能是什麼?

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

a.點選Create a Screen後，再使用 Connect an existing screen 建立頁面關聯

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

用上述兩種方法，新增共3個Screen，並且分別命名為About、Products與Contant

接著注意到Projects，Blend自動把剛剛我們新建立並且命名好的Screen創建了新的且各自獨立的.Xaml

為了明顯看出每個Screen是否獨立，請在每一頁新增一個Note-Sketch

並且把Text內容改為該.Xaml的名字

按下F5開啟SketchFlow Player

點選Map旁邊的箭頭 “Show or hide SketchFlow map”

直接連點兩下左鍵點選你要看的Screen，就可以切換頁面

你可以發現，每個Screen都是獨立的頁面

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

[Expression Blend 4] [SketchFlow系列] Chapter 2 瞭解SketchFlow Map (中)
本章要帶你瞭解Component Screen以及與Screen的關聯運用沿用上一章的專案進度,繼續把焦點放在SketchFlow Map <直接以實作帶你瞭解 Component Scree ...
[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 ...
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 - Chapter 1 缘起
原文:零元学Expression Blend 4 - Chapter 1 缘起本来都使用Adobe相关工具从事设计工作的我,因缘际会下,接触到了Expression Blend 4,让我完全的对微软 ...
零元学Expression Blend 4 ndash; Chapter 21 以实作案例学习MouseDragElementBehavior
原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注入元件「Mou ...

[Expression Blend 4] [SketchFlow系列] Chapter 1 瞭解SketchFlow Map (上)

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

最新文章

热门文章