【Axure】新手教程之框架

　　主要是利用Axure來進行原型設計，因爲是初次使用，是一個模擬和熟悉的過程。

【寫在前面的話】

 

　　首先對所須要設計的原型進行業務邏輯的設計。

　　個人設計以下：

　　分不一樣文件夾進行設定，其實相似思惟導圖的方式。將本身要本身的頁面進行設置。

　　智慧銀行中，對所須要進行的需求進行設定和要求，而後進行框架的設計。即設定  控件內聯框架——主要目的是在於模擬手機頁面，將頁面框架內聯進入手機。

1. 　　登陸，設定登陸界面及要求
2. 　　主界面，設定主要頁面，及功能跳轉
3. 　　母版：將經常使用的統一改變的頁面或者控件設定爲母版，便於一致性改動。
4.   子頁面：用來跳轉的頁面，實現相應的功能

子頁面

1、 動態面板之頁面彈窗

　　在頁面載入時，彈出彈窗的需求以下：

• 　 頁面載入時，彈出彈窗
•   彈窗出現時，只能對彈窗進行操做。
•   點擊彈窗，實現頁面跳轉到相應頁面
•   點擊關閉按鈕時，彈窗消失

　　步驟以下：

1. 　　插入動態面板，設定好尺寸，而後在動態面板中拖入圖片控件和實現 關閉  這個功能圖標
2.    點擊右邊的 【 交互 】 功能區 ，實現 【動做】：載入時   【狀態】：顯示/隱藏   選擇當前原件，設定爲顯示
3.    而後設定 關閉 圖標的功能，【交互】，實現【動做】：單擊時  【狀態】：顯示/隱藏  選擇當前 動態面板，設定爲隱藏。同時點擊更多選項，選擇 燈箱效果。——能夠使得彈窗出現時，背景變成灰色。
4.   設定 動態面板的 交互動做，跳轉。 【交互】，【動做】：單擊時  【狀態】：打開連接   選擇相應的跳轉連接，造成功能交互
5.   若是須要將彈窗設定爲，當前只能對彈窗進行動做時，能夠設定功能禁用，等待彈窗關閉後，功能啓用。

 

　　效果預覽圖：

 

2、控件文字的隱藏和顯示

　　需求以下：

•   文字框初始狀態可見，按鈕文字：選擇隱藏
•   點擊按鈕，實現文字框的隱藏or變成*******,按鈕文字變成：選擇可見
•   再次點擊按鈕，實現文字框的可見，*****or無 變成 文字框內容，按鈕文字同時變成：選擇隱藏。

 

　　步驟以下：

1. 　　拖入一個文字框，一個按鈕，按鈕文字爲：選擇隱藏
2.   設定情形1——若是按鈕這個控件的文本爲：選擇隱藏，【交互】功能區  【動做】：單擊時  【狀態】：顯示/隱藏   選擇文字框隱藏，而且將【設置文本】 改爲 ：選擇可見
3.   設定情形2——若是按鈕這個控件的文本爲：選擇可見，【交互】功能區   【動做】：單擊時  【狀態】：顯示/隱藏  選擇文字框顯現，而且將【設置文本】 改爲：選擇隱藏
4. 效果預覽圖以下：                    
6. 最終的對好比下：        

 

　　這樣算基本實現功能了。