Axure RP 8怎么設(shè)計圖片點(diǎn)贊功能的網(wǎng)頁原型?

在網(wǎng)上商店或者論壇上,都會有給某些東西或記錄進(jìn)行評論點(diǎn)贊。一般情況下,利用手形的方向代表點(diǎn)贊還是批評,手形向上代表點(diǎn)贊,向下的代表批評。下面利用一個實(shí)例說明這個功能,操作如下:
1、打開Axure RP 8軟件,在元件庫中找到圖片元件,拖一個到畫布上,如下圖所示:
2、在“Icons”中找到手形向上和手形向下的圖標(biāo),并拖動到圖片元件下方,如下圖所示:
3、選中圖片元件,導(dǎo)入外部圖片到圖片元件里;修改兩個手形填充色,分別為綠色和紅色,如下圖所示:
4、在兩個手形圖標(biāo)附近添加兩個輸入框,調(diào)整輸入框?qū)挾群臀恢?,如下圖所示:
5、選中手形向上的圖標(biāo),添加鼠標(biāo)單擊時用例;設(shè)置一個全局變量addData,并設(shè)置文本,如下圖所示:
6、選中變量右側(cè)圖標(biāo),插入變量或函數(shù)[[addData]];設(shè)置完畢后,預(yù)覽該頁面,如下圖所示:
注意事項(xiàng):
注意設(shè)置全局變量變量值++的方法
注意插入變量或函數(shù)的方法
相關(guān)推薦:
相關(guān)文章
- Axure中怎么使用內(nèi)部框架?Axure中經(jīng)常繪制網(wǎng)頁原型,該怎么合理的使用內(nèi)部框架來完成,下面我們就來看看axure的詳細(xì)的使用教程,,需要的朋友可以參考下2016-07-15
Axure RP Pro怎么漢化?axure rp8中文破解教程
axure rp是一套專業(yè)的原型設(shè)計工具,能高效率制作產(chǎn)品原型,快速繪制線框圖、流程圖、網(wǎng)站架構(gòu)圖、示意圖、HTML模版等,那么怎么對英文版進(jìn)行漢化呢?下面就一起來看看axur2016-07-04- Axure RP8怎么制作上下左右制遙控器中的按鈕?大家都見過遙控器上有上下左右的按鈕可以控制,我們今天就來看看怎么繪制一個上下左右控制按鈕來控制圖片,需要的朋友可以參2016-06-28
- axure怎么制作中繼器設(shè)置翻頁效果?axure制作網(wǎng)頁原型的時候,想制作中繼器設(shè)置翻頁的一個原型,該怎么制作呢?今天我們就來看看axure制作中繼器設(shè)置翻頁效果的詳細(xì)教程,2016-06-27
- axure中圖形重疊的時候邊框變粗該怎么辦?axure在繪制圖形的時候,有時候會出現(xiàn)重合的地方,這時候重合的邊框就會變粗,該怎么解決這個問題呢?下面我們就來看看詳細(xì)的教程2016-06-23
- axure怎么設(shè)置圖片自動移動任務(wù)?在做網(wǎng)頁原型的時候,需要實(shí)現(xiàn)自動執(zhí)行的任務(wù),這時候我們就可以讓axure自動運(yùn)行,下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2016-06-23
- Axure中怎么使用樣式編輯器與變量管理?Axure中制作網(wǎng)頁原型很方便,Axure中有樣式編輯器與變量管理,該怎么使用呢?下面我們就來看看這個問題的詳細(xì)解決辦法,需要的朋友2016-06-22
- Axure怎么設(shè)置選項(xiàng)組?Axure中繪制網(wǎng)頁原型圖的時候想設(shè)置選項(xiàng)組該怎么設(shè)置?今天我們就來看啊可能Axure設(shè)置選項(xiàng)組的詳細(xì)圖文教程,需要的朋友可以參考下2016-06-21
- axure怎么繪制瀏覽器窗口改變大小時事件?axure在繪制網(wǎng)頁原型的時候,相知走一個事件就是窗口改變大小時件的實(shí)現(xiàn)效果及方法,詳細(xì)的教程請看下文,需要的朋友可以參考下2016-06-20
AxureRP怎么實(shí)現(xiàn)條件判斷與值的傳遞功能?
AxureRP怎么實(shí)現(xiàn)條件判斷與值的傳遞功能?網(wǎng)頁中想實(shí)現(xiàn)一個件判斷文本框的值是否為空,為空則跳轉(zhuǎn)到首頁,否則將文本值傳給子頁面,下面我們來看看詳細(xì)的制作方法,需要的2016-06-20