树叶云鸿蒙OS教程:鸿蒙OS ColumnSystem

ColumnSystem

java.lang.Object

|—ohos.agp.components.ColumnSystem

public class ColumnSystem
extends Object

表示可以适应不同屏幕尺寸和方向的响应式布局设计机制。 分栏系统可以作为 UI 布局的辅助定位工具,保证跨设备体验一致。

column system 具有三个基本属性:column, gutter, 和 margin。

  • Columns 用于在 UI 布局中定位。 不同屏幕尺寸的定位由列数决定。 当页边距和装订线符合规范时,根据实际设备宽度和列数自动计算列宽。
  • Gutters 用于控制元素之间的间距。 您可以根据屏幕大小定义不同的间距值,作为断点的统一规范。 要获得良好的视觉效果,请将装订线值设置为不大于边距值的值。
  • Margins 用于控制元素和屏幕边缘之间的填充。 您可以根据屏幕大小定义不同的边距,作为断点的统一规范。

字段摘要

修饰符和类型字段描述
static intBOTTOM_SHEET_TYPE指示底部工作表的列类型。
static intBUBBLE_TYPE指示气泡列类型。
static intCARD_DOUBLE_BUTTON_TYPE指示卡片的双按钮列类型。
static intCARD_SINGLE_BUTTON_TYPE指示卡片的单按钮列类型。
static intCARD_TYPE表示卡片列类型。
static intCONTENT_TYPE指示内容列类型。
static intCUSTOM_TYPE表示自定义列类型。
static intDIALOG_TYPE指示对话框列类型。
static intDOUBLE_BUTTON_TYPE指示双按钮列类型。
static intLARGE_BOTTOMTAB_TYPE指示大底部选项卡(即具有三个以上项目的底部选项卡)的列类型。
static intLARGE_TOOLBAR_TYPE指示大工具栏的列类型(即具有四个或固定项的工具栏)。
static intMENU_TYPE指示菜单列类型。
static intSINGLE_BUTTON_TYPE指示单按钮列类型。
static intSMALL_BOTTOMTAB_TYPE指示底部小选项卡(即具有三个或更少项目的底部选项卡)的列类型。
static intSMALL_TOOLBAR_TYPE指示小工具栏(即具有两个或三个项目的工具栏)的列类型。
static intTOAST_TYPE表示 toast 列类型。

构造函数摘要

构造函数描述
ColumnSystem(Context context)用于创建默认 ColumnSystem 实例的构造函数。
ColumnSystem(Context context, int columnType)创建指定列类型的 ColumnSystem 实例。

方法总结

修饰符和类型方法描述
intgetColumnType()获取当前列系统的列类型。
floatgetColumnWidth(int columnCount)获取指定列数的总宽度。
intgetGutter()获取列系统的间距宽度。
intgetMargin()获取列系统的边距宽度。
intgetMaxColumnWidth()获取指定列类型的最大列宽。
intgetMinColumnWidth()获取指定列类型的最小列宽。
intgetSuggestedWidth()获取当前列类型的宽度。
intgetTotalColumnCount()获取当前列系统中的总列数。
voidsetColumnType(int columnType)设置当前列系统的列类型。
intupdateConfiguration(int width, int height, float density)将柱系统的有效区域设置为部分窗口。
intupdateConfiguration(Context context)设置柱系统的有效区域以完成窗口。
从类 java.lang.Object 继承的方法
clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait

字段详细信息

BOTTOM_SHEET_TYPE

public static final int BOTTOM_SHEET_TYPE

指示底部工作表的列类型。

BUBBLE_TYPE

public static final int BUBBLE_TYPE

指示气泡列类型。

CARD_DOUBLE_BUTTON_TYPE

public static final int CARD_DOUBLE_BUTTON_TYPE

指示卡片的双按钮列类型。

CARD_SINGLE_BUTTON_TYPE

public static final int CARD_SINGLE_BUTTON_TYPE

指示卡片的单按钮列类型。

CARD_TYPE

public static final int CARD_TYPE

表示卡片列类型。

CONTENT_TYPE

public static final int CONTENT_TYPE

指示内容列类型。

CUSTOM_TYPE

public static final int CUSTOM_TYPE

表示自定义列类型。

DIALOG_TYPE

public static final int DIALOG_TYPE

指示对话框列类型。

此列类型可根据窗口大小和窗口宽高比自动适配为四种子类型:

  • 窗口尺寸 < 12 和窗口宽高比 > 9:16
  • 窗口尺寸 < 12 和窗口宽度/高度比 <= 9:16
  • 窗口大小 >= 12 和窗口宽高比 > 9:16
  • 窗口大小 >= 12 和窗口宽度/高度比 <= 9:16

DOUBLE_BUTTON_TYPE

public static final int DOUBLE_BUTTON_TYPE

指示双按钮列类型。

LARGE_BOTTOMTAB_TYPE

public static final int LARGE_BOTTOMTAB_TYPE

指示大底部选项卡(即具有三个以上项目的底部选项卡)的列类型。

LARGE_TOOLBAR_TYPE

public static final int LARGE_TOOLBAR_TYPE

指示大工具栏的列类型(即具有四个或固定项的工具栏)。

MENU_TYPE

public static final int MENU_TYPE

指示菜单列类型。

SINGLE_BUTTON_TYPE

public static final int SINGLE_BUTTON_TYPE

指示单按钮列类型。

SMALL_BOTTOMTAB_TYPE

public static final int SMALL_BOTTOMTAB_TYPE

指示底部小选项卡(即具有三个或更少项目的底部选项卡)的列类型。

SMALL_TOOLBAR_TYPE

public static final int SMALL_TOOLBAR_TYPE

指示小工具栏(即具有两个或三个项目的工具栏)的列类型。

TOAST_TYPE

public static final int TOAST_TYPE

表示 toast 列类型。

构造函数详细信息

ColumnSystem

public ColumnSystem(Context context)

用于创建默认 ColumnSystem 实例的构造函数。

参数:

参数名称参数描述
context指示应用程序上下文。

ColumnSystem

public ColumnSystem(Context context, int columnType)

创建指定列类型的 ColumnSystem 实例。

参数:

参数名称参数描述
context指示应用程序上下文。
columnType表示列类型。

方法详情

getTotalColumnCount

public int getTotalColumnCount()

获取当前列系统中的总列数。

返回:

返回当前列系统中的总列数。

getSuggestedWidth

public int getSuggestedWidth()

获取当前列类型的宽度。

当您使用 ColumnSystem(ohos.app.Context) 创建 ColumnSystem 实例时,返回值是默认列类型的宽度。 当您使用 ColumnSystem(ohos.app.Context,int) 创建 ColumnSystem 实例时,返回值是指定列类型的宽度。 对于使用宽度范围的列类型,例如 ColumnSystem.SINGLE_BUTTON_TYPE,返回值为最小宽度。

返回:

返回当前列类型的宽度。

getColumnWidth

public float getColumnWidth(int columnCount)

获取指定列数的总宽度。

参数:

参数名称参数描述
columnCount表示列数。

返回:

返回指定列数的总宽度。 例如,值 6 表示六列和五个装订线的总宽度。

getColumnType

public int getColumnType()

获取当前列系统的列类型。

返回:

返回当前列系统的列类型。

setColumnType

public void setColumnType(int columnType)

设置当前列系统的列类型。

参数:

参数名称参数描述
columnType表示列类型。

getMargin

public int getMargin()

获取列系统的边距宽度。

返回:

返回列系统的边距宽度。

getGutter

public int getGutter()

获取列系统的间距宽度。

返回:

返回列系统的装订线宽度。

getMinColumnWidth

public int getMinColumnWidth()

获取指定列类型的最小列宽。

返回:

如果指定的列类型(例如 ColumnSystem.SINGLE_BUTTON_TYPE)使用宽度范围,则返回最小列宽; 如果指定的列类型使用固定宽度,则返回固定值。

getMaxColumnWidth

public int getMaxColumnWidth()

获取指定列类型的最大列宽。

返回:

如果指定的列类型(例如 ColumnSystem.SINGLE_BUTTON_TYPE)使用宽度范围,则返回最大列宽; 如果指定的列类型使用固定宽度,则返回固定值。

updateConfiguration

public int updateConfiguration(Context context)

设置柱系统的有效区域以完成窗口。

参数:

参数名称参数描述
context指示应用程序上下文。

返回:

设置成功则返回当前列类型使用的列宽; 如果设置失败,则返回之前的值。

updateConfiguration

public int updateConfiguration(int width, int height, float density)

将柱系统的有效区域设置为部分窗口。

参数:

参数名称参数描述
width表示有效区域的宽度。
height表示有效区域的高度。
density表示有效区域的屏幕密度。 通常,密度的值与设备上的值相同。

返回:

设置成功则返回当前列类型使用的列宽; 如果设置失败,则返回之前的值。

文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/183876.html<

(0)
运维的头像运维
上一篇2025-03-28 15:12
下一篇 2025-03-28 15:13

相关推荐

  • 个人主题怎么制作?

    制作个人主题是一个将个人风格、兴趣或专业领域转化为视觉化或结构化内容的过程,无论是用于个人博客、作品集、社交媒体账号还是品牌形象,核心都是围绕“个人特色”展开,以下从定位、内容规划、视觉设计、技术实现四个维度,详细拆解制作个人主题的完整流程,明确主题定位:找到个人特色的核心主题定位是所有工作的起点,需要先回答……

    2025-11-20
    0
  • 社群营销管理关键是什么?

    社群营销的核心在于通过建立有温度、有价值、有归属感的社群,实现用户留存、转化和品牌传播,其管理需贯穿“目标定位-内容运营-用户互动-数据驱动-风险控制”全流程,以下从五个维度展开详细说明:明确社群定位与目标社群管理的首要任务是精准定位,需明确社群的核心价值(如行业交流、产品使用指导、兴趣分享等)、目标用户画像……

    2025-11-20
    0
  • 香港公司网站备案需要什么材料?

    香港公司进行网站备案是一个涉及多部门协调、流程相对严谨的过程,尤其需兼顾中国内地与香港两地的监管要求,由于香港公司注册地与中国内地不同,其网站若主要服务内地用户或使用内地服务器,需根据服务器位置、网站内容性质等,选择对应的备案路径(如工信部ICP备案或公安备案),以下从备案主体资格、流程步骤、材料准备、注意事项……

    2025-11-20
    0
  • 如何企业上云推广

    企业上云已成为数字化转型的核心战略,但推广过程中需结合行业特性、企业痛点与市场需求,构建系统性、多维度的推广体系,以下从市场定位、策略设计、执行落地及效果优化四个维度,详细拆解企业上云推广的实践路径,精准定位:明确目标企业与核心价值企业上云并非“一刀切”的方案,需先锁定目标客户群体,提炼差异化价值主张,客户分层……

    2025-11-20
    0
  • PS设计搜索框的实用技巧有哪些?

    在PS中设计一个美观且功能性的搜索框需要结合创意构思、视觉设计和用户体验考量,以下从设计思路、制作步骤、细节优化及交互预览等方面详细说明,帮助打造符合需求的搜索框,设计前的规划明确使用场景:根据网站或APP的整体风格确定搜索框的调性,例如极简风适合细线条和纯色,科技感适合渐变和发光效果,电商类则可能需要突出搜索……

    2025-11-20
    0

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注