ScrollViewer捲軸顯示面板最常用來裝超出版面限制的內容
ScrollViewer 捲軸顯示面板
使用ScrollViewer工具在舞台畫出範圍,會看到ScrollBiewer元件範圍呈現如下:

ScrolViewer工具

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


右邊筆刷面版會有BroderThickness設定,可以更改四邊邊框粗細。

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


ScrolViewer中放入一個形狀物件(預設藍色)


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

也就是說,ScrolViewer中只能有一個物件!

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



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

回到原本的ScrolViewer中建立一個超過ScrolViewer尺寸的形狀物件。

可以發現當建立在ScrolViewer內的形狀物件一旦超過ScrolViewer尺寸,
則畫面就會出現捲軸顯示。

捲軸顯示方式有水平或垂直兩種
而設定捲軸方式有四個值


Disabled/禁用:
設定此選項,會完全沒有捲軸效果,就算捲動滑鼠滾輪,內容也不會捲動。 

Auto/自動:
會依照內容是否有超出寬高範圍,自動決定顯示或不顯示捲軸。 

Hidden/隱藏:
捲軸隱藏不顯示,但捲動滑鼠中鍵時,內容會有捲動效果。 

Visible/可見的:
不管內容有沒有超出範圍,捲軸都會呈現。


另外,Margin 選項用來設定內容物件與邊界間距。
如設定Margin向左10,向上10(如下圖)。

則呈現樣式如下圖紅色箭頭指示。

























Leave a Reply