美文网首页
01 图片轮播制作步骤

01 图片轮播制作步骤

作者: Adagou | 来源:发表于2018-11-28 14:25 被阅读0次

    方法一:动态面板+选项组

    步骤一:添加图片部件,双击部件,添加图片,转图片部件为动态面板,命名为【相册】。如图:

    image
    步骤二:增加四个状态,更改每个状态中的图片。
    步骤三:添加四个指示器,设置他们为选项组
    image
    buzh
    步骤四:为选线组添加选中时的状态。
    步骤五:在动态版本【相册】的 【载入时】添加case1,设置,载入时,相册循环改变状态,如图:
    image
    步骤六:给动态版本【相册】的【状态改变时】时间添加case,设置当动态版本的状态为state 1/2/3/4时候,指示器中的 1/2/3/4 位选中状态。

    步骤七:记得设置指示器中的1 为选中状态。预览,基本的轮播状态完成。如果有其他需求可以直接在上面添加,比如鼠标移动到【相册】动态面板上暂停移动、鼠标移动到指示器上,切换动态面板状态等。

    相关文章

      网友评论

          本文标题:01 图片轮播制作步骤

          本文链接:https://www.haomeiwen.com/subject/tkwaqqtx.html