当前位置 博文首页 > 文章内容

    WPF布局篇--Canvas布局(一)

    作者: 栏目:未分类 时间:2020-08-12 18:00:34

    本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
    说我们IIS7站长博客,有一篇博文用了他们的图片。
    要求我们给他们一张图片6000元。要不然法院告我们

    为避免不必要的麻烦,IIS7站长博客,全站内容图片下架、并积极应诉
    博文内容全部不再显示,请需要相关资讯的站长朋友到必应搜索。谢谢!

    另祝:版权碰瓷诈骗团伙,早日弃暗投明。

    相关新闻:借版权之名、行诈骗之实,周某因犯诈骗罪被判处有期徒刑十一年六个月

    叹!百花齐放的时代,渐行渐远!



    前言   

         本篇开始,总结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>

         界面效果如下: