容器组件

Form

用户向服务器请求数据,服务器返回的数据中包含 Form 参数,说明服务器返回了一个表单,表单中可以包含多个控件,所有的控件和数据都承载在表单中。 (继承自 Component 组件)

Form 属性

Attributes Type Default Description
id String 表单 id
title String 快虎移动 表单标题
layout String 布局(BoxLayoutY,BoxLayoutX)
padding int 2 指定边距,单位像素
itemPadding int 2 各组件之间的 Y 向间距,单位像素
refresh String 是否刷新界面
bgColor String 255255255 Form 背景颜色
message String 界面显示消息
home String false Form 表单是否显示底部标签栏

Form 方法

Method Return type parameter Description
addButton void 添加底部按钮,格式为 [Form.addButton.Operating_Operating
  • 组件支持 Android、iOS、Web

Form 示列

[Form]
id = "Form1"
title = "标题"
layout = "BoxLayoutY"
itemPadding = 2
padding = 2
message = "集团销售分析报表"
#home = true
# home属性,底部有标签栏

Component

Component 组件为基础组件

Component 属性(Attributes)

Attributes Type Default Description
id String 组件ID
width int -1 设置和读取实际显示的宽度的值,-1 代表未设置。除了数值外,可以设置百分比,例如 xx.width=20%
height int -1 设置和读取实际显示的宽度的值,-1 代表未设置。除了数值外,可以设置百分比,例如 xx.width=20%
alpha int -1 控件透明度,100为不透明、0为完全透明
scroll String true 当容器设置了高度时当前属性起作用,值为 true/false。默认为 true 为滚动,false 即自动扩展高度。高度未设置为-1
layout String BoxLayoutY BoxLayoutX、BoxLayoutY、Grid(例如 3 列为 Grid3,暂不支持)
bgColor String 255255255 组件背景色

Component 方法(Method)

Method Return type parameter Description
add void 格式为 c.add.组件 ID = true/false,true 为返回列表。
clear void 清除所有组件
remove void 参数为要移除的组件 移除某个组件
  • 组件支持 Android、iOS、Web

Container

Container 容器继承自 Component

Container 属性(Attributes)

Attributes Type Default Description
id String 组件ID
alpha int -1 控件透明度,100为不透明、0为完全透明
scroll String true 当容器设置了高度时当前属性起作用,值为 true/false。默认为 true 为滚动,false 即自动扩展高度。高度未设置为-1
layout String BoxLayoutY BoxLayoutX、BoxLayoutY、Grid(例如 3 列为 Grid3)
visiable Striing true 是否可见
bgColor Striing 255255255 背景色

Container 方法(Method)

Method Return type parameter Description
add String 格式为 c.add.组件 ID = true/false,true 为返回列表。
clear String 清除所有组件
remove String 参数为要移除的组件 移除某个组件
  • 组件支持 Android、iOS、Web

Container Description

BoxLayoutX 布局

所有组件都在组件一行排列,每个组件的高度都不受限制,根据宽度计算自适应,整个容器的高度为最高的组件的高度,所有组件的宽度都重新设置。已设置宽度值的宽度不变,当宽度为百分比时,根据容器宽度计算出宽度。当没有设置组件宽度时,把所有未设置的组件宽度=容器宽度-已有组件宽度(包括百分比),将调用 calWidth 方法获取到宽度值,然后根据所有未设置的宽度之和按各自占用百分比及未设置组件宽度比例重新设置宽度。无论什么情况,最后一个控件的宽度为总宽度-其他宽度之和。当只有一个控件时,该控件宽度为容器宽度,高度自适应。

BoxLayoutY 布局

所有组件都在容器中排列成一列,每个组件的宽度都是容器宽度,根据宽度计算组件高度。

Container 示列(Sample)

[Form]
id = "Form1"
title = "容器纵向布局"
layout = "BoxLayoutY"

[Form.Container_Container1]
bgColor = "255000000"
# 设置容器背景色
[Form.Container_Container1.LabelText_LaberText1]
label = "文本控件1"
[Form.Container_Container1.LabelText_LaberText2]
label = "文本控件2"
[Form.Container_Container1.LabelText_LaberText3]
label = "文本控件3"
[Form.Container_Container2]
[Form.Container_Container2.LabelText_LaberText4]
label = "文本控件4"
[Form.Container_Container2.LabelText_LaberText4]
label = "文本控件5"

GroupContainer

用户向服务器请求数据,服务器返回的数据中包含 GroupContainer 参数,说明是组容器,组容器中可以包含多个控件,使用组容器可以实现业务模块的分层显示。 (继承自 Container 容器)

GroupContainer 属性(Attributes)

Attributes Type Default Description
id String 组件ID
alpha int -1 控件透明度,100为不透明、0为完全透明
scroll String true 当容器设置了高度时当前属性起作用,值为 true/false。默认为 true 为滚动,false 即自动扩展高度。高度未设置为-1
layout String BoxLayoutY BoxLayoutX、BoxLayoutY、Grid(例如 3 列为 Grid3)

GroupContainer 方法(Method)

Method Return type parameter Description
add void 格式为 c.add.组件 ID = true/false,true 为返回列表。
clear void 清除所有组件
remove void 参数为要移除的组件 移除某个组件

GroupContainer Description

BoxLayoutX 布局

所有组件都在组件一行排列,每个组件的高度都不受限制,根据宽度计算自适应,整个容器的高度为最高的组件的高度,所有组件的宽度都重新设置。已设置宽度值的宽度不变,当宽度为百分比时,根据容器宽度计算出宽度。当没有设置组件宽度时,把所有未设置的组件宽度=容器宽度-已有组件宽度(包括百分比),将调用 calWidth 方法获取到宽度值,然后根据所有未设置的宽度之和按各自占用百分比及未设置组件宽度比例重新设置宽度。无论什么情况,最后一个控件的宽度为总宽度-其他宽度之和。当只有一个控件时,该控件宽度为容器宽度,高度自适应。

BoxLayoutY 布局 所有组件都在容器中排列成一列,每个组件的宽度都是容器宽度,根据宽度计算组件高度。

  • 组件支持 Android、iOS、Web

GroupContainer 示列(Sample)

[Form]
id = "Form1"
title = "容器纵向布局"
layout = "BoxLayoutY"
[Form.Container_Container1]
[Form.Container_Container1.LabelText_LabelText1]
label = "文本控件1"
[Form.Container_Container1.LabelText_LabelText2]
label = "文本控件2"
[Form.Container_Container1.LabelText_LabelText3]
label = "文本控件3"
[Form.Container_Container2]
[Form.Container_Container2.LabelText_LabelText4]
label = "文本控件4"
[Form.Container_Container2.LabelText_LabelText5]
label = "文本控件5"

TabContainer

用户向服务器请求数据,服务器返回的数据中包含 TabContainer 参数,说明是分页签,分页签中可以包含多个控件,使用分页签可以实现业务模块的分页显示 (继承自 Container 容器)

TabContainer 属性

Attributes Type Default Description
id String 组件ID
names String 标签名称,例如:标签 1、标签 2
activeTab int 1 当前设置和返回当前选择的 Tab 页
direction String top top\left\right\bottom,设置浮动图标浮动的位置
layout String BoxLayoutY 布局固定为 BoxLayoutY
isScroll String false 分页签是否可以滚动

TabContainer 方法

Method Return type parameter Description
clear void 清除所有分页签
remove void 参数为要移除的组件 移除某个分页签
  • 组件 index 属性为所在标签页

TabContainer 示列

[Form]
id = "Form1"
title = "TabContainer"
layout = "BoxLayoutY"

[Form.TabContainer_TabContainer1]
activeTab = 2
names = "标签1,标签2"
[Form.TabContainer_TabContainer1.LabelText_LaberText1]
label = "文本控件1"
index = 1
[Form.TabContainer_TabContainer1.LabelText_LaberText2]
label = "文本控件2"
index = 1
[Form.TabContainer_TabContainer1.LabelText_LaberText3]
label = "文本控件3"
index = 2
[Form.TabContainer_TabContainer1.LabelText_LaberText4]
label = "文本控件4"
index = 2
[Form.TabContainer_TabContainer1.LabelText_LaberText5]
label = "文本控件5"
index = 2
Copyright © 快虎信息 2019 all right reserved,powered by Gitbook该文件修订时间: 2019-03-23 23:12:48

results matching ""

    No results matching ""