反应动作

由触发动作引起的反应动作在ProtoPie被称为反应模块。和不同的触发模块组合时,反应模块的属性也会发生变化。 具体如下:

移动

图层位置发生移动。

移动

图层移动到的坐标位

大小

图层尺寸发生变化。

大小

调整图层大小的宽度和高度。(调整容器层大小时,容器层里面图层的大小不会跟随变化)

缩放比例

按照百分比%调整图层的大小。(调整容器层大小时,容器层里面图层的大小会跟随变化)

旋转

图层发生平面旋转。

绝对旋转

绝对值;图层旋转到指定角度。

相对旋转

相对值;图能以当前位置为基准旋转的角度。

方向

图层移动的方向。

3D旋转

图层发生3D立体旋转。

绝对旋转

绝对值;图层旋转到指定角度。

相对旋转

相对值;图能以当前位置为基准旋转的角度。

方向

图层移动的方向。

中心点

图层大小或位置等变化时的基准点。

透视深度

图层离屏幕的距离。

透明度

图层的透明度发生变化。

改变至

图层的透明度发生变化

颜色

图层颜色发生变化

改变至

更改图层的填充色

边框

更改图层的边框色

阴影

更改图层的阴影色

阴影

向图层添加阴影并调整阴影的颜色以及其它相关值

阴影

向图层添加阴影并调整阴影的颜色以及其它相关值

边框

向图层添加边框并调整边框位置以及颜色

边框

向图层添加边框并调整边框位置以及颜色

圆角

图层圆角度发生变化。

改变至

图层圆角度发生变化

滚页

长图在水平或竖直方向上滚动。

滚页

滚动图层到指定位置。

排序

图层的层级发生变化。

排序

改变图层的排列顺序。

转场

从一个场景跳转到另一个场景

场景

要跳转到的某一既定场景

转场效果

当跳转到某一场景时要呈现的切换效果

重置被选场景

当跳转到所设场景时,该场景会被重置。如果未启用此选项,场景将停留在其最后的状态上。

播放

针对视频图层的交互动作。有播放、暂停、跳至指定时间等功能。

演示

播放视频

暂停

暂停视频

跳至

跳转至指定时间点。以(分钟:秒)的形式输入指定时间点即可。

文本

可使用文本反应动作更改文本属性或内容,且该反应动作没有持续时间这一概念。

改变为

文本内容发生变化。

大小

文字大小发生变化。

字重

文字粗细发生变化。

对齐

文字的上、下、左、右对齐发生变化。

间距

文字的行间距离发生变化。

停止

如进度条等交互一样,动作进行途中可使动作停下来的反应方式。

发送

发送反应使设备间的交互成为可能。发送反应必需同接收触发搭配使用,无法自行调用。当一个具有接收触发的设备接收到来自另一设备通过发送反应所发送的信息时,接收后的交互动作就会被触发。两台设备上所接收发的信息应一致。 此外,在同一场景中,如需制作让不同的触发方式触发相同的反应效果时,使用"发送"和"接收"可以减少重复步骤的设置。

渠道 [Component]

在组件内可以使用发送反应动作来发送消息,并在组件外使用接收触发动作来接收该消息,反之亦然。参见组件获取更多相关信息。

渠道[ProtoPie Studio]

连接上ProtoPie Studio的设备之间可以发送和接收消息。通过使用"发送"及"接收"动作,两个或两个以上的设备间可以进行交互。

渠道[Android Broadcast]

安卓上的App可以与外部硬件设备进行交互,详情请点击此处查看

渠道[当前场景]

场景内可以收发消息。当不同的触发方式都可以触发相同的反应效果时,使用"发送"和"接收"可以减少重复步骤的设置。

信息

信息指的是被传送的字符串。当接收设备上的接收触发内所设的信息与发送反应中携带的信息一致时,设备间的交互就会发生。

赋值给变量

允许在传送信息的同时传送一个值,在接收信息时该值就可以被用于给某一变量赋值。

振动

可使用基本的振动及安卓、iOS中所支持的振动反馈(Haptic Feedback)功能。在谷歌的开发者文档及苹果的人机界面指南中可以找到各种振动反馈的说明和例子。

iOS
  • 默认: 基本的振动功能。

  • Notification - Success: 存款或车辆解锁等动作或任务完成时振动。

  • Notification - Warning: 存款或车辆解锁等动作或任务发生警告时振动。

  • Notification - Failure: 存款或车辆解锁等动作或任务失败时振动。

  • Impact - Light/Medium/Heavy: 为补充视觉感受而提供的物理性振动效果。例如某个对象回到原位或两个对象发生冲突时表现出类似"咚"一下的物理性振动效果。

  • Selection - Selection: 选择项发生变更时产生振动。例如使用者滚动滚轮控件时就会产生轻微振动的效果。此振动反馈并不适用于点击选择或点击确认等单次性动作,而是作为持续性滚动动作的相应振动反馈更为合适。

Android
  • 默认: 基本的振动功能。

  • Keyboard Press: 使用者按下虚拟按键或软键盘中的键时产生相应振动。

  • Keyboard Tap: 使用者按下软键盘中的键时产生相应振动。

  • Long Press: 使用者长按某对象期间关联动作完成时产生相应振动。

  • Virtual Key: 使用者在屏幕上按下虚拟按键时产生相应振动。

光标

光标可以在"输入图层"上显示或消失。

光标出现

光标出现在选择的输入图层上。

光标消失

光标在选择的输入图层上消失。

赋值

变量的值去覆盖一个原有的值。点击这里可以看到使用"变量"和"赋值"触发制作的案例说明。

Link

通过指定URL Schemes的方式来打开网站或app。

URL

可以通过输入网址链接以在浏览器或iOS的app内置浏览器中访问网页,如:

  • e.g. https://protopie.io

  • e.g. https://www.google.com/search?q=protopie

URL Schemes允许在iOS以及安卓设备中打开系统app或第三方app。第三方app通常有其自定义的URL Schemes,如:

  • e.g. mailto:hello@protopie.io

  • e.g. tel:+1-212-555-1234

  • e.g. whatsapp://send?text=[[hello]]

  • e.g. fb://feed

  • e.g. slack://open?team={TEAM_ID}

表达式

可以通过输入表达式使链接反应的应用场景更广泛,如:

  • e.g. "https://www.google.com/search?q=" + `Input 1`.text

  • e.g. "https://www.amazon.com/s/field-keywords=" + `keyword`.text

相机

可操作相机图层的反应动作。

操作[开启]

启动摄像头,可选启动前置或后置摄像头。

操作[捕捉画面]

中止摄像头的运行。

相机[当前镜头]

启动上次所选择的摄像头。

相机[前置镜头]

启动前置摄像头。

相机[后置镜头]

启动后置摄像头。

相机[切换]

启动与上次所选的摄像头方向相反的摄像头。

重置反应动作

重置当前场景、图层或变量回到初始状态。选择场景时可将场景全部重置为初始状态,选择图层时可以快速制作如倒退效果的交互动作。

背景虚化

可以对位于下方的图层使用Apple iOS所定义的如下样式实施不同样式的背景虚化:

默认效果
  • Extra Light(超亮)

  • Light(明亮)

  • Dark(灰暗)

材质效果(明亮主题与灰暗主题)
  • Ultra Thin Material(超薄材质)

  • Thin Material(薄材质)

  • Material(一般材质)

  • Thick Material(厚材质)

  • Chrome Material(金属材质)

条件

当触发动作满足预设条件时,指定反应动作发生。‘条件’必需有触发动作的前提下,对该触发动作发生后,在哪种状态下执行哪些反应起到指示性的作用。

大于 >

特定图层的属性值大于某一数值时,发生反应动作。

大于等于 ≥

特定图层的属性值大于或等于某一数值时,发生反应动作。

小于 <

特定图层的属性值小于某一数值时,发生反应动作。

小于等于 ≤

特定图层的属性值小于或等于某一数值时,发生反应动作。

等于 =

特定图层的属性值等于某一数值时,发生反应动作。

不等于 ≠

特定图层的属性值不等于某一数值时,发生反应动作。