WPF 布局容器

所有的WPF 布局容器都是派生自 System.Windows.Controls.Panel 抽象类的面板

WPF 布局容器_第1张图片

 常见的布局容器有以下几种:

WPF 布局容器_第2张图片

 此外还有: TabPanel,ToolbarPanel等等。

附注内容:

Border 控件: 一般与布局面板一起使用:一般只能包含一段嵌套内容,并为其添加背景或者在其周围添加边框。

一般的属性有:

WPF 布局容器_第3张图片

  
            
                
                
                
                
                
            
        

WPF 布局容器_第4张图片

 GridSplitter: 分割条,用于Grid布局中

用于Grid布局中,各个部分的内容分割。是Grid的功能之一。

设计原则:

        1、GridSplitter  放置在Grid单元格中,可与已经存在的内容放置在一起,也可以单独占据一部分单元格。建议预留一行或者一列专门为分割条设置

        2、GridSPlliter 总是改变整行或者整列的内容,所以一般将其所在的行列尺寸固定,然后将GridSplitter对象拉伸充满,将所在的行或者列设置为auto属性

        3、GridSplliter,默认很小,所以需要设置其最小尺寸。

 
        
            
            
            
        
        
            
            
            
        
        
    

        Grid.row 起始行 Grid.column 起始列 Grid.RowSpan 跨越的行和列

一、 使用StackPanel 布局:

使的元素以水平或者垂直的方式进行顺序排列:

        

 
            
            
            
            
            
            
        

WPF 布局容器_第5张图片

Orientation:属性值决定了元素排列的方式。

基本属性:

WPF 布局容器_第6张图片

 
            
            
            
            
            
            
        

WPF 布局容器_第7张图片

二、WrapPanel: 流式布局,子元素以此挨着排列,并且会自动换行

        可以设置的属性与StckPanel的基本相似,但是器不能通过Grid面板代替

三、DockPanel:

        沿着外边缘来拉伸所包含的控件。一般用户主页的整体布局使用,类似于web中后台管理系统主页的布局方式,分为东西南北中五个方位,在这五个方位进行布局设置了拉伸子元素。

 
            
            
            
            
            
        

         LastChildFill : 设置最后一个元素的填充方式,最后一个子元素可以不设置DockPanel.Dock属性。

WPF 布局容器_第8张图片

四、嵌套布局:

多众布局之间可以进行相互嵌套。省略

五、Grid布局:网格布局

       默认窗口的布局方式:

        行列的设置:

        

 
            
                
                
                
            
            
                
                
            
        

        WPF 布局容器_第9张图片

        内容占据行列的设置:

与html中的table类似

WPF 布局容器_第10张图片

共享组:

               多个Grid中的单元格、行列表现出相同的行为规范,例如,当一个Grid中的某一变宽的时候,另一个Grid的某一列也会跟随变宽。

               需要在行列设置中,设置ShareSizeGroup属性为同一个名称,这样就保持了一致性

  
                
                    
                
                
                    
                    
                    
                
                
                
                
            
            
                
                    
                
                
                    
                    
                    
                
                
                
                
            

六、UniFormGrid: 与Grid一样的网格布局,只是简单的设置了行列的数量,子元素也不可以设置所占的单元格数量所有的单元格被均分。所有的子元素只能顺序放置进去。


                    
                    
                    
                    
                    
                

WPF 布局容器_第11张图片

 

你可能感兴趣的:(window,wpf)