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

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

1、制作元件

拖入兩個【動態面板】元件，設置兩張圖片

2、設置交互

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

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

圖片放大倍數根據設計需要設定，此案例為放大圖片1.2倍

二、左右滑動切換

1、制作元件

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

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

2、設置交互

選擇動態面板【圖片】，設置【拖動時】事件

選擇動態面板【圖片】，設置【拖動結束時】事件

設置變量LVAR1為元件拖動層，

根據動態面板【拖動層】的x數值進行判斷設置

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。