如何利用Axure RP 8軟件按鈕控制圖片顯示隱藏
有時(shí)系統(tǒng)為了吸引用戶(hù),需要添加動(dòng)態(tài)元素進(jìn)去。比如說(shuō),一副圖片可以動(dòng)態(tài)地顯示或隱藏,給用戶(hù)以震撼感和美感,讓用戶(hù)更有興趣深入使用系統(tǒng)。下面利用一個(gè)實(shí)例說(shuō)明按鈕控制圖片顯示和隱藏的方法,操作如下:第一步:
有時(shí)系統(tǒng)為了吸引用戶(hù),需要添加動(dòng)態(tài)元素進(jìn)去。比如說(shuō),一副圖片可以動(dòng)態(tài)地顯示或隱藏,給用戶(hù)以震撼感和美感,讓用戶(hù)更有興趣深入使用系統(tǒng)。
下面利用一個(gè)實(shí)例說(shuō)明按鈕控制圖片顯示和隱藏的方法,操作如下:
第一步:新建頁(yè)面
在原有基礎(chǔ)上,新建page1頁(yè)面,并雙擊打開(kāi)。
第二步:添加圖片元件
在“基本元件”里拖動(dòng)一個(gè)圖片元件到畫(huà)布上,設(shè)置寬度為400,高度為200。
第三步:添加按鈕元件
再在“基本元件”里找到“主要按鈕”,拖動(dòng)兩個(gè)到畫(huà)布上,分別修改顯示內(nèi)容為“隱藏”和“顯示”。
第四步:導(dǎo)入外部圖片
導(dǎo)入一張外部圖片,并調(diào)整其寬度和高度,使其與圖片元件的尺寸一致。
第五步:設(shè)置隱藏動(dòng)畫(huà)
選中“隱藏”按鈕,編輯用例,設(shè)置隱藏動(dòng)畫(huà)和時(shí)間,以實(shí)現(xiàn)點(diǎn)擊該按鈕后圖片隱藏。
第六步:設(shè)置顯示動(dòng)畫(huà)
選中“顯示”按鈕,編輯用例,設(shè)置顯示動(dòng)畫(huà)和時(shí)間,以實(shí)現(xiàn)點(diǎn)擊該按鈕后圖片顯示出來(lái)。
設(shè)置完畢后,預(yù)覽該靜態(tài)頁(yè)面,即可看到通過(guò)按鈕控制圖片的顯示和隱藏效果。
這樣,通過(guò)Axure RP 8軟件的功能,我們可以輕松實(shí)現(xiàn)按鈕控制圖片的顯示和隱藏,提升系統(tǒng)的用戶(hù)體驗(yàn)和用戶(hù)參與度。