這次為大家分享的是圖片的懸浮放大及左右滑動切換兩種交互效果

預(yù)覽地址：https://89nm5z.axshare.com
下載地址：https://download.csdn.net/download/weixin_43516258/86838775
一、懸浮放大效果

1、制作元件

拖入兩個【動態(tài)面板】元件，設(shè)置兩張圖片

2、設(shè)置交互

點擊其中一個動態(tài)面板，選擇圖片，設(shè)置圖片的【鼠標移入時】事件和圖片的【鼠標移出時】事件

同理設(shè)置另一張圖片的【鼠標移入時】事件和圖片的【鼠標移出時】事件

圖片放大倍數(shù)根據(jù)設(shè)計需要設(shè)定，此案例為放大圖片1.2倍

二、左右滑動切換

1、制作元件

拖入【動態(tài)面板】元件，命名為”圖片“，點擊進入后拖入【動態(tài)面板】元件，命名為”拖入層“

點擊進入設(shè)置圖片，左側(cè)圖片命名為”左圖“，圖片大小設(shè)置為200200；中間圖片命名為”中間“，圖片大小設(shè)置為230230；右側(cè)圖片命名為”右圖“，圖片大小設(shè)置為200*200

2、設(shè)置交互

選擇動態(tài)面板【圖片】，設(shè)置【拖動時】事件

選擇動態(tài)面板【圖片】，設(shè)置【拖動結(jié)束時】事件

設(shè)置變量LVAR1為元件拖動層，

根據(jù)動態(tài)面板【拖動層】的x數(shù)值進行判斷設(shè)置

總結(jié)

以上是生活随笔為你收集整理的Axure8 教程：两种图片交互效果（悬浮放大和左右滑动切换）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。