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