WrapPanel 和 DockPanel

標籤：是什麼   屬性   margin   技術分享   grid   簡單的   bsp   方向   .com   

WrapPanel 和 DockPanel 兩個是比較簡單的版面配置容器. 這兩個控制項將彌補 StackPanel 的某些不足
　　WrapPanel 控制項:
　　　　該控制項一句 Orientation 屬性, 在垂直堆放控制項或者行中放置控制項方面, WrapPanel
　　　　於 StackPanel 類似. 除了堆疊放外, WrapPanel 還包含的控制項提供了換行支援. 如果在
　　　　WrapPanel 控制項提供的內容寬度超過了容器,就會自動換行.
　　DockPanel 控制項:
　　　　DockPanel 提供了停靠支援. 以便可以停靠在面板一側其他控制項容易定位.

 

WrapPanel

 <Grid>        <WrapPanel  Margin="3">            <Button VerticalAlignment="Top">頂層按鈕</Button>            <Button  MinHeight="60">較高按鈕</Button>            <Button  VerticalAlignment="Bottom">底部按鈕</Button>            <Button>展開按鈕</Button>            <Button  VerticalAlignment="Center">中間按鈕</Button>        </WrapPanel> </Grid>

:

 

DockPanel

   <Grid>        <!--        NOTE: LastChildFill 屬性設定為TRUE ,這個是預設設定,則無論對 DockPanel 的最後一個元素      　　　　 的其他任何停靠值是什麼, 該子項目都始終填滿剩餘的空間. 要講子項目停靠在另外一個          　　　　 方向, 必須將 LastChildFill  屬性設定為 FALSE,還必須最後子項目設定顯示的停靠方向.        -->        <!--<DockPanel  LastChildFill="True">-->        <DockPanel  LastChildFill="False">            <Button DockPanel.Dock="Top">頂部停靠</Button>            <Button DockPanel.Dock="Bottom">底部停靠</Button>            <Button DockPanel.Dock="Left">左側停靠</Button>            <Button DockPanel.Dock="Right">右側停靠</Button>            <!--<Button>剩餘空間</Button>-->            <Button DockPanel.Dock="Top">剩餘空間</Button>        </DockPanel>    </Grid>

WrapPanel 和 DockPanel