B2B网络软件

标题: AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结 [打印本页]

---

作者: YYPOST群发软件    时间: 昨天 07:13
标题: AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结
AIWROK软件IOS苹果Ul-垂直容器[Vertical]方法小结

//方法小结，交流QQ群711841924

//第一个方法：addView添加子控件

var label = new Label();
label.setText("Hello World");

//第二个方法：removeView移除视图


var v = new Vertical();
v.removeView(0); // 移除第一个子控件


//第三个方法：clearAllViews清空所有视图


var v = new Vertical();
v.clearAllViews(); // 清空所有控件

//第四个方法：getViewCount 获取视图数量


var v = new Vertical();
int count = v.getViewCount(); // 获取子控件的数量




//第五个方法：setSpacing设置控件间隔

var v = new Vertical();
v.setSpacing(10); // 设置控件间隔为10



//第六个方法：setContainerSize设置容器大小



var v = new Vertical();
v.setContainerSize(400, 600); // 设置容器大小为400x600



//第七个方法：setBackgroundColor 设置背景颜色

var v = new Vertical();
v.setBackgroundColor(50, 100, 150); // 设置背景颜色




//第八个方法：setAlignment 设置对齐方式

var v = new Vertical();
v.setAlignment("center"); // 设置对齐方式为居中
/*
可选值如下：
- fill: 填充对齐
- left: 左对齐
- right: 右对齐
- top: 顶部对齐
- bottom: 底部对齐
- center: 居中对齐
默认值为 fill。
*/

ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 50px; padding-left: 50px;">

📌addView添加子控件

类别	详情说明
方法功能	向容器中添加一个子控件，多个控件会排列到一列当中
方法签名	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void addView(Object view)
返回值	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void
参数	- ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Object view ：要添加的子控件对象
案例	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">var v = new Vertical(); ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">var btn = new Button(); ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">v.addView(btn);

📌removeView移除视图

类别	详情说明
方法功能	根据指定索引移除容器中的子控件
方法签名	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void removeView(Int32 index)
返回值	ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Void （无返回值）
参数	- ingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif, "Segoe UI"; padding-right: 4px; padding-left: 4px; margin: 1px 3px; line-height: 1.1; word-break: break-all; font-size: 14px;">Int32 index ：要移除子控件的索引
案例	var v = new Vertical(); v.removeView(0); // 移除第一个子控件

📌clearAllViews清空所有视图

类别	详情说明
方法功能	移除容器中的所有子控件
方法签名	Void clearAllViews()
返回值	Void （无返回值）
参数	无
案例	var v = new Vertical(); v.clearAllViews(); // 清空所有控件

📌getViewCount 获取视图数量

类别	详情说明
方法功能	返回当前容器中的视图数量
方法签名	Int32 getViewCount()
返回值	Int32
参数	无
案例	var v = new Vertical(); int count = v.getViewCount(); // 获取子控件的数量

📌setSpacing设置控件间隔

类别	详情说明
方法功能	设置子控件之间的间隔
方法签名	Void setSpacing(Int32 spacing)
返回值	Void
参数	- Int32 spacing ：间隔值
案例	var v = new Vertical(); v.setSpacing(10); // 设置控件间隔为10

📌setContainerSize设置容器大小

类别	详情说明
方法功能	设置容器的宽度和高度
方法签名	Void setContainerSize(Int32 width, Int32 height)
返回值	Void
参数	- Int32 width ：容器宽度 - Int32 height ：容器高度
案例	var v = new Vertical(); v.setContainerSize(400, 600); // 设置容器大小为400x600

📌setBackgroundColor 设置背景颜色

类别	详情说明
方法功能	根据提供的 RGB 值设置容器的背景颜色
方法签名	Void setBackgroundColor(Int32 red, Int32 green, Int32 blue)
返回值	Void
参数	- Int32 red ：红色分量 - Int32 green ：绿色分量 - Int32 blue ：蓝色分量
案例	var v = new Vertical(); v.setBackgroundColor(50, 100, 150); // 设置背景颜色

📌setAlignment 设置对齐方式

类别	详情说明
方法功能	设置容器内控件的对齐方式，可选值包括 fill （填充对齐）、left （左对齐）、right （右对齐）、top （顶部对齐）、bottom （底部对齐）、center （居中对齐），默认值为 fill
方法签名	Void setAlignment(String alignment)
返回值	Void （无返回值）
参数	- String alignment ：对齐方式字符串，可选值： - fill ：填充对齐 - left ：左对齐 - right ：右对齐 - top ：顶部对齐 - bottom ：底部对齐 - center ：居中对齐 默认值为 fill
案例	var v = new Vertical(); v.setAlignment("center"); // 设置对齐方式为居中 /*可选值如下： - fill: 填充对齐 - left: 左对齐 - right: 右对齐 - top: 顶部对齐 - bottom: 底部对齐 - center: 居中对齐 默认值为 fill。 */

示例：

0:00/0:30

倍速

JavaScript

运行代码

复制代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

// 🔨Ul-垂直容器[Vertical]方法完整示例

// 方法小结，交流QQ群711841924

// 创建 TabView

var tab = new TabView();

// 设置标签页标题

tab.setTitles(["addView示例", "removeView示例", "其他方法示例"]);

// 显示 TabView，并在加载完成后执行回调函数

tab.show(function() {

printl("TabView 显示完成");

// ====================== 第一页：addView示例 ======================

var addViewDemo = new Vertical();

addViewDemo.setSpacing(10); // 设置控件间隔

addViewDemo.setBackgroundColor(240, 240, 240); // 设置背景颜色

// 创建说明标签

var titleLabel = new Label();

titleLabel.setText("addView方法演示");

addViewDemo.addView(titleLabel);

// 使用addView添加各种控件

var label1 = new Label();

label1.setText("这是第一个通过addView添加的标签");

addViewDemo.addView(label1);

var button1 = new Button();

button1.setText("这是通过addView添加的按钮");

button1.setColor(70, 130, 180);

button1.onClick(function() {

printl("第一页按钮被点击");

});

addViewDemo.addView(button1);

---

欢迎光临 B2B网络软件 (http://bbs.niubt.cn/)

Powered by Discuz! X3.2