1. 程式人生 > >#320 – StackPanel預設如何設定子控制元件的大小(Default Size of StackPanel Child Controls)

#320 – StackPanel預設如何設定子控制元件的大小(Default Size of StackPanel Child Controls)

預設情況下,StackPanel 根據下面的邏輯來設定子控制元件的大小:

如果是Orientation 是垂直的:

 -子控制元件的高度將根據其自身的需要確定

 -子控制元件的寬度將橫向佔滿整個StackPanel

如果Orientation 是水平的:

 -子控制元件的寬度將根據其自身的需要確定

 -子控制元件的高度將橫向佔滿整個StackPanel

下面的地址將StackPanel 的子控制元件垂直排列,顯示結果如圖。

<StackPanel>
    <Label Content="Gene Autry the singing cowboy" Background="Pink"/>
    <Button Content="I Like Gene" FontSize="18"/>
    <Label Content="Roy Rogers" Background="Aqua" FontSize="20"/>
    <Button Content="I Like Roy Rogers Yes I Do"/>
    <TextBox Text="This is a TextBox"/>
 
    <Label Content="Tex Ritter" Background="PaleGoldenrod"/>
    <Button Content="I Like Tex" FontSize="20" />
    <Label Content="Jorge Negrete" Background="Lavender"/>
    <Button Content="I Like Jorge Yes I Do"/>
</StackPanel>

如果水平排列,結果將會如下: