Silverlight 開發(fā)中的自定義彈出框設(shè)計
在 Silverlight 應(yīng)用開發(fā)中,開發(fā)者可以自定義各種類型的用戶控件來滿足不同的需求。只要是你能夠想到的,就可以用 Blend 來繪制出來。本篇經(jīng)驗介紹一個最簡單的彈出框案例, 主要探討彈出框的
在 Silverlight 應(yīng)用開發(fā)中,開發(fā)者可以自定義各種類型的用戶控件來滿足不同的需求。只要是你能夠想到的,就可以用 Blend 來繪制出來。本篇經(jīng)驗介紹一個最簡單的彈出框案例, 主要探討彈出框的外觀制作。
打開 Blend 并新建項目
首先, 打開 Blend 4, 新建一個 Silverlight 項目, 如下圖所示:
![新建 Silverlight 項目]()
繪制基礎(chǔ)矩形
從工具箱中拖放一個 Rectangle 控件到工作區(qū)中, 如下圖所示:
![添加 Rectangle 控件]()
美化矩形外觀
修改 Rectangle 的邊框顏色、RadiusX、RadiusY 和 StrokeThickness 屬性值, 以獲得理想的外觀效果, 如下圖所示:
![美化 Rectangle 外觀]()
轉(zhuǎn)換為路徑并添加自定義形狀
右鍵該 Rectangle, 選擇 Path->Convert to Path, 將 Rectangle 轉(zhuǎn)換成路徑。在工具箱中選擇 Pen(鋼筆工具), 在 Rectangle 的下邊界上畫三個點, 并拖動中間的點以形成一定角度, 如下圖所示:
![添加自定義形狀]()
完成自定義彈出框
這樣一個簡單的用戶控件制作好后, 可以在里面根據(jù)需要, 添加各種控件, 進(jìn)行布局。下圖是最近項目中制作的一個彈出框效果:
![完成的自定義彈出框]()
通過上述步驟, 開發(fā)者可以利用 Blend 輕松地制作出各種自定義的 Silverlight 彈出框, 滿足不同的視覺需求。這種自定義控件的方式為 Silverlight 開發(fā)提供了更大的靈活性和可能性。