免费人成动漫在线播放r18-免费人成观看在线网-免费人成黄页在线观看日本-免费人成激情视频在线观看冫-jlzzjlzz亚洲大全-jlzzjlzz亚洲日本

二維碼
企資網(wǎng)

掃一掃關(guān)注

當(dāng)前位置: 首頁 » 企資頭條 » 專題 » 正文

Axure高保真教程_為什么片列表

放大字體  縮小字體 發(fā)布日期:2022-11-27 19:56:39    作者:江昭騏    瀏覽次數(shù):57
導(dǎo)讀

導(dǎo)讀:支持列表是常用得展示方式,所以今天感謝作者分享就和大家分享,在Axure里如何用中繼器制作一個能夠查看大圖得支持列表。一、制作完成后應(yīng)具備以下效果鼠標(biāo)移入支持時,支持有有一個放大縮小得效果鼠標(biāo)單擊支

導(dǎo)讀:支持列表是常用得展示方式,所以今天感謝作者分享就和大家分享,在Axure里如何用中繼器制作一個能夠查看大圖得支持列表。

一、制作完成后應(yīng)具備以下效果

鼠標(biāo)移入支持時,支持有有一個放大縮小得效果

鼠標(biāo)單擊支持時,顯示對應(yīng)支持得大圖,感謝閱讀空白地方隱藏大圖

制作完成后,再次使用時,僅需要在中繼器表格內(nèi)導(dǎo)入支持,自動生成交互效果

原型地址:感謝分享2a9rvm.axshare感謝原創(chuàng)分享者/#g=1

二、制作材料準(zhǔn)備

制作得原型得元件包括:中繼器、支持元件,動態(tài)面板。

1. 中繼器內(nèi)部元件

我們首先添加一個中繼器原件,講中繼器內(nèi)部自帶得矩形刪除,然后在中繼器放置一個支持元件,案例中支持寬為200,高為200,這里根據(jù)你需要展示得支持比例設(shè)置即可。完成后鼠標(biāo)右鍵將支持轉(zhuǎn)為動態(tài)面板,后續(xù)需要通過動態(tài)面板做移入放大縮小得效果,這里動態(tài)面板需要取消自適應(yīng)內(nèi)容。

中繼器表格表格第壹列我們可以改名為picture,在下面表格里鼠標(biāo)右鍵導(dǎo)入支持,或者直接復(fù)制粘貼支持進去即可。

2. 中繼器外部元件

外部只需要一個支持得元件,這個支持是大圖,支持大小自己設(shè)定即可,寬和高得比例應(yīng)該和中繼器里得支持得比例一致,案例中是寬500,高500。然后我們需要將大圖轉(zhuǎn)為動態(tài)面板,然后固定在瀏覽器中部,默認(rèn)隱藏。

三、交互制作1. 中繼器每項加載時交互

中繼器每項加載時,我們要把存放在中繼器表格里面得支持,設(shè)置到中繼器內(nèi)得支持元件。這里我們用設(shè)置支持得交互,選擇值==item.picture,設(shè)置完成后得效果如下圖所示

2. 鼠標(biāo)移入支持時交互

鼠標(biāo)移入支持時,我們希望對應(yīng)支持有個動態(tài)得縮放效果。我們通過設(shè)置尺寸得交互,將支持得尺寸先設(shè)置為原來得1.1倍,錨點在中部,設(shè)置尺寸得交互需要增加線性得動畫,動畫時間為500毫秒。再用等待得交互,等待動畫時間介紹,因為前面得動畫時間是500毫秒,所以這里也是等待500毫秒。最后我們再次用設(shè)置尺寸得交互,將支持大小還原,因為前面是放大了1.1倍,所以這里也是縮小1.1倍,同樣地,我們也給他增加一個線性得動畫,動畫時間為500毫秒。

3. 鼠標(biāo)單擊支持時交互

鼠標(biāo)感謝閱讀中繼器內(nèi)得支持時,我們用顯示得交互,將大圖得動態(tài)面板顯示,這里需要勾選燈箱效果,這樣感謝閱讀空白得地方大圖才會自動隱藏,燈箱得顏色為黑色,50%透明度。最后,我們還需要將鼠標(biāo)單擊支持得值傳到大圖里,這里支持得值其實就是保留在中繼器表格里picture列得值,所以我們設(shè)置大圖得值==item.picture

這樣我們就完成了中繼器支持列表放大支持得原型模板了,下次使用時,我們只需要導(dǎo)入支持即可自動生成交互,是不是很方便呢?感興趣得同學(xué)們可以動手試試哦。

那本期得教程就到此為止了,感謝您得閱讀,我們下期見,88~

感謝由 等AI產(chǎn)品人 來自互聯(lián)網(wǎng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止感謝

題圖來自Unsplash,基于CC0協(xié)議

 
(文/江昭騏)
打賞
免責(zé)聲明
本文為江昭騏推薦作品?作者: 江昭騏。歡迎轉(zhuǎn)載,轉(zhuǎn)載請注明原文出處:http://www.bangpiao.com.cn/news/show-311633.html 。本文僅代表作者個人觀點,本站未對其內(nèi)容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內(nèi)容,一經(jīng)發(fā)現(xiàn),立即刪除,作者需自行承擔(dān)相應(yīng)責(zé)任。涉及到版權(quán)或其他問題,請及時聯(lián)系我們郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2023 - 企資網(wǎng) 48903.COM All Rights Reserved 粵公網(wǎng)安備 44030702000589號

粵ICP備16078936號

微信

關(guān)注
微信

微信二維碼

WAP二維碼

客服

聯(lián)系
客服

聯(lián)系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: 欧美日韩国产免费一区二区三区 | 免费成人短视频 | 亚洲免费网址 | 免费在线观看一级毛片 | 制服丝袜中文字幕在线观看 | 成人福利在线视频 | 日韩成人免费在线视频 | 永久免费看 | 国产高清不卡视频在线播放 | 中国性猛交xxxxx免费看 | 国产成人精品免费视频网页大全 | 日韩在线观看中文字幕 | 成人在线视频播放 | 夜夜爱夜夜操 | aaa成人永久在线观看视频 | 99ri视频 | 成人激情黄色 | 男女啪啪免费体验区 | 成年人黄视频 | 男人下身进女人阳道视频 | 欧美精品一区二区久久 | 青青草色 | 日韩伦理片在线观看光棍影院 | 一级黄色在线视频 | 在线观看黄色毛片 | 日本漫画工囗全彩内番怀孕 | 看毛片看毛片 | 亚洲成年人免费网站 | 香蕉视频404 | 在线观看午夜视频 | 永久在线视频 | 午夜在线观看免费影院 | 亚洲天堂视频在线免费观看 | 日韩中文字幕不卡 | 精品九九视频 | 国产精品 视频一区 二区三区 | 欧美成人三级一区二区在线观看 | 一级特黄牲大片免费视频 | 日日操网 | 一级做a爰片久久毛片武则天 | 免费的色视频 |