零元学Expression Blend 4 - Chapter 4元件重复运用的观念
本章將教大家Blend元件重復(fù)運(yùn)用的觀念，這在Silverlight設(shè)計(jì)中是非常重要的，另外加碼贈(zèng)送漸層工具(Gradient Tool)。
?
本章將教大家Blend元件重復(fù)運(yùn)用的觀念，這在Silverlight設(shè)計(jì)中是非常重要的，另外加碼贈(zèng)送漸層工具(Gradient Tool)。
?
?
就是要讓不會(huì)的新手都看的懂!
?
01 開始專案
打開Blend後選擇Top Menu的 File->New Project(快捷鍵Shift+Ctrl+N)。 選擇Silverlight Application+ Website為你的項(xiàng)目類型。
?
02 建立一個(gè)New Item
為了達(dá)到元件重復(fù)運(yùn)用，我們需要把所要做的元件，變成單獨(dú)的Xaml，在Project上按右鍵，出現(xiàn)功能項(xiàng)目表後請以左鍵點(diǎn)選Add New Item。
?
03 選擇 UserControl
我們選擇 UserControl為我們的New Item，命名為Frog，因?yàn)槲覀円嬊嗤?
?
04 選取檔案進(jìn)行編輯
我們可以在Progjects視窗中看到剛剛新增好的Frog.xaml檔，DoubleClick它以進(jìn)行編輯。
?
05 讓我們來改變一下容器
在Objects and Timeline下的LayoutRoot上按右鍵 點(diǎn)選Change layout type ->canvas， 把容器變成canvas。
在之後的教學(xué)里，我將會(huì)一章一章很清楚的教大家怎麼使用Blend 4里面的容器，因?yàn)樵谠O(shè)計(jì)中，容器是非常重要的，只要容器使用錯(cuò)誤，非常容易版面大亂，也會(huì)做不出你想要的版面，
?
06 接下來使用Ellipse工具來畫青蛙
我們直接使用Ellipse來把整個(gè)青蛙的雛形畫出來，你可以看到只需要幾個(gè)圓。
(貼心小提醒：按住Shift可以畫出正圓，不按Shift則可以畫出橢圓。)
?
07 幫青蛙填色吧!
請?jiān)贓ditor調(diào)整青蛙的顏色，若您不知怎麼選取顏色，請參考小猴子點(diǎn)部落的零元學(xué)Expression Blend4 -Chapter 3 熟悉操作第一步。
?
08 來點(diǎn)不一樣的漸層效果吧!
如果你曾經(jīng)嘗試著使用漸層工具，但又做不出你想要的效果，不仿試試Blend 4 的漸層工具(Gradient Tool，快捷鍵G)。
請選擇工具列Tools的Gradient Tool；看，左邊的漸層區(qū)出現(xiàn)了一個(gè)箭頭，可以利用它調(diào)整漸層的分布。
我們來調(diào)到想要的漸層樣子；我想做成青蛙有昏昏欲睡的感覺。
好啦!!大功告成。
?
09 制成元件的最後階段
請點(diǎn)選最上方TopMenu的Project->Rebuild Project。
(這個(gè)動(dòng)做非常重要喔!!一定要做。)
等到狀態(tài)列出現(xiàn)Build Succeed就是編譯完了。
?
10 使用元件
再來我們要刺用剛剛做好的元件了，請雙擊MainPage.xaml後選取Tools工具列的箭頭圖示；直接在Search列上打上剛剛我們?yōu)榍嗤芩臋n名：Frog。
看到了嗎!我們的Frog以元件的方式出現(xiàn)了。
點(diǎn)擊Frog後不放，直接拖到我們的主要工作區(qū)上，就是一只青蛙了!
?
11 以元件方式重復(fù)利用
看!要幾只有幾只~
?
(要記得善用元件方式來使用Blend 4 喔!你所做的設(shè)計(jì)就可以重復(fù)使用，甚至可以帶到其他專案，對設(shè)計(jì)人員來說，可是事半功倍呢!)
本篇的教學(xué)就到此。
(若有任何錯(cuò)誤的地方，請各位前輩或同好能不吝指教，小女子都會(huì)虛心接受；若是你喜歡我的教學(xué)，請給我點(diǎn)鼓勵(lì)，謝謝。)
一步一步邁向HIE之路
?
喜歡我文章請推我一下或給我個(gè)回應(yīng)，你的鼓勵(lì)會(huì)給我無限的動(dòng)力喔!
若是您有其他問題或是特別需要，請?jiān)谖恼禄貞?yīng)處留言，我會(huì)盡快回覆您
?
posted on 2017-12-24 00:19 NET未來之路 閱讀(...) 評論(...) 編輯 收藏轉(zhuǎn)載于:https://www.cnblogs.com/lonelyxmas/p/8095031.html
總結(jié)
以上是生活随笔為你收集整理的零元学Expression Blend 4 - Chapter 4元件重复运用的观念的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Emacs列操作
- 下一篇： Base64 的那些事儿