Axure RP8實(shí)戰(zhàn)手冊：網(wǎng)站和APP原型制作案例精粹

基礎(chǔ)操作篇
第1章使用元件 / 9
基礎(chǔ)1 添加元件到畫布 / 11
基礎(chǔ)2 添加元件名稱 / 11
基礎(chǔ)3 設(shè)置元件位置/尺寸 / 11
基礎(chǔ)4 設(shè)置元件默認(rèn)角度 / 11
基礎(chǔ)5 設(shè)置元件顏色與透明 / 11
基礎(chǔ)6 設(shè)置形狀或圖片圓角 / 12
基礎(chǔ)7 設(shè)置矩形僅顯示部分邊框 / 12
基礎(chǔ)8 設(shè)置線段/箭頭/邊框樣式 / 12
基礎(chǔ)9 設(shè)置元件文字邊距/行距 / 12
基礎(chǔ)10 設(shè)置元件默認(rèn)隱藏 / 12
基礎(chǔ)11 設(shè)置文本框輸入為密碼 / 12
基礎(chǔ)12 設(shè)置打開選擇文件窗口 / 13
基礎(chǔ)13 限制文本框輸入字符位數(shù) / 13
基礎(chǔ)14 設(shè)置文本框提示文字 / 13
基礎(chǔ)15 設(shè)置文本框回車觸發(fā)事件 / 13
基礎(chǔ)16 設(shè)置鼠標(biāo)移入元件時(shí)的提示 / 13
基礎(chǔ)17 設(shè)置矩形為其他形狀 / 14
基礎(chǔ)18 設(shè)置自定義形狀 / 14
基礎(chǔ)19 設(shè)置形狀水平/垂直翻轉(zhuǎn) / 14
基礎(chǔ)20 設(shè)置列表框的內(nèi)容 / 14
基礎(chǔ)21 設(shè)置元件默認(rèn)選中/禁用 / 14
基礎(chǔ)22 設(shè)置單選按鈕唯一選中 / 14
基礎(chǔ)23 設(shè)置元件不同狀態(tài)的交互樣式 / 15
基礎(chǔ)24 設(shè)置圖片文本 / 15
基礎(chǔ)25 切割/裁剪圖片 / 15
基礎(chǔ)26 嵌入多媒體文件/頁面 / 15
基礎(chǔ)27 調(diào)整元件的層級 / 16
基礎(chǔ)28 組合/取消組合元件 / 16
基礎(chǔ)29 轉(zhuǎn)換元件為圖片 / 16
基礎(chǔ)30 載入元件庫 / 16
基礎(chǔ)31 切換元件庫 / 16
第2章頁面設(shè)置 / 17
基礎(chǔ)32 設(shè)置頁面居中 / 18
基礎(chǔ)33 設(shè)置頁面背景（圖片/顏色） / 18
基礎(chǔ)34 設(shè)置頁面顏色（草圖/黑白） / 18
第3章設(shè)置條件 / 19
基礎(chǔ)35 添加條件判斷 / 20
基礎(chǔ)36 設(shè)置條件邏輯關(guān)系 / 20
基礎(chǔ)37 用例條件轉(zhuǎn)換 / 20
第4章使用變量/公式 / 21
基礎(chǔ)38 全局變量設(shè)置 / 22
基礎(chǔ)39 局部變量設(shè)置 / 22
基礎(chǔ)40 公式的格式及類型 / 22
第5章功能設(shè)置 / 23
基礎(chǔ)41 設(shè)置形狀并排顯示細(xì)邊框 / 24
基礎(chǔ)42 設(shè)置畫布中的遮罩陰影 / 24
基礎(chǔ)43 顯示/隱藏交互與說明編號 / 24
基礎(chǔ)44 顯示/隱藏兩側(cè)的功能面板 / 24
基礎(chǔ)45 展開/收起/彈出/?？?關(guān)閉功能面板 / 24
基礎(chǔ)46 關(guān)閉/恢復(fù)功能面板 / 24
基礎(chǔ)47 文件備份與恢復(fù) / 25
基礎(chǔ)48 設(shè)置自適應(yīng)視圖 / 25
第6章查看原型 / 26
基礎(chǔ)49 快速預(yù)覽查看原型 / 27
基礎(chǔ)50 生成HTML 查看原型 / 27
基礎(chǔ)51 生成部分原型頁面 / 27
基礎(chǔ)52 為原型添加標(biāo)志 / 27
基礎(chǔ)53 發(fā)布原型到AxShare / 28
基礎(chǔ)54 重新生成當(dāng)前頁面 / 28
基礎(chǔ)55 移動(dòng)設(shè)備設(shè)置 / 28
基礎(chǔ)56 Web 字體設(shè)置 / 29
實(shí)戰(zhàn)案例篇
第7章元件案例 / 31
案例1 文本框：帶圖標(biāo)文字提示 / 33
案例2 文本框：邊框變色 / 34
案例3 圖片：變換樣式的按鈕（1） / 35
案例4 圖片：自定義復(fù)選框（1） / 36
案例5 形狀：變換樣式的按鈕（2） / 37
案例6 形狀：自定義復(fù)選框（2） / 38
案例7 形狀：唯一選中項(xiàng) / 39
案例8 形狀：制作環(huán)形進(jìn)度條 / 40
案例9 文本標(biāo)簽：添加文本鏈接 / 42
案例10 內(nèi)聯(lián)框架：嵌入百度地圖 / 44
案例11 動(dòng)態(tài)面板：登錄面板切換 / 46
案例12 動(dòng)態(tài)面板：自動(dòng)圖片切換 / 48
案例13 動(dòng)態(tài)面板：保持固定位置 / 51
案例14 動(dòng)態(tài)面板：拖動(dòng)滑塊解鎖（1） / 52
案例15 動(dòng)態(tài)面板：元件樣式聯(lián)動(dòng) / 55
案例16 中繼器：制作商品列表 / 57
案例17 中繼器：商品列表排序 / 60
案例18 形狀：自定義復(fù)選框（3） / 62
案例19 中繼器：商品類型篩選 / / 64
案例20 中繼器：選擇對比商品（1） / 66
案例21 中繼器：選擇對比商品（2） / 70
案例22 中繼器：選擇對比商品（3） / 72
第8章變量案例 / 76
案例23 全局變量：賬號登錄驗(yàn)證（1） / 77
案例24 全局變量：打開微博詳情（1） / 80
案例25 局部變量：賬號登錄驗(yàn)證（2） / 83
案例26 局部變量：增減商品數(shù)量（1） / 84
案例27 局部變量：價(jià)格區(qū)間篩選 / 85
第9章特別案例 / 88
案例28 組合：彈出菜單效果 / 89
案例29 組合：菜單整體變色 / 90
案例30 遮罩：彈出登錄界面 / 91
案例31 推拉：制作抽屜菜單 / 92
案例32 移動(dòng)：橫幅展開效果 / 94
案例33 尺寸：改變元件尺寸（1） / 97
案例34 翻轉(zhuǎn)：圖片翻轉(zhuǎn)效果 / 99
案例35 旋轉(zhuǎn)：唱片旋轉(zhuǎn)效果 / 100
案例36 錨點(diǎn)：頁面返回頂部 / 103
第10 章函數(shù)案例 / 106
案例37 元件函數(shù)：改變元件尺寸（2） / 107
案例38 元件函數(shù)：增減商品數(shù)量（2） / 108
案例39 元件函數(shù)：圖片外框移動(dòng) / 109
案例40 元件函數(shù)：拖動(dòng)滑塊解鎖（2） / 111
案例41 元件函數(shù)：商品圖片切換 / 113
案例42 頁面函數(shù)：導(dǎo)航指針移動(dòng) / 116
案例43 窗口函數(shù)：滾動(dòng)吸附頂部 / 117
案例44 窗口函數(shù)：返回頂部按鈕 / 119
案例45 指針函數(shù)：商品圖片放大 / 121
案例46 數(shù)字與指針函數(shù)：開關(guān)側(cè)邊菜單 / 125
案例47 數(shù)學(xué)函數(shù)：隨機(jī)數(shù)驗(yàn)證碼 / 127
案例48 數(shù)學(xué)函數(shù)：不同方向滑入 / 132
案例49 字符串函數(shù)：模糊搜索列表 / 136
案例50 字符串函數(shù)：手機(jī)號碼驗(yàn)證（1） / 138
案例51 字符串函數(shù)：手機(jī)號碼驗(yàn)證（2） / 141
案例52 字符串函數(shù)：復(fù)選數(shù)量統(tǒng)計(jì) / 141
案例53 字符串函數(shù)：打開微博詳情（2） / 143
案例54 字符串函數(shù)：音樂播放計(jì)時(shí) / 145
案例55 日期函數(shù)：獲取系統(tǒng)時(shí)間 / 149
案例56 中繼器函數(shù)：首個(gè)商品推薦 / 152
案例57 中繼器函數(shù)：添加對比商品（4） / 156
案例58 中繼器函數(shù)：游戲列表翻頁（1） / 157
案例59 中繼器函數(shù)：游戲列表翻頁（2） / 160
案例60 中繼器函數(shù)：列表篩選結(jié)果 / 164
第11章綜合案例（Web） / 169
案例61 面板狀態(tài)切換與移動(dòng) / 170
案例62 框架中鑲嵌其他頁面 / 172
案例63 間隔與連續(xù)旋轉(zhuǎn)特效 / 173
案例64 錨點(diǎn)滾動(dòng)與導(dǎo)航吸附 / 174
案例65 唯一選中與樣式切換 / 177
案例66 頁面內(nèi)滾動(dòng)條的實(shí)現(xiàn) / 178
案例67 用滾輪控制橫向滾動(dòng) / 181
案例68 剩余可輸入文字提示 / 185
案例69 進(jìn)度條與數(shù)字的聯(lián)動(dòng) / 188
案例70 展開收起的推拉效果 / 189
案例71 展開收起與移動(dòng)效果 / 193
案例72 圖像旋轉(zhuǎn)與鏤空效果 / 193
案例73 全選與取消全選效果 / 196
案例74 帶進(jìn)度條的分頁標(biāo)簽 / 199
案例75 循環(huán)選中與尺寸改變 / 202
案例76 二級菜單的內(nèi)容切換 / 204
案例77 循環(huán)內(nèi)容走馬燈效果 / 206
案例78 頁面安全鍵盤的實(shí)現(xiàn) / 209
案例79 省市列表的選擇聯(lián)動(dòng) / 211
案例80 背景滑塊與改變尺寸 / 213
案例81 可調(diào)節(jié)時(shí)間的倒計(jì)時(shí) / 215
案例82 文本框中焦點(diǎn)的控制 / 217
案例83 隨機(jī)數(shù)數(shù)字自增效果 / 220
案例84 文字輸入的條件限制 / 221
案例85 鼠標(biāo)移入的縮放效果 / 222
第12章綜合案例（APP） / 227
案例86 啟動(dòng)畫面的翻頁效果 / 227
案例87 雙方向拖動(dòng)櫥窗效果 / 229
案例88 輸入文字與退格效果 / 232
案例89 中心點(diǎn)逐漸放大效果 / 233
案例90 菜單的拖動(dòng)排序效果 / 234
案例91 半透明按鈕懸浮效果 / 237
案例92 導(dǎo)航菜單單擊時(shí)移動(dòng) / 238
案例93 展開與收起二級選項(xiàng) / 241
案例94 拖動(dòng)切換與移動(dòng)效果 / 242
案例95 長按進(jìn)度條前進(jìn)效果 / 245
案例96 滑塊的水平拖動(dòng)效果 / 248
案例97 長按復(fù)選框切換樣式 / 250
案例98 選中復(fù)選框計(jì)數(shù)效果 / 251
案例99 全選與取消全選效果 / 253
案例100 側(cè)邊菜單的視差效果 / 254
案例101 動(dòng)態(tài)面板嵌套與切換 / 256
案例102 標(biāo)簽移動(dòng)與內(nèi)容切換 / 260
案例103 單擊曲目時(shí)切換歌曲 / 262
案例104 遮罩與放大彈出內(nèi)容 / 264
案例105 動(dòng)態(tài)面板狀態(tài)的聯(lián)動(dòng) / 267
案例106 循環(huán)移動(dòng)的波浪效果 / 268
案例107 二級菜單下滑與遮罩 / 270
案例108 下拉刷新的多個(gè)狀態(tài) / 272
案例109 字符串輸入控制效果 / 276
案例110 圖標(biāo)旋轉(zhuǎn)與放大縮小 / 278