Categories: CrossApp 教程

CrossApp控件:DLayout(自适应布局)

类说明

DLayout自适应布局。

DLayout 属性(点击属性名可查看属性介绍)

属性 说明
horizontal 水平方向
vertical 垂直方向
DHorizontalLayoutZero 水平方向清零
DVerticalLayoutZero 垂直方向清零
DLayoutZero Layout 清零
DHorizontalLayoutFill 水平方向塞满
DVerticalLayoutFill 垂直方向塞满
DLayoutFill 塞满

DLayout 方法(点击属性名可查看属性介绍)

方法 说明
DHorizontalLayout_L_R 设置水平方向 左侧边距和右侧边距
DHorizontalLayout_L_W 设置水平方向 左侧边距和宽度
DHorizontalLayout_L_C 设置水平方向 左侧边距和中心点
DHorizontalLayout_R_W 设置水平方向 右侧边距和宽度
DHorizontalLayout_R_C 设置水平方向 右侧边距和中心点
DHorizontalLayout_W_C 设置水平方向 宽度和中心点
DVerticalLayout_T_B 设置垂直方向 上边距和下边距
DVerticalLayout_T_H 设置垂直方向 上边距和高度
DVerticalLayout_T_C 设置垂直方向 上边距和中心点
DVerticalLayout_B_H 设置垂直方向 下边距和高度
DVerticalLayout_B_C 设置垂直方向 下边距和中心点
DVerticalLayout_H_C 设置垂直方向 高度和中心点

DHorizontalLayout 属性(点击属性名可查看属性介绍)

属性 说明
left 左侧边距
right 右侧边距
width 宽度
center 中心点

DVerticalLayout 属性(点击属性名可查看属性介绍)

属性 说明
top 上边距
bottom 下边距
height 高度
center 中心点

使用介绍

//DLayout 相对于this->getView() 内缩50DP
CAView * LayoutView = CAView::createWithColor(CAColor_blue);
LayoutView->setLayout(DLayout(DHorizontalLayout_L_R(50, 50), DVerticalLayout_T_B(50, 50)));
this->getView()->addSubview(LayoutView);
 
//DLayout 塞满this->getView()
CAView * LayoutView = CAView::createWithColor(CAColor_blue);
LayoutView->setLayout(DLayoutFill);
this->getView()->addSubview(LayoutView);
 
//DLayout 宽高为300,在this->getView()中心
CAView * LayoutView = CAView::createWithColor(CAColor_blue);
LayoutView->setLayout(DLayout(DHorizontalLayout_W_C(300, 0.5), DVerticalLayout_H_C(300, 0.5)));
this->getView()->addSubview(LayoutView);

CALayout 属性说明

horizontal

类型:DHorizontalLayout

解释:水平方向

vertical

类型:DVerticalLayout

解释:垂直方向

DHorizontalLayoutZero

类型:DHorizontalLayout

解释:水平方向L、R、W、C清零

DVerticalLayoutZero

类型:DVerticalLayout

解释:垂直方向T、B、H、C清零

DLayoutZero

类型:DLayoutZ

解释:Layout L、R、W、T、B、H、C清零

DHorizontalLayoutFill

类型:DHorizontalLayout

解释:水平方向塞满

DVerticalLayoutFill

类型:DVerticalLayout

解释:垂直方向塞满

DLayoutFill

类型:DLayout

解释:塞满

CALayout 方法说明

static inline DHorizontalLayout DHorizontalLayout_L_R(float left, float right);

返回值: DHorizontalLayout

参数:

类型 参数名 说明
float left 左侧边距
float right 右侧边距

解释:设置水平方向 左侧边距和右侧边距

static inline DHorizontalLayout DHorizontalLayout_L_W(float left, float width);

返回值: DHorizontalLayout

参数:

类型 参数名 说明
float left 左侧边距
float width 宽度

解释:设置水平方向 左侧边距和宽度

static inline DHorizontalLayout DHorizontalLayout_L_C(float left, float center);

返回值: DHorizontalLayout

参数:

类型 参数名 说明
float left 左侧边距
float center 中心点

解释:设置水平方向 左侧边距和中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

static inline DHorizontalLayout DHorizontalLayout_R_W(float right, float width);

返回值: DHorizontalLayout

参数:

类型 参数名 说明
float right 左侧边距
float width 宽度

解释:设置水平方向 右侧边距和宽度

static inline DHorizontalLayout DHorizontalLayout_R_C(float right, float center);

返回值: DHorizontalLayout

参数:

类型 参数名 说明
float right 左侧边距
float center 中心点

解释:设置水平方向 右侧边距和中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

static inline DHorizontalLayout DHorizontalLayout_W_C(float width, float center);

返回值: DHorizontalLayout

参数:

类型 参数名 说明
float width 宽度
float center 中心点

解释:设置水平方向 宽度和中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

static inline DVerticalLayout DVerticalLayout_T_B(float top, float bottom);

返回值: DVerticalLayout

参数:

类型 参数名 说明
float top 上边距
float bottom 下边距

解释:设置垂直方向 上边距和下边距

static inline DVerticalLayout DVerticalLayout_T_H(float top, float height);

返回值: DVerticalLayout

参数:

类型 参数名 说明
float top 上边距
float height 宽度

解释:设置垂直方向 上边距和宽度

static inline DVerticalLayout DVerticalLayout_T_C(float top, float center);

返回值: DVerticalLayout

参数:

类型 参数名 说明
float top 上边距
float center 中心点

解释:设置垂直方向 上边距和中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

static inline DVerticalLayout DVerticalLayout_B_H(float bottom, float height);

返回值: DVerticalLayout

参数:

类型 参数名 说明
float bottom 下边距
float height 宽度

解释:设置垂直方向 下边距和宽度

static inline DVerticalLayout DVerticalLayout_B_C(float bottom, float center);

返回值: DVerticalLayout

参数:

类型 参数名 说明
float bottom 下边距
float center 中心点

解释:设置垂直方向 下边距和中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

static inline DVerticalLayout DVerticalLayout_H_C(float height, float center);

返回值: DVerticalLayout

参数:

类型 参数名 说明
float height 高度
float center 中心点

解释:设置垂直方向 高度和中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

 

DHorizontalLayout 属性说明

left

类型:float

解释:Layout 水平方向左侧边距(单位DP)

right

类型:float

解释:Layout 水平方向右侧边距(单位DP)

width

类型:float

解释:Layout 水平方向宽度(单位DP)

center

类型:float

解释:Layout 水平方向中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

 

DVerticalLayout 属性说明

top

类型:float

解释:Layout 垂直方向上边距(单位DP)

bottom

类型:float

解释:Layout 垂直方向下边距(单位DP)

height

类型:float

解释:Layout 垂直方向高度(单位DP)

center

类型:float

解释:Layout 垂直方向中心点(中心点的float为当前屏幕的比例。如果想在屏幕水平方向的中间设置为0.5即可)

冒牌SEO

前端开发者,欢迎大家一起沟通和交流。

Share
Published by
冒牌SEO

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

8 小时 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

1 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago