技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費軟件下載基地!

當(dāng)前位置:主頁 > 教程 > 軟件教程 >

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

來源:技術(shù)員聯(lián)盟┆發(fā)布時間:2017-12-22 12:00┆點擊:

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

1、打開Axure RP 8軟件,在元件庫中找到圖片元件,拖一個到畫布上,如下圖所示:

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

  2、在“Icons”中找到手形向上和手形向下的圖標(biāo),并拖動到圖片元件下方,如下圖所示:

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

  3、選中圖片元件,導(dǎo)入外部圖片到圖片元件里;修改兩個手形填充色,分別為綠色和紅色,如下圖所示:

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

  4、在兩個手形圖標(biāo)附近添加兩個輸入框,調(diào)整輸入框?qū)挾群臀恢?,如下圖所示:

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

  5、選中手形向上的圖標(biāo),添加鼠標(biāo)單擊時用例;設(shè)置一個全局變量addData,并設(shè)置文本,如下圖所示:

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

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