codecamp

DLayout(自适应布局)

类说明

DLayout自适应布局。


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

属性
说明
horizontal水平方向
vertical垂直方向
DHorizontalLayoutZero水平方向清零
DVerticalLayoutZero垂直方向清零
DLayoutZeroLayout 清零
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 属性说明

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

参数:

类型参数名说明
floatleft左侧边距
floatright右侧边距

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


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

返回值: DHorizontalLayout

参数:

类型参数名说明
floatleft左侧边距
floatwidth宽度

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


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

返回值: DHorizontalLayout

参数:

类型参数名说明
floatleft左侧边距
floatcenter中心点

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


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

返回值: DHorizontalLayout

参数:

类型参数名说明
floatright左侧边距
floatwidth宽度

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


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

返回值: DHorizontalLayout

参数:

类型参数名说明
floatright左侧边距
floatcenter中心点

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


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

返回值: DHorizontalLayout

参数:

类型参数名说明
floatwidth宽度
floatcenter中心点

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


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

返回值: DVerticalLayout

参数:

类型参数名说明
floattop上边距
floatbottom下边距

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


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

返回值: DVerticalLayout

参数:

类型参数名说明
floattop上边距
floatheight宽度

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


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

返回值: DVerticalLayout

参数:

类型参数名说明
floattop上边距
floatcenter中心点

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


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

返回值: DVerticalLayout

参数:

类型参数名说明
floatbottom下边距
floatheight宽度

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


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

返回值: DVerticalLayout

参数:

类型参数名说明
floatbottom下边距
floatcenter中心点

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


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

返回值: DVerticalLayout

参数:

类型参数名说明
floatheight高度
floatcenter中心点

解释:设置垂直方向 高度和中心点(中心点的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即可)

Mac OS 下iOS移植android环境配置
CALabel(显示文本)
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

四、调用系统支持

八、宏定义

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }