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