JSRUN 用代码说话

DLayout(自适应布局)

编辑教程

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 中心点

使用介绍

示意图.jpg

//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 属性说明

horizonta 类型: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即可)
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟