在 Silverlight 應(yīng)用開(kāi)發(fā)中，開(kāi)發(fā)者可以自定義各種類型的用戶控件來(lái)滿足不同的需求。只要是你能夠想到的，就可以用 Blend 來(lái)繪制出來(lái)。本篇經(jīng)驗(yàn)介紹一個(gè)最簡(jiǎn)單的彈出框案例, 主要探討彈出框的

在 Silverlight 應(yīng)用開(kāi)發(fā)中，開(kāi)發(fā)者可以自定義各種類型的用戶控件來(lái)滿足不同的需求。只要是你能夠想到的，就可以用 Blend 來(lái)繪制出來(lái)。本篇經(jīng)驗(yàn)介紹一個(gè)最簡(jiǎn)單的彈出框案例, 主要探討彈出框的外觀制作。

打開(kāi) Blend 并新建項(xiàng)目

首先, 打開(kāi) Blend 4, 新建一個(gè) Silverlight 項(xiàng)目, 如下圖所示:

![新建 Silverlight 項(xiàng)目]()

繪制基礎(chǔ)矩形

從工具箱中拖放一個(gè) Rectangle 控件到工作區(qū)中, 如下圖所示:

![添加 Rectangle 控件]()

美化矩形外觀

修改 Rectangle 的邊框顏色、RadiusX、RadiusY 和 StrokeThickness 屬性值, 以獲得理想的外觀效果, 如下圖所示:

![美化 Rectangle 外觀]()

轉(zhuǎn)換為路徑并添加自定義形狀

右鍵該 Rectangle, 選擇 Path->Convert to Path, 將 Rectangle 轉(zhuǎn)換成路徑。在工具箱中選擇 Pen（鋼筆工具）, 在 Rectangle 的下邊界上畫(huà)三個(gè)點(diǎn), 并拖動(dòng)中間的點(diǎn)以形成一定角度, 如下圖所示:

![添加自定義形狀]()

完成自定義彈出框

這樣一個(gè)簡(jiǎn)單的用戶控件制作好后, 可以在里面根據(jù)需要, 添加各種控件, 進(jìn)行布局。下圖是最近項(xiàng)目中制作的一個(gè)彈出框效果:

![完成的自定義彈出框]()

通過(guò)上述步驟, 開(kāi)發(fā)者可以利用 Blend 輕松地制作出各種自定義的 Silverlight 彈出框, 滿足不同的視覺(jué)需求。這種自定義控件的方式為 Silverlight 開(kāi)發(fā)提供了更大的靈活性和可能性。