Page

简介

Page即页面,是柿饼M中最大、最基础的容器控件,它是必不可少的。所有的控件都是它的元素。

什么是page

Page属性

属性

公共属性

  • 控件类型

    默认 Page,且不可改动

  • 透明度

    设置背景颜色的透明度,范围: 0 ~ 255。也可以在背景颜色中设定。

    注:当背景图片的设定不为空时,将自动设置为 0。

调用属性

  • bindtouch

    绑定touch事件,如果设定值为onTouch时,当Page被触碰时,将调用JS脚本中Page对象中的onTouch函数。

进入动画效果

当调用pm.navigateTo()或者pm.redirectTo()时,将触发进入动画效果

  • 淡入淡出

    选项 :True/False。

    进入Page时,设定是否需要淡入淡出的动画效果。

  • 移动

    选项 :无/向左/向右/向上/向下。

    进入Page时,设定是否需要画面移动的动画效果。

  • 帧间隔(毫秒)

    设定整个动画效果中,每一帧之间的间隔时间,单位: 毫秒。

    如果淡入淡出为False 并且 移动为无时,帧间隔帧数的设定无效。

  • 帧数

    设定这个动画效果的帧数。总动画时间为 帧间隔*(帧数-1)。

退出动画效果

当调用pm.navigateBack时,将触发退出动画效果。

  • 淡入淡出

    选项 :True/False。

    退出Page时,设定是否需要淡入淡出的动画效果。

  • 移动

    选项 :无/向左/向右/向上/向下。

    退出Page时,设定是否需要画面移动的动画效果。

  • 帧间隔(毫秒)

    设定整个动画效果中,每一帧之间的间隔时间。如果淡入淡出为False 并且 移动为无时,帧间隔帧数的设定无效

  • 帧数

    设定这个动画效果的帧数。总动画时间为 帧间隔*(帧数-1)

图片

  • 背景图片

    设定Page的背景图片,不支持缩放,且居中显示。

外观

  • 背景颜色

    设定背景颜色,设定背景颜色的ARGB值。

    可打开颜色选择器,通过颜色选择器修改RGB值。

    Alpha值(即透明度),可以直接修改设定值 或 修改透明度的值。背景颜色的透明度与属性透明度的值会自动保持一致。

setData

  • setData 使用示例

    示例代码 注解
    this.setData({page1 : {page: this, item: 'Panels/panel1'}}) idpage1 的 Page 控件中添加自定义面板