拆分画面

您可以通过将画面区域等拆分为多个部分(如 2、4、9 等)来创建多画面显示。

在显示内容显示对象和最小化内容显示对象之间切换隐现动画后,均匀网格会在单个全屏和多个分屏显示之间自动调整内容显示对象的大小和位置

有关用于启用分屏显示的功能的信息,请参阅以下内容。

均匀网格

什么是动画?

设置了隐现动画时的操作

示例操作

触摸 Content1 上的开关可折叠其他内容,这样只会显示 Content1 的全部内容。再次触摸开关以重新显示所有内容并返回到拆分画面显示。

 

设置工作流程

  1. 添加变量
  2. 设置画面
  3. 设置内容画面
  4. 设置部件
  5. 绘制内容
  6. 设置脚本

 

添加变量

添加变量来存储内容显示对象 [隐现] 属性的值。

工程浏览器 : [变量] ➞ [全部变量]

添加以下变量。

[名称]

[数据类型]

Var1

[INT]

Var2

[INT]

Var3

[INT]

Var4

[INT]

设置画面

工程浏览器 : [画面设计] ➞ [画面]

添加以下画面。

画面属性:

[画面 ID]

[画面类型]

2

[均匀网格]

设置以下属性。

Target01 属性:

标签 子选项卡 属性  
[功能] [基本] [偏好] [初始画面 ID] 2

注: 设置此属性以在运行时启动后首先显示本设置示例中创建的分屏 (画面 ID: 2)。

设置内容画面

工程浏览器 : [画面设计] ➞ [内容]

添加以下内容。

[内容 ID]

[画面类型]

1

[查看框]

2

[查看框]

3

[查看框]

4

[查看框]
 

设置部件

工程浏览器 : [画面设计] ➞ [画面] ➞ [Screen2]

要定义颜色等画面设置,在文档视图中单击绘制区域并定义属性窗口中的设置。

均匀网格属性:

标签

属性

[基本]

[填充]

[值]

ID: (任何)

[行]

(初始值)

[列]

(初始值)

 

将以下对象从[工具箱]拖放到画面上。

内容显示对象 (名称: ContentDisplay1) 属性:

标签

子选项卡

属性

[功能]

[基本]

[内容 ID]

1

[形状]

[尺寸/位置]

[隐现]

[变量]

[名称]: Var1

内容显示对象 (名称: ContentDisplay2) 属性:

标签

子选项卡

属性

[功能]

[基本]

[内容 ID]

2

[形状]

[尺寸/位置]

[隐现]

[变量]

[名称]: Var2

内容显示对象 (名称: ContentDisplay3) 属性:

标签

子选项卡

属性

[功能]

[基本]

[内容 ID]

3

[形状]

[尺寸/位置]

[隐现]

[变量]

[名称]: Var3

内容显示对象 (名称: ContentDisplay4) 属性:

标签

子选项卡

属性

[功能]

[基本]

[内容 ID]

4

[形状]

[尺寸/位置]

[隐现]

[变量]

[名称]: Var4

 

绘制内容

在每个内容中放置一个开关,以在单个全屏和多个分屏显示之间切换。设置脚本来操作开关。

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content1]

将以下对象从[工具箱]拖放到 Content1 上。

开关对象 (名称: Switch1) 属性:

默认值

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content2]

将以下对象从[工具箱]拖放到 Content2 上。

开关对象(名称: Switch1)属性:

默认值

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content3]

将以下对象从[工具箱]拖放到 Content3 上。

开关对象(名称: Switch1)属性:

默认值

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content4]

将以下对象从[工具箱]拖放到 Content4 上。

开关对象(名称: Switch1)属性:

默认值

设置脚本

设置一个脚本,以在触摸其中一个内容显示对象上的开关时,在 0 (显示) 和 2 (最小化) 之间切换其他内容显示对象的 [隐现] 属性。

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content1]

设置以下用于对象的脚本。

[工具箱]中将脚本拖放到脚本编辑器。

 

Number

1

[触发条件] ➞ [触摸] ➞ [触摸]

2

[值] ➞ [画面对象]

3

[操作] ➞ [值更改]➞ [值更改]

4

[值] → [变量]

5

[值] → [常量]

 工程浏览器 : [画面设计] ➞ [内容] ➞ [Content2]

设置以下用于对象的脚本。

[工具箱]中将脚本拖放到脚本编辑器。

开关对象 (名称: Switch1) 脚本:

 

Number

1

[触发条件] ➞ [触摸] ➞ [触摸]

2

[值] ➞ [画面对象]

3

[操作] ➞ [值更改]➞ [值更改]

4

[值] → [变量]

5

[值] → [常量]
 

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content3]

设置以下用于对象的脚本。

[工具箱]中将脚本拖放到脚本编辑器。

开关对象 (名称: Switch1) 脚本:


Number

1

[触发条件] ➞ [触摸] ➞ [触摸]

2

[值] ➞ [画面对象]

3

[操作] ➞ [值更改]➞ [值更改]

4

[值] → [变量]

5

[值] → [常量]

 

工程浏览器 : [画面设计] ➞ [内容] ➞ [Content4]

设置以下用于对象的脚本。

[工具箱]中将脚本拖放到脚本编辑器。

开关对象 (名称: Switch1) 脚本:


Number

1

[触发条件] ➞ [触摸] ➞ [触摸]

2

[值] ➞ [画面对象]

3

[操作] ➞ [值更改]➞ [值更改]

4

[值] → [变量]

5

[值] → [常量]