WPF界面布局的10个例子

最近在学习使用WPF开发应用程序。关于WPF程序布局,有很多博客和参考书可供学习。今天试着做了10个简单的WPF界面,将xaml代码和实际展示的界面列出,仅供参考。

1、使用按钮填充父容器,类似于Winform中将按钮的Dock设置为Fill

WPF界面布局的10个例子_第1张图片

XAML代码如下:


    
        

2、使用DockPanel进行布局,容器分上、下、左、右、中央五个部分

WPF界面布局的10个例子_第2张图片

XAML代码如下:


    
        

3、使用DockPanel进行布局,调整Dock声明的先后顺序可调整DockPanel内元素的结构

WPF界面布局的10个例子_第3张图片

XAML代码如下:


    
        

4、使用DockPanel进行布局,调整Dock声明的先后顺序可调整DockPanel内元素的结构

WPF界面布局的10个例子_第4张图片

XAML代码如下:


    
        

5、使用DockPanel进行布局,每一部分可继续嵌套其他布局

WPF界面布局的10个例子_第5张图片

XAML代码如下:


    
        

6、在Canvas上绘制控件,以左上角为坐标原点设置各控件位置

WPF界面布局的10个例子_第6张图片

XAML代码如下:


    
        

7、Grid容器,以网格形式放置元素

WPF界面布局的10个例子_第7张图片

XAML代码如下:


    
        
            
            
        
        
            
            
        
        
        
        
        
    

8、StackPanel容器,自上到下或自左到右显示元素

WPF界面布局的10个例子_第8张图片

XAML代码如下:


    
        

9、StackPanel容器,添加滚动条以显示更多的元素

WPF界面布局的10个例子_第9张图片

XAML代码如下:


    
        
            
                

10、WrapPanel容器,自左到右自上到下显示元素

WPF界面布局的10个例子_第10张图片

XAML代码如下:


    
        

END

转载于:https://my.oschina.net/Tsybius2014/blog/888530

你可能感兴趣的:(WPF界面布局的10个例子)