zoukankan      html  css  js  c++  java
  • WPF — WPF四种布局的简单区别

    WPF中的UI布局主要有:Grid(网格)、StackPanel(栈式面板)、Canvas(画布)、DockPanel(泊靠式面板)、WrapPanel(自动折行面板)

    一、Grid

      1、描述:网格,自定义行和列,并通过行列的数量、行高列宽来调整控件的布局,近似于HTML中的table。

      2、特点:

        (1)可以定义任意数量的行和列,非常灵活

        (2)行的高度和列的宽度可以使用绝对值、相对比例、自动调整的方式进行精确设定,并可以设置最大和最小值。

        (3)内部元素可以设置自己所在的行和列,还可以设置自己纵向跨几行,横向跨几列。

        (4)可以设置Children元素的对齐方向。

      3、应用场合:

        (1)UI布局的大框架设计

        (2)大量UI元素需要成行或者成列对齐的情况。

        (3)UI尺寸改变的时候,元素需要保留固有的宽度和高度比例

        (4)UI后期可能有较大的变更或扩展。

    二、StackPanel

      1、描述:栈式面板。可将包含的元素在水平或垂直方向排成一条线,当移除一个元素后,后面的元素会自动向前填充空缺。

      2、使用场合:

        (1)同类元素需要紧凑排列(如制作菜单和列表)

        (2)移除其中的元素后能够自动补缺的布局或者动画。

    三、Canvas

      1、描述:画布,内部元素可以使用以像素为单位的绝对坐标进行定位,类似于Windows Form的布局方式。

      2、使用场合:

        (1)一经设计,基本上不用再有改动的小型布局(如图标)

        (2)艺术性较强的布局

        (3)需要使用大量纵横坐标来进行绝对定位的布局。

        (4)依赖纵横坐标的动画

    四、DockPanel

      1、描述:泊靠式面板,内部元素可以选择泊靠的方向,类似于Winform中设置控件的Dock属性。

    五:WrapPanel

      1、描述:自动折行面板,内部元素在排满一行后能够自动折行,类似于HTML中的流式布局。

      

  • 相关阅读:
    ES6 promise的用法
    elementUI el-dialog 解决embed标签无法实时更新预览PDF文件
    elementUI upload 上传 传参
    elementUI form表单验证
    Ajax 原理过程 同步与异步区别 优缺点
    《深入理解mybatis原理(十二)》 mybatis深入理解之#与$区别
    截取字符串,含有汉字和字母,不能截半个汉字
    输出一个纯英文字符串中出现次数最左的单词和次数,如果有几个次数最多的单词,全部输出
    极简主义生活方式
    MySQL中创建表指定存储引擎
  • 原文地址:https://www.cnblogs.com/hh8888-log/p/11058570.html
Copyright © 2011-2022 走看看