WPF布局篇--Canvas布局（一）

前言   

     本篇开始，总结WPF中的布局，如下图所示，WPF的布局控件都在System.Windows.Controls.Panel这个基类下面，使用 WPF提供的各种控件在WPF应用程序中界面进行布局，同时对各种子控件（如按钮、文本框，下拉框等）进行排列组合。 常用的布局容器主要有：Canvas、StackPanel、WrapPanel、DockPanel、Grid、UniformGrid、Boder、ViewBox；

 1.本编主要总结Canvas 的用法

         Canvas 是一个最基本的布局容器，它不会自动调整内部控件的大小、位置，它仅支持显示坐标定位。Canves内部控件的默认位置是左上角，可通过设置LEFT,RIGHT,TOP,BOTTOM属性来调整控件在Canvas中的位置，Canvas默认不会自动裁剪超过自身宽度的内容，溢出的内容会显示在Canvas的外面；Canvas的作用主要是用来画图。

        以下示例代码是通过，canvas进行界面布局：

 1 <Grid Margin="0,0" Background="#FFE6E5E5">
 2         <Viewbox>
 3         <Canvas Margin="0,0" Height="70" Width="500" Background="#FFE6E5E5"  >
 4             <Label HorizontalAlignment="Left" VerticalAlignment="Top" Margin="20,25">IP:</Label>
 5             <TextBox HorizontalAlignment="Left" VerticalAlignment="Top" Width="180" Margin="45,26"></TextBox>
 6             <Label HorizontalAlignment="Left" VerticalAlignment="Top" Margin="240,25" >端口：</Label>
 7             <TextBox HorizontalAlignment="Left" VerticalAlignment="Top" Width="80" Margin="285,26"></TextBox>
 8             <Button HorizontalAlignment="Left" VerticalAlignment="Top" Width="70" Margin="395,26">连接</Button>
 9         </Canvas>
10         </Viewbox>
11     </Grid>

     界面效果如下：

 

posted @ 2020-08-12 17:58  Ramos6  阅读(807)  评论(0)  编辑  收藏  举报