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(如下圖)。
則呈現樣式如下圖紅色箭頭指示。