Expression Blend 4 Tutorial
有網友問我如何在Blend內製作出倒影效果
我提供了一個很簡單的作法，解決了他的問題，在這裡也跟大家分享 : )
我們運用StackPanel配合OpacityMask做出倒影效果
2011年11月1日 下午 05:58 | 回應 (2) | 閱讀數 : 1731
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
]
本章是針對SketchFlow Map 所做的最後介紹
為您介紹三個常用的功能：Set a Start、Change Visual Tag、SketchFlow Projects Settings
2011年9月8日 上午 11:27 | 回應 (2) | 閱讀數 : 2134
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
SkecthFlow
]
本章要帶你瞭解Component Screen以及與Screen的關聯運用
沿用上一章的專案進度，繼續把焦點放在SketchFlow Map
2011年9月5日 下午 03:25 | 回應 (0) | 閱讀數 : 1418
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
SkecthFlow
]
接下來，我們模擬一下，有可能是接到了一個專案或是你腦中剛好迸出一個不錯的Idea
你迫不急待的想要把的想法告訴你的工作夥伴
想要完整的告訴對方，這個主意或想法有多完美!!
而且希望不要有觀念上的落差，你知道你需要的是 SketchFlow!
2011年9月1日 下午 05:13 | 回應 (1) | 閱讀數 : 1843
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
SkecthFlow
]
因為每個人的想法都不同，除非你很明確的告訴對方你的想法，不然觀念一定會有落差...
但你要用什麼方法才能很明確的表達你的想法呢?或許SketchFlow能幫你解決這個煩人的問題。
2011年8月9日 下午 04:08 | 回應 (0) | 閱讀數 : 1702
| 文章分類 [
Expression Blend 4 Tutorial
SkecthFlow
]
所謂「工欲善其事，必先利其器」，所以今天要先告訴你如何安裝Windows Phone SketchFlow
2011年7月13日 下午 05:16 | 回應 (0) | 閱讀數 : 1603
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
Windows Phone
]
如果需要經常的使用某一項工具，總會希望能夠更快速的使用各項設定達到效果
今天要介紹的就是簡單的設定Margin的小撇步
幫你快速的充個電吧!
2011年7月8日 下午 03:21 | 回應 (1) | 閱讀數 : 1494
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
]
ListBox裡的排列不是垂直就是水平，覺得這樣的排列很枯燥乏味嗎?
想要它變聰明嗎?
看下去就對了~
2011年6月22日 下午 04:51 | 回應 (5) | 閱讀數 : 3097
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
有網友詢問我有關Childwindow是否能指定彈出位置?
其實只要透過小小的調整就可以達成指定位置的設定嚕!
2011年5月25日 下午 05:57 | 回應 (4) | 閱讀數 : 2371
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
零元學Expression Blend 4 - Chapter 42 五分鐘快速完成扇形變圓形動畫
2011年5月9日 上午 12:02 | 回應 (2) | 閱讀數 : 2558
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
動畫
]
我們接著進行動畫MenuBar的製作
接續著上一篇的範例，要使文字的位置在MouseOver也有變化
2011年5月4日 下午 01:33 | 回應 (9) | 閱讀數 : 3763
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
動畫
控制項
]
一直以來都有人拿Flash的動畫問我Blend可不可以做到一樣的動畫效果
雖然我很明白Flash跟Silverlight差異在哪，但似乎對很多人來說，在網頁上的動畫效果已經根深蒂固的覺得只能用Flash才做到!?
在我看來....善用工具，並且用對工具，就能達到想要的效果!
技術日新月異，很多工具軟體也越來越人性化，操作起來更是便捷
可能我對Blend有著特殊的感情，所以很偏心吧?
在Flash跟Blend做比較時，總是有著不想讓Blend設計出的東西輸掉一樣的心情...
所以我把這次的MenuBar動畫效果，分享給想要學習Blend的朋友
2011年4月26日 下午 06:07 | 回應 (39) | 閱讀數 : 6695
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
動畫
控制項
]
由此可知
Hidden為隱藏項目，但也保留項目的配置空間
而Collapsed為隱藏項目，但因為沒有保留項目的配置空間，所以會使得綠色區塊位置改變
MSDN提到：
Visibility 值為 Collapsed 的項目不會佔用任何配置空間。
(MSDN對Visibility的介紹原文)
配置空間指的是項目存在畫面上的位置
所以就算是該項目使用Collapsed，項目不會佔用任何配置空間
但是與是否會耗損資源並沒有任何的絕對關係!!!!
就算不存在畫面上，檢查Xaml時，會發現已設定為Collapsed的項目還是存在的
2011年4月1日 下午 05:39 | 回應 (3) | 閱讀數 : 2384
| 文章分類 [
Expression Blend 4 Tutorial
佈局容器
]
你可以把Clip想成是一個遮罩，運用遮罩達到我們想要的效果
所以在這裡我們把文字的範圍當成是遮罩
與遮罩交疊的圖片部分被截取出來
進而呈現出圖片鑲進文字內的效果
2011年3月31日 下午 03:34 | 回應 (0) | 閱讀數 : 1935
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
]
幾何外部的 UIElement 會在呈現的配置中以視覺化方式裁剪。 幾何不一定要是矩形。
裁剪區域是幾何的「外部」。 換句話說，如果幾何是用來做為 Path 而非裁剪的資料，所顯示 (未裁剪) 內容的幾何區域即具有 Fill 屬性。
裁剪區域是指落在幾何覆疊外部的任何區域。
對於複雜的幾何而言，區域的裁剪與否會受到幾何的 FillRule 的影響。
2011年3月29日 下午 02:50 | 回應 (8) | 閱讀數 : 3099
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
]
本次要針對Disabled以及Hidden作討論
很多人會把Disabled當成是不顯示，因為選單內容有個Visible(翻譯為可見or顯示)
但其實Disabled是禁用而非不顯示，若是想要使之不顯示，請使用Hidden作隱藏即可
我想，不顯示跟隱藏的意思是雷同的，但與禁用卻是相差很遠，所以請不要搞混喔~
隱藏與禁用，在實務上使用起來就是有差別!!
差在哪裡呢?看下去就知道
2011年3月18日 下午 05:52 | 回應 (2) | 閱讀數 : 2155
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
因為先前寫到自製Button時需特別注意Template Binding步驟的部分，有不少網友常常問我差異到底在哪?
所以在這邊就特別為了Template Binding做單獨的介紹
2011年3月11日 下午 04:28 | 回應 (5) | 閱讀數 : 2928
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
]
本章將介紹UseLayoutRounding，中文我把它翻譯為「佈局修整」
英文原文為：Gets or sets a value that determines whether to use rounding behavior that aligns layout to whole pixels.
2011年3月10日 下午 04:08 | 回應 (0) | 閱讀數 : 2053
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
控制項
]
上篇提到了Visual State Manager中文翻譯為視覺狀態管理器是Blend的強大功能之一
本篇要更深入介紹如何使用
2011年3月2日 下午 03:14 | 回應 (2) | 閱讀數 : 2460
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
Visual State Manager中文翻譯為視覺狀態管理器，這是Blend的強大功能之一
這項功能賦與了視覺設計師更大的空間
2011年3月2日 下午 03:01 | 回應 (0) | 閱讀數 : 2515
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
前面幾章連續講到ListBox的運用，本章要講得是如何簡單的把SampleData 綁進ListBox裡
2011年2月25日 下午 04:57 | 回應 (0) | 閱讀數 : 2984
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
我針對工作區跟視窗的快捷鍵整理了八個Expression Blend4的快捷，也是我常用的，希望對大家有幫助
而其餘的工具快捷在其他的文章中已經介紹過嚕!
2011年2月17日 下午 05:22 | 回應 (1) | 閱讀數 : 2383
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
]
本章所講的是運用ListBox、TextBox與Button，做出簡單的列表新增刪除功能
這種功能常常在很多小地方運用到
2011年2月16日 下午 05:52 | 回應 (0) | 閱讀數 : 2344
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
控制項
]
最近收到網友Cloud的來信，詢問我有關放進PathlistBox的物件，被選取後會出現藍底藍框的問題
經由他的同意，我決定把這個實作上遇到的問題及解決的方式，用一篇文章來跟大家分享
2011年1月12日 下午 05:25 | 閱讀數 : 2684
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
動畫
控制項
]
本章將教大家如何運用Blend的內建元件RaidoButton做出選單選項，以及配合的佈局容器運用
2010年12月28日 下午 05:38 | 回應 (1) | 閱讀數 : 2292
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
控制項
]
本章將交大家如何運用Blend 4 內的Text相關功能做出有設計感的登入畫面
讓你五分鐘就能快速做出一個登入畫面
2010年12月10日 下午 06:09 | 回應 (9) | 閱讀數 : 4169
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
今天要介紹一個Silverlight Toolkit內好用且在圖片展示操作上很常見的元件-「Cover Flow」
2010年12月8日 下午 01:41 | 回應 (7) | 閱讀數 : 4131
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
控制項
]
最近有機會在工作上用到Deep Zoom這個功能，我就順便介紹一下這個一直很夯的功能吧!
雖然有很多前輩已經寫過Deep Zoom的相關介紹文章了，但我想用自己的方式再把Deep Zoom這個功能整理的更完整一點。
2010年12月6日 下午 05:46 | 回應 (5) | 閱讀數 : 3684
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
本章將教大家如何以實作善用Blend4的內建功能-「Frame」以及「HyperlinkButton」
2010年12月2日 上午 11:45 | 回應 (10) | 閱讀數 : 4191
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
控制項
]
本章將教大家如何運用Blend 4內建的行為注入元件「MouseDragElementBehavior」--使物件擁有拖拉功能
2010年11月29日 下午 03:45 | 回應 (8) | 閱讀數 : 3980
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
本章將教大家如何運用Blend 4內建的假視窗原件-「ChildWindow」
ChildWindow常常運用在使用者登入、特殊警告或是其他強調式的需求功能
2010年11月27日 上午 02:24 | 回應 (12) | 閱讀數 : 4218
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
控制項
]
本章將教大家如何把製作好的Blend專案變為可以讓任何人在網際網路瀏覽的Silverlight網頁
2010年11月24日 下午 03:06 | 回應 (4) | 閱讀數 : 3089
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
小猴子拿麥克風
閒聊
]
延續上一章的CheckBox教學，本章將以實作繼續延伸更靈活的運用CheckBox。
看Blend如何把CheckBox變成飛碟!
2010年11月18日 上午 12:46 | 回應 (14) | 閱讀數 : 3990
| 文章分類 [
Expression Blend 4 Tutorial
動畫
控制項
]
本章將教大家如何運用CheckBox做實作上的變化；教你如何把CheckBox變藏寶箱!
2010年11月16日 下午 02:49 | 回應 (14) | 閱讀數 : 4361
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
動畫
控制項
]
本章將教大家如何製作自己的Button，並以玻璃質感Button為實作案例。
2010年11月15日 下午 04:56 | 回應 (16) | 閱讀數 : 5094
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
本章將教大家如何更改Button的預設Template，以及如何在Button內設置動畫。
2010年11月14日 上午 12:16 | 回應 (16) | 閱讀數 : 5543
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
本系列將教大家以實做案例認識Blend 4 的佈局容器，此章介紹的佈局容器是Blend 4 裡的-「Pathlistbox」
2010年11月8日 下午 05:51 | 回應 (3) | 閱讀數 : 3730
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
本系列將教大家以實做案例認識Blend 4 的佈局容器，此章介紹的佈局容器是Blend 4 裡的-「Viewbox」；
以及加碼贈送安裝擴充元件-「Silverlight Toolkit」。
2010年11月5日 下午 04:08 | 回應 (2) | 閱讀數 : 3769
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
將教大家以實做案例認識Blend 4 的佈局容器，此章介紹的佈局容器是Blend 4 裡的專情王子-「Border」。
2010年11月3日 下午 04:13 | 回應 (4) | 閱讀數 : 3778
| 文章分類 [
Expression Blend 4 Tutorial
佈局容器
]
本系列將教大家以實做案例認識Blend 4 的佈局容器，此章介紹的佈局容器是Blend 4 裡的乖寶寶-「StackPanel」；及加碼贈送「ScrollViewer」的運用。
2010年11月2日 下午 05:54 | 回應 (3) | 閱讀數 : 3825
| 文章分類 [
Expression Blend 4 Tutorial
]
本系列將教大家以實做案例認識Blend 4 的佈局容器，此章介紹的佈局容器是Blend 4 裡被我稱為忠於原味的傻大姊-「Canvas」。
2010年11月1日 下午 05:24 | 回應 (4) | 閱讀數 : 3579
| 文章分類 [
Expression Blend 4 Tutorial
]
本系列將教大家以實做案例認識Blend 4 的佈局容器，此章介紹的是Blend 4 裡的佈局容器大哥-「Grid」。
2010年10月31日 下午 09:37 | 回應 (6) | 閱讀數 : 5070
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
佈局容器
]
本章將教大家如何在Blend 4裡新增Media Element，以及運用Video Brush讓影片鑲入你所設定的字裡，使影片不再是傳統的呈現方式。
2010年10月29日 下午 12:04 | 回應 (6) | 閱讀數 : 4364
| 文章分類 [
Expression Blend 4 Tutorial
Silverlihgt
控制項
]
本章將教大家如何把Photoshop檔案置入Expression Blend 4，以及設置簡單的動畫。
只要按照步驟來，就能很容易的做出動畫的效果。
2010年10月27日 上午 12:43 | 回應 (17) | 閱讀數 : 6458
| 文章分類 [
Expression Blend 4 Tutorial
動畫
]
本章將延續上篇零元學Expression Blend4 - Chapter 4元件重複運用的觀念所製作的圖來進行，教你如何將圖做X、Y、Z空間的延伸。
2010年10月24日 上午 12:02 | 回應 (8) | 閱讀數 : 5375
| 文章分類 [
Expression Blend 4 Tutorial
]
本章將教大家Blend元件重複運用的觀念，這在Silverlight設計中是非常重要的，另外加碼贈送漸層工具(Gradient Tool)。
2010年10月22日 下午 04:04 | 回應 (15) | 閱讀數 : 5795
| 文章分類 [
Expression Blend 4 Tutorial
]