[Expression Blend 4] [SketchFlow系列] Chapter 3 瞭解SketchFlow Map (下)

本章是針對SketchFlow Map 所做的最後介紹

為您介紹三個常用的功能：Set a Start、Change Visual Tag、SketchFlow Projects Settings

那我們開始吧!

一、如何設定開始頁面<Set a Start>

沿用上一章的專案進度，新增一個Screen，並且命名為Login

並設計簡略的登入畫面

現在我希望使用者在看到Index畫面之前可以先登入

但是你應該可以發現，如果現在我們按下F5檢視結果，是不會先跑出Login頁面的

因為少了一個步驟：

請到SketchFlow Map，在Login的Screen Tag上單擊滑鼠右鍵->選擇Set as Start

示意為Start Page的綠色箭頭，移到了Login

按下F5，Start Page就變成了Login頁面了

二、Change Visual Tag

當新增Screen或是Component Screen時，預設的Tag的顏色為藍色

不過若是Screen很多的時候，如果Tag都是藍色，就不容易分辨

不用擔心~動動滑鼠就可以美化你的SketchFlow Map了!

在你想要更改顏色的Tag上，單擊滑鼠右鍵->Visual Tag->選擇顏色

顏色就變了

當然，Screen間設定關聯的"線"，也可以更改顏色

做法也是一樣的，在你想要更改顏色的"線"上，單擊滑鼠右鍵->Visual Tag->選擇顏色

這樣是不是更清楚了呢?

三、SketchFlow Projects Settings

如果在設定Visual Tag顏色時，預設選單上沒有你喜歡的顏色怎麼辦呢?

不用擔心，我們來修改一下SketchFlow Projects Settings內的預設值

TopMenu->Project->SketchFlow Projects Settings

開啟SketchFlow Projects Settings後

有是否要Hide Navigate panel、Feedback panel、annotations的選項

你也可以看到很明顯的八個色塊

單擊滑鼠左鍵點選其中一個想要修改的色塊，就會出現條色盤

你可以選擇一個你喜歡的顏色，有可以於色塊右方的框框內改變它的命名

這裡我把顏色調整為#FFFF44DF，並且重新命名為Pink

看看我們的Visual Tag，多了我剛剛修改的粉紅色

有關SketchFlow Map的介紹，就到這邊先告一段落

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

[Expression Blend 4] [SketchFlow系列] Chapter 1 瞭解SketchFlow Map (上)
接下來,我們模擬一下,有可能是接到了一個專案或是你腦中剛好迸出一個不錯的Idea 你迫不急待的想要把的想法告訴你的工作夥伴想要完整的告訴對方,這個主意或想法有多完美!! 而且希望不要有觀念上的落差, ...
[Expression Blend 4] [SketchFlow系列] Chapter 2 瞭解SketchFlow Map (中)
本章要帶你瞭解Component Screen以及與Screen的關聯運用沿用上一章的專案進度,繼續把焦點放在SketchFlow Map <直接以實作帶你瞭解 Component Scree ...
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 3 瞭解SketchFlow Map (下)

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

最新文章

热门文章