當前位置:編程學習大全網 - 站長素材 - Axure怎麽制作拖拽照片交互墻效果?

Axure怎麽制作拖拽照片交互墻效果?

使用鼠標進行拖拽圖片,並且支持圖片大圖預覽。這樣的壹個原型,在Axure原型軟件裏面怎麽制作呢?可能很多新手小夥伴比較感興趣,因此下面將詳細的以圖文教程形式教壹教大家怎麽操作!對於準備自學或者正在自學Axure的小夥伴,那麽我建議妳學習體驗的Axure自學視頻課,0基礎到案例實操,全面學習~

Axure制作拖拽照片交互墻效果教程:

壹、效果預覽二、準備元件

中繼器:存放向圖片素材

圖片元件:加載圖片

動態面板:拖拽效果使用

三、實現步驟步驟壹

添加壹個中繼器,設置中繼器數量項的字段名稱。壹列壹張圖片導入,字段名稱不能重復了,如圖:

中繼器圖片導入完成後,開始給圖片賦值。選中圖片元件,添加動作“設置圖片”,Default默認為值。

點擊fx進入函數選擇。這邊必須要選擇對應中繼器的字段名稱,確定保存元件交互即可(像這樣多復制幾個圖片修改對應的中繼器字段即可)。

把設置好交互的圖片元件轉為動態面板,進行面板拖拽交互設置,設置如下圖:

步驟二

設置鼠標點擊彈窗效果。同樣的,我們需要進入需要設置交互的圖片元件中,添加鼠標點擊事件進行設置。顯示效果,這邊選擇了燈箱效果,就是背景虛化效果,但然妳們也可以試試其他幾個試試。

繼續設置圖片彈窗放大圖片的值,跟上面圖片賦值方式差不多,只是選擇的圖片對象不壹樣。

以上就是關於“Axure怎麽制作拖拽照片交互墻效果?”的全部精彩內容分享了,希望妳能從中有所收獲哦!如果覺得壹篇文章不夠盡興,那麽Axure相關文章可別錯過!總而言之,學習道路,單壹知識是很難成就自我全面發展的!想要全面精通擅長壹個技能,那麽學習也得全面!來,全面學習Axure,綜合獲取知識點,快速有效促成獨立自主原型設計~

  • 上一篇:Pr怎麽導出視頻啊?
  • 下一篇:怎麽在PS中制作九宮格照片效果?
  • copyright 2024編程學習大全網