Border 邊框,一個有邊框的容器。

Border 邊框
使用Border工具在舞台畫出範圍,會看到Border元件範圍呈現如下:

Border 工具

Border 元件,剛剛利用Border 工具拉出的Border 元件。

Border元件基本設計有
BorderBrush : 設定邊框顏色
BorderThisckness : 設定四邊邊框粗細
CornerRadius : 設定圓角角度


圓角角度設定可以輸入單一數值,所代表的是四邊角度數值。


或可以以逗號區隔,各別為四邊角度設定數值。
前到後數值輸入分別對應左上, 右上, 右下, 左下。



接下來搭配圖檔實作練習看Border 元件中裝了東西會如何變化?
Border 中放入一個形狀物件(元件管理視窗上" 形狀物件" 會被Border 包覆)

Border中放入一個形狀物件(預設桃紅色)


當我們要在Border中再放入一個形狀物件時,會發現原本的形狀物件被取代掉了。

也就是說,BorderScrolViewer一樣只能有一個物件!

接著我們在Border中建立StackPanel形狀物件,
StackPanel 形狀物件放入幾個形狀物件(預設桃紅色),
看會有何變化 ?



可以發現Border中建立StackPanel 形狀物件,
StackPanel 形狀物件內再放入幾個形狀物件,
彼此形狀都不會互相干擾。
ScrolViewer性質一樣。



















Leave a Reply