Skip to content

INDEX

Warning

The current page still doesn't have a translation for this language.

You can read it through google translate.

SOUI 提供了多种布局方式来组织界面元素，每种布局都有其特定的使用场景和优势。

布局类型

  • Soui 布局 - SOUI 特有的弹性布局系统
  • 线性布局 - 按水平或垂直方向排列子元素
  • 网格布局 - 按行列方式排列子元素
  • 锚点布局 - SOUI5.1 新增，基于九宫格锚点的布局系统
  • 流式布局 - SOUI5.1 新增，支持水平和垂直流式排列，自动换行或换列
  • 框架布局 - SOUI5.1 新增，支持将子窗口停靠在容器的不同位置

布局选择指南

选择合适的布局方式对于创建良好的用户界面至关重要：

  1. Soui 布局：适用于复杂的弹性布局需求
  2. 线性布局：适用于简单的水平或垂直排列
  3. 网格布局：适用于规则的行列布局
  4. 锚点布局：适用于需要精确控制元素位置的场景
  5. 流式布局：适用于不确定元素数量、需要自动换行或换列的场景
  6. 框架布局：适用于需要将界面划分为多个区域（如工具栏、侧边栏、主内容区）的场景

每种布局方式都可以嵌套使用，通过组合不同的布局可以创建出复杂而美观的界面。