预览：扩展效果示例

源文件: 扩展效果源文件

如何制作：

    1. 增加动态面板”显示区域”,设定好相应的宽和高，本示例以240X320的常见手机分辨率为总显示区域，此动态面板略小于此区域。

    此动态面板主要用来控制显示区域，避免在扩展时内容超出了显示区域；如果是web网页，则可以省略此面板。

    2. 增加动态面板”首条”，设置两个状态，分别放置第一条信息的收缩和扩展状态,默认为收缩状态

    3. 增加动态面板”列表”，设置一个状态，放置短信列表，位置放置在”首条”面板的下方

    4.进行展开效果设置，针对”首条”面板的”短信缩略”状态，设置动作，将动作设置为两个:

      a.设定状态切换为”短信详情”

      b.将”列表”面板下移一定位置，实现扩展效果

    5.进行收缩效果设置，针对”首条”面板的”短信详情”状态，设置动作，将动作设置为两个：

      a.设定状态为”短信缩略”

      b.将”列表”面板上移到原位置，实现收缩效果

(完)

打印  |  类别：设计之外  |  源地址