有網友問我如何在Blend內製作出倒影效果
我提供了一個很簡單的作法,解決了他的問題,在這裡也跟大家分享 : )
我們運用StackPanel配合OpacityMask做出倒影效果
零元學Expression Blend 4 - Chapter 47 超簡單!運用StackPanel配合OpacityMask做出倒影效果
- 11880
- 0
- Expression Blend 4 Tutorial
- 2011-11-04
有網友問我如何在Blend內製作出倒影效果
我提供了一個很簡單的作法,解決了他的問題,在這裡也跟大家分享 : )
我們運用StackPanel配合OpacityMask做出倒影效果
本章是針對SketchFlow Map 所做的最後介紹
為您介紹三個常用的功能:Set a Start、Change Visual Tag、SketchFlow Projects Settings
本章要帶你瞭解Component Screen以及與Screen的關聯運用
沿用上一章的專案進度,繼續把焦點放在SketchFlow Map
接下來,我們模擬一下,有可能是接到了一個專案或是你腦中剛好迸出一個不錯的Idea
你迫不急待的想要把的想法告訴你的工作夥伴
想要完整的告訴對方,這個主意或想法有多完美!!
而且希望不要有觀念上的落差,你知道你需要的是 SketchFlow!
因為每個人的想法都不同,除非你很明確的告訴對方你的想法,不然觀念一定會有落差...
但你要用什麼方法才能很明確的表達你的想法呢?或許SketchFlow能幫你解決這個煩人的問題。
所謂「工欲善其事,必先利其器」,所以今天要先告訴你如何安裝Windows Phone SketchFlow
如果需要經常的使用某一項工具,總會希望能夠更快速的使用各項設定達到效果
今天要介紹的就是簡單的設定Margin的小撇步
幫你快速的充個電吧!
ListBox裡的排列不是垂直就是水平,覺得這樣的排列很枯燥乏味嗎?
想要它變聰明嗎?
看下去就對了~
抱歉久等了!!!!
終於到了動畫MenuBar的最終章囉!
有網友詢問我有關Childwindow是否能指定彈出位置?
其實只要透過小小的調整就可以達成指定位置的設定嚕!
零元學Expression Blend 4 - Chapter 42 五分鐘快速完成扇形變圓形動畫
我們接著進行動畫MenuBar的製作
接續著上一篇的範例,要使文字的位置在MouseOver也有變化
一直以來都有人拿Flash的動畫問我Blend可不可以做到一樣的動畫效果
雖然我很明白Flash跟Silverlight差異在哪,但似乎對很多人來說,在網頁上的動畫效果已經根深蒂固的覺得只能用Flash才做到!?
在我看來....善用工具,並且用對工具,就能達到想要的效果!
技術日新月異,很多工具軟體也越來越人性化,操作起來更是便捷
可能我對Blend有著特殊的感情,所以很偏心吧?
在Flash跟Blend做比較時,總是有著不想讓Blend設計出的東西輸掉一樣的心情...
所以我把這次的MenuBar動畫效果,分享給想要學習Blend的朋友
由此可知
Hidden為隱藏項目,但也保留項目的配置空間
而Collapsed為隱藏項目,但因為沒有保留項目的配置空間,所以會使得綠色區塊位置改變
MSDN提到:
Visibility 值為 Collapsed 的項目不會佔用任何配置空間。
(MSDN對Visibility的介紹原文)
配置空間指的是項目存在畫面上的位置
所以就算是該項目使用Collapsed,項目不會佔用任何配置空間
但是與是否會耗損資源並沒有任何的絕對關係!!!!
就算不存在畫面上,檢查Xaml時,會發現已設定為Collapsed的項目還是存在的
你可以把Clip想成是一個遮罩,運用遮罩達到我們想要的效果
所以在這裡我們把文字的範圍當成是遮罩
與遮罩交疊的圖片部分被截取出來
進而呈現出圖片鑲進文字內的效果
幾何外部的 UIElement 會在呈現的配置中以視覺化方式裁剪。 幾何不一定要是矩形。
裁剪區域是幾何的「外部」。 換句話說,如果幾何是用來做為 Path 而非裁剪的資料,所顯示 (未裁剪) 內容的幾何區域即具有 Fill 屬性。
裁剪區域是指落在幾何覆疊外部的任何區域。
對於複雜的幾何而言,區域的裁剪與否會受到幾何的 FillRule 的影響。
本次要針對Disabled以及Hidden作討論
很多人會把Disabled當成是不顯示,因為選單內容有個Visible(翻譯為可見or顯示)
但其實Disabled是禁用而非不顯示,若是想要使之不顯示,請使用Hidden作隱藏即可
我想,不顯示跟隱藏的意思是雷同的,但與禁用卻是相差很遠,所以請不要搞混喔~
隱藏與禁用,在實務上使用起來就是有差別!!
差在哪裡呢?看下去就知道
因為先前寫到自製Button時需特別注意Template Binding步驟的部分,有不少網友常常問我差異到底在哪?
所以在這邊就特別為了Template Binding做單獨的介紹
本章將介紹UseLayoutRounding,中文我把它翻譯為「佈局修整」
英文原文為:Gets or sets a value that determines whether to use rounding behavior that aligns layout to whole pixels.
上篇提到了Visual State Manager中文翻譯為視覺狀態管理器是Blend的強大功能之一
本篇要更深入介紹如何使用