Axure8怎么使用動(dòng)態(tài)面板?Axure8的使用教程
我要評論動(dòng)態(tài)面板為Axure里常用的元件:
本次主要涉及：元件：動(dòng)態(tài)面板、圖像，技術(shù)點(diǎn)：交互用例、動(dòng)態(tài)面板和圖像的編輯，如下面腦圖所示：
1、打開Axure8(axure7也一樣)，默認(rèn)是新創(chuàng)建的項(xiàng)目，找到 “動(dòng)態(tài)面板”元件，如下圖：
2、拖動(dòng)元件到工作區(qū)，按照圖指示的任意一個(gè)地方給動(dòng)態(tài)面板命名：測試面板
3、雙擊動(dòng)態(tài)面板元件，出現(xiàn)狀態(tài)state1,雙擊進(jìn)入到state1的編輯：
4、拖放一個(gè)圖像元件到state1內(nèi)，雙擊并找到準(zhǔn)備的圖片（紅旗），這樣第一個(gè)狀態(tài)就編輯好了。
5、下面編輯第二個(gè)狀態(tài)，注意看圖，在右下方的 “概要”欄目內(nèi) 找到state1右鍵“復(fù)制狀態(tài)”，這樣里面的元件大小、位置不會發(fā)生改變。復(fù)制成功后為便于下面的交互用例，將狀態(tài)分別命名為：紅旗、藍(lán)旗。然后點(diǎn)擊藍(lán)旗狀態(tài)，將圖片替換。
6、以上步驟完成后，開始編輯交互用例。雙擊紅旗圖片，出現(xiàn)如下圖所示的交互用例，找到：鼠標(biāo)單擊時(shí)，并雙擊出現(xiàn)用例編輯面板。
7、選擇 元件-->設(shè)置面板狀態(tài) ，然后按照圖示選中 “測試面板”，并為其設(shè)置選擇狀態(tài)為：藍(lán)旗。同時(shí)設(shè)定動(dòng)畫效果。
8、紅旗狀態(tài)編輯完成后，點(diǎn)擊確定，按照下圖所示在 case1下郵件復(fù)制用例，并粘貼到藍(lán)旗狀態(tài)下。然后按上一步的操作，將藍(lán)旗點(diǎn)擊是的選擇狀態(tài)設(shè)置為：紅旗。
9、最后F5預(yù)覽，并點(diǎn)擊圖像測試效果
相關(guān)推薦：
AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？
axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法
相關(guān)文章
- axure怎么繪制APP菜單阻尼滑動(dòng)的原型圖？想要制作手機(jī)app，可以再axure中先將自己的構(gòu)思畫出來，今天我們就來看看axure中繪制APP菜單阻尼滑動(dòng)的原型圖的方法，需要的朋友可2016-03-18
windows系統(tǒng)下axure 7.0 無法在發(fā)布中預(yù)覽的解決辦法
axure 7.0 無法在發(fā)布中預(yù)覽該怎么辦？我們在使用axure7.0繪制原型的時(shí)候，想預(yù)覽一下功能能不能實(shí)現(xiàn)，但是在預(yù)覽的時(shí)候發(fā)現(xiàn)不能預(yù)覽，該怎么辦呢？請看下文詳細(xì)介紹2016-02-29axure怎么做滑動(dòng)效果? axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法
axure怎么做滑動(dòng)效果？在axure中畫原型圖的時(shí)候，想在原型圖中加上效果，制作手機(jī)滑動(dòng)屏幕的滑動(dòng)效果該怎么做呢？下面分享axure做手機(jī)觸摸屏幕滑動(dòng)效果的方法，需要的朋友2016-02-19Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果?
Axure RP Pro 7.0怎么制作圖片輪播按鈕控制效果？很多網(wǎng)頁中都有一個(gè)圖片輪播的功能，特別是娛樂和美食，有了圖片輪播是最吸引人眼球的，今天我們就教大家使用Axure實(shí)現(xiàn)這2016-01-08- Axure怎么給菜單設(shè)置旋轉(zhuǎn)效果？使用Axure繪制原型圖的時(shí)候，想給菜單做一些特效，這樣更吸引人，該怎么設(shè)置菜單旋轉(zhuǎn)時(shí)變大的效果呢？請看下文詳細(xì)的設(shè)置教程，需要的朋友可2015-12-18
- axure7.0怎么制作折疊和展開的菜單效果？折疊交互顯得網(wǎng)頁整齊，同時(shí)還給人一種動(dòng)態(tài)的感覺，很好看，怎么制作的自由折疊和展開效果呢？下面分享axure7.0繪制的詳細(xì)過程，需2015-12-01
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？
Axure怎么制作頁面滾動(dòng)時(shí)菜單固定在頂部的頁面？本文介紹如何做一個(gè)在滾動(dòng)中將菜單固定在頂部的頁面，屬于中級Axure案例。本文旨在展示交互效果，不對頁面具體內(nèi)容和UI進(jìn)行2015-07-10AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程
用AxureRP 7.0怎么實(shí)現(xiàn)天貓登錄？其實(shí)很方便，只要簡單的應(yīng)用動(dòng)態(tài)面板和屬性設(shè)置就可以輕松搞定了，下面我們一起來看看AxureRP 7.0實(shí)現(xiàn)天貓登錄的詳細(xì)教程2015-05-28- Axure是設(shè)計(jì)師最常用的的原型設(shè)計(jì)工具之一，Axure RP 7.0版本相較6.5版本也有了比較大的改變。這里就介紹一下Axure RP 7.0的快捷鍵，需要的朋友可以看看2014-06-25