亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

Axure-實現圖片連播效果

標簽:
設計
  1. 在元件库中选择“动态面板”,把其拉倒面板

  2. 在工作区双击动态面板,出现动态面板状态管理

  3. 添加状态(设计的有几种状态就添加多少)

  4. 添加完点击确定,在关键的右下侧会显示添加的状态,双击第一个轮播,会在工作模块中出现一个新的窗口,并含有一个篮框,此处轮播图片为例,在元件库中拉入到篮框中一个image,图片大小不能超过篮框大小

  5. 双击图片并选择一个图片,三个依此操作;
  6. 实现轮播
  7. 双击“站点地图”中的动态面板1,在工作面板下面的“页面交互”中点击“页面载入时”会弹出“用例编辑”框

  8. 在添加动作一列选择设置动态面板;在组织动作中会自动显示一条被添加的动作;在配置动作中选择动态面板1;同时在选择状态为:next,并勾选下面的两个选项,同时把时间改为2000,(如果想让图片轮播慢一点,可以增大时间)

  9. 点击确定,点击预览即可看到轮播;
  10. 分别在“元件管理”中双击每一个状态然后在每张对应的图片上添加对应显示的顺序,如图;添加3个矩形,表明当前显示的图片,三张图依次添加

  11. 在为每一张图片张的按钮添加动作
  12. 以第一张为例:选择第一张图片上的1,在左侧的“元件交互与说明”中点击“鼠标单击时”会弹出“用例编辑”对话框

  13. 在“添加动作”中选择“设置面板状态”;同时在组织动作,配置动作中会有相应的显示信息;在配置动作中勾选设置面板1state to 第一个轮播;选择状态为:第一个轮播

  14. 在“添加动作”选择等待,把时间改为2000

  15. 在添加动作选择动态面板,在配置动作中勾选相应的选项,选择状态为:Next,同时选择下面的两个选项

  16. 点击确定,依次对三个数字进行以上的12-15步骤;点击预览即可
點擊查看更多內容
12人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消