一、概念：
Axure RP 9 所給出的? 原型頁面尺寸?是 設(shè)備的邏輯分辨率。
如果我們能夠獲得一個(gè)設(shè)備的? 邏輯分辨率，就能夠知道原型尺寸是多少慌闭。
1、手機(jī)尺寸的? ?物理分辨率（DP）：屏幕上的分辨率的尺寸躯舔，獨(dú)立像素的排布是多少驴剔，物理像素就是設(shè)備物理像素
? ? ? ? ? ? ? ? ? ? ? ? ? ?邏輯分辨率(DIP)：將設(shè)備獨(dú)立像素理解為是設(shè)備坐標(biāo)系統(tǒng)中的一個(gè)點(diǎn)，這個(gè)點(diǎn)代表一個(gè)可以由程序使用的虛擬像素粥庄，它可以由程序轉(zhuǎn)換為物理像素丧失。轉(zhuǎn)換的比例叫獨(dú)立像素比。（虛擬的一個(gè)單位包含多個(gè)物理像素）iPhone有的是2個(gè)惜互，有的是3個(gè)
2利花、頁面結(jié)構(gòu)? 是? 基于原型結(jié)構(gòu)圖搭建的（需要先畫出流程結(jié)構(gòu)導(dǎo)圖）科侈。流程結(jié)構(gòu)圖可以使用中文，但是頁面結(jié)構(gòu)的每個(gè)頁面名字最好能用英文就用英文３词隆Ｍ握弧（在在 Linux 服務(wù)器中發(fā)布的靜態(tài)網(wǎng)頁，中文名字頁面找不到鏈接報(bào)錯(cuò)404）挠乳，英文名字采用小寫+下劃線 即可权薯。
3、頁面布局：頁面布局實(shí)際上是我們 對功能模塊?以及 所包含的子模塊?在頁面上區(qū)域的劃分睡扬。
對于頁面中的區(qū)域盟蚣，不管是整體區(qū)域還是局部區(qū)域，都可
以劃分為上卖怜、中屎开、下、左和右 5 個(gè)部分马靠。（圖 2-20）
當(dāng)然奄抽，如果你喜歡也可以換個(gè)劃分方式。（圖 2-21）
二甩鳄、基礎(chǔ)應(yīng)用
------------------------------------ 線框草圖 ----------------------------------------------
元件拖入選中逞度、樣式設(shè)置、旋轉(zhuǎn)(command+鼠標(biāo)妙啃，右鍵重置文本到0)档泽、圓角、改變尺寸揖赴、復(fù)制粘貼等操作馆匿。
元件庫：每個(gè)元件類型都有 自己的一些 獨(dú)有屬性?，右鍵菜單?鍵 可查看其獨(dú)有的屬性燥滑！
圖標(biāo)icons——>雙擊可變形渐北、阿里SVG圖標(biāo)下載使用（形狀—>圖片），SVG不是圖片格式拖到Axure中為形狀的元件突倍。下載png則是圖片格式。
流程元件：每個(gè)元件的意義盆昙、連線的樣式設(shè)置
基本元件：形狀（可添加圖片）羽历、圖片、文本淡喜、熱區(qū)秕磷、動(dòng)態(tài)面板、中繼器（中繼器是一個(gè)模擬列表的元件炼团，例如商品列表澎嚣、郵件列表疏尿、用戶列表和標(biāo)簽列表等）
表格元件：通過右鍵菜單里控制表格的增刪改查
標(biāo)記元件：做標(biāo)注、注釋 使用的元件易桃。
第三方元件：在網(wǎng)絡(luò)上有很多第三方元件庫共享褥琐，我們可以下載下來使用。元件庫的文件名后綴為“.rplib”晤郑，可以通過元件功能面板的“+”按鈕進(jìn)行選擇添加敌呈、編輯、移除 等操作造寝。
添加本地圖片文件把里面的圖片當(dāng)成元件添加到Axure中
----------------------------------------------------------------------------------------------
1磕洪、<Ctrl+9>鍵，即可讓畫布回到原點(diǎn)诫龙。住<Ctrl>鍵不放析显，通過鼠標(biāo)滾輪改變畫布顯示比例。
2签赃、編輯文字：部分元件可以添加文字內(nèi)容谷异。在未開啟單鍵快捷鍵功能時(shí)，直接輸入即可替換當(dāng)前文字內(nèi)容姊舵；開啟單鍵快捷鍵功能時(shí)晰绎，需要雙擊元件或者在元件上點(diǎn)擊按下回車鍵進(jìn)入文字編輯狀態(tài)。
3括丁、阿里圖標(biāo)庫? 下載? 下來的 SVG 文件（下載SVG格式＼裣隆），可以拖入 AxureRP9 的畫布中史飞；或者尖昏，先從默認(rèn)元件庫中拖入圖片元件，雙擊導(dǎo)入 SVG 文件构资。然后抽诉，在圖標(biāo)上點(diǎn)擊鼠標(biāo)右鍵，上下文菜單的【變換圖片】選項(xiàng)中選擇【轉(zhuǎn)換 SVG 圖片為形狀】吐绵。
4迹淌、流程圖
5、表單元件：文本框己单、文本域唉窃、下拉列表、列表框纹笼、單選按鈕纹份、復(fù)選框 ——這些元件在畫布中的很多操作? 基本? 通過右鍵菜單中完成??，例如：行、列蔓涧、節(jié)點(diǎn)件已、菜單項(xiàng)的添加、刪除元暴、移動(dòng)等操作篷扩。
6、元件的樣式設(shè)置：在軟件? 右側(cè)的功能模塊中 + 右鍵菜單 中 ——>可對元件的外觀修改形狀的填充顏色昨寞、修改邊框的線段類型和改變文字字號(hào)等等瞻惋。透明、文字排版援岩、填充(背景)歼狼、線段、陰影享怀、圓角羽峰、邊距 等屬性進(jìn)行設(shè)置。
7添瓷、布局排列：層級(jí)排序梅屉、組合(選中多個(gè)元件組合/取消)、對齊(選中多個(gè)元件進(jìn)行對齊操作—>元件是相對選中的第一個(gè)元件 進(jìn)行 對齊操作)鳞贷、分布(工具欄中提供了多個(gè)元件的分布功能坯汤，能夠讓多個(gè)元件快速的進(jìn)行? 水平或垂直方向的等距分布 )
8、繪制草圖：繪制草圖只是不同元件的搭配組合搀愧。
-------------------------------------------- 交互設(shè)置 ------------------------------------------------------
1惰聂、交互事件：右側(cè)面板中 選擇“交互” ——>添加操作——>選擇動(dòng)作——>選擇元件(菜單中有 “當(dāng)前元件” 選他即可)——>選擇樣式? （操、作咱筛、元搓幌、樣）
注意：Axure中一個(gè) 操作事件 —> 可以 添加多個(gè)動(dòng)作 —> 添加多個(gè)元件 （一個(gè)事件讓多個(gè)元件動(dòng)起來！Ｑ嘎帷８瘸睢）改變的不僅是自己，可能是其他饲趋、甚至多個(gè)拐揭、全部！
2奕塑、交互樣式：選中元件 右鍵菜單中 “交互樣式” 堂污，這個(gè)交互樣式通過? 添加的事件！ 來進(jìn)行切換（選中多個(gè)元件進(jìn)行統(tǒng)一設(shè)置交互樣式——>在墨刀中就是 組件的狀態(tài)爵川，墨刀中通過組件的元件點(diǎn)擊 進(jìn)行狀態(tài)切換?）（鼠標(biāo)懸停敷鸦、鼠標(biāo)按下息楔、選中寝贡、禁用扒披、獲取焦點(diǎn) ——>四個(gè)狀態(tài)樣式）
注解：交互樣式 是在 不同 場合下的? "樣式"!!!!，只要?場合變化—>樣式也就變了
? ? ? ? ? ?交互事件 觸發(fā)——>改變?的是 元件的 “屬性”!!!!!?（觸發(fā)就變不回來了）
??
? ?Axure和墨刀的區(qū)別：? ? ? ?
? 墨刀——>通過事件 —> 觸發(fā)某個(gè) 組件狀態(tài) / 頁面狀態(tài) ——>達(dá)到元件 屬性/樣式 的變化? （墨刀中可以理解圃泡，“每個(gè)狀態(tài)” 都是個(gè) “新的頁面/組件”? ?"某個(gè)狀態(tài)下的事件"—>"觸發(fā)另一個(gè)狀態(tài)展示" !!? ）
? ?Axure是通過 事件 ——>改變 元件的 “屬性”碟案！——>達(dá)到元件的 屬性/樣式 變化
Axure可以 讓一個(gè)? 事件 中? 添加多個(gè)動(dòng)作 —> 讓多個(gè)元件動(dòng)起來！颇蜡！
總結(jié)：墨刀?的交互樣式——>是? 多個(gè)頁面?的切換价说！
? ? ? ? ? ?Axure 的交互樣式 —>在一個(gè)頁面?添加 不同的事件(控制參數(shù)) 來回切換！
3风秤、添加的事件?在面板中選中右鍵 可以進(jìn)行復(fù)制?——>?選中別的元件進(jìn)行 粘貼?則可把事件直接進(jìn)行復(fù)制到別的元件上鳖目。
4、選中多個(gè)元件 ——>設(shè)置成 選項(xiàng)組缤弦，這樣多個(gè)元件可實(shí)現(xiàn) 單選的效果领迈。
----------------------------------------------------------------------------------------------------------------
-------------------------------------------- 發(fā)布原型 ------------------------------------------------------
1、導(dǎo)出圖片：軟件導(dǎo)航欄的【文件】菜單中碍沐，可以完成頁面導(dǎo)出為圖片的操作狸捅。（選中哪個(gè)頁面就可以導(dǎo)出哪個(gè)頁面為圖片，也可選擇導(dǎo)出所有頁面為圖片）
2累提、預(yù)覽：
3尘喝、發(fā)布到Axure云
4、生成HTML文件 ——>瀏覽器查看
----------------------------------------------------------------------------------------------------------------
-------------------------------------------- 元件屬性 ------------------------------------------------------
1斋陪、單選按鈕：可選中多個(gè)單選按鈕設(shè)置為 相同組（其他元件也可多選成為組）朽褪，即可實(shí)現(xiàn)單選效果? ?、 可設(shè)置單選按鈕框的大小鳍贾，文字的對齊方式
2鞍匾、形狀與圖片：1>為多個(gè)形狀或圖片元件添加相同的組名稱，用于實(shí)現(xiàn)元件單選的交互效? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?果骑科。
? ? ? ? ? ? ? ? ? ? ? ? ? ? 2>引用頁面（圖片無此項(xiàng)）：為形狀元件添加頁面鏈接橡淑，點(diǎn)擊形狀時(shí)即可跳? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 轉(zhuǎn)至引用的頁面。
? ? ? ? ? ? ? ? ? ? ? ? ? ? 3>選項(xiàng)組——>單選效果實(shí)現(xiàn) （先設(shè)置交互狀態(tài) + 添加事件咆爽！）
----------------------------------------------------------------------------------------------------------------
-------------------------------------------- 使用母版 ------------------------------------------------------
使用母版是 為了 讓頁面中 某一模塊內(nèi)容可以重復(fù)使用梁棠，并且在修改內(nèi)容時(shí)能夠同步更新。
1斗埂、制作母版——>添加母版 ——> 把母版添加到頁面 / 把母版從頁面刪除
2符糊、雙擊當(dāng)前母版——>編輯母版 （注意：母版一變化—>導(dǎo)致所有頁面的母版都會(huì)變化！）
3呛凶、編輯母版：選中母版—>左側(cè)樣式—>編輯母版視圖—>添加 繼承(基本) —> 母版新狀態(tài) (【影響所有視圖】的勾選 記得取消男娄，否則默認(rèn)影響所有母版狀態(tài))? 可以添加新的元件！
（注意的一點(diǎn)是修改視圖內(nèi)容時(shí) 僅限!!!? 改變 "位置/ 尺寸/ 樣式"?。元件上的文字模闲、圖片以及交互發(fā)生改變時(shí)建瘫，即便取消【影響所有視圖】的勾選，其他視圖依然會(huì)受到影響尸折。）
4啰脚、使用母版：右鍵菜單中添加到頁面 、直接拖拽?
5实夹、使用母版不同狀態(tài)：選中母版—>右側(cè) 有個(gè)基本（點(diǎn)擊可以選不同的狀態(tài)）
6橄浓、母版上元件上 文字/圖片 修改 ：選中母版—>右側(cè) 有“重寫” 下面的每個(gè)元件都可以重寫編輯文字/圖片
----------------------------------------------------------------------------------------------------------------
---------------------------------- 內(nèi)聯(lián)框架 ----------------------------------
1、內(nèi)聯(lián)框架：頁面中的窗口—>這個(gè)窗口可以加載頁面
2亮航、內(nèi)聯(lián)框架播放本地文件：把 “文件” 放在 原型導(dǎo)出的HTML文件中 最外層荸实，在Axure中編輯內(nèi)聯(lián)框架元件 ——>鏈接屬性 改為 鏈接本地文件 直接輸入 文件名字+后綴 ——> 即可播放本地文件了
3、通過第2步驟的功能缴淋，可實(shí)現(xiàn) 視頻泪勒、音頻?的播放。
--------------------------------------------------------------------------------------
三宴猾、文檔應(yīng)用
---------------------------------- 頁面流程 ----------------------------------
線框圖：完整表達(dá)了 產(chǎn)品的 結(jié)構(gòu)與功能圆存。 + 業(yè)務(wù)流程、交互描述? ——>完成產(chǎn)品文檔PRD大部分功能仇哆。
1沦辙、繪制流程圖：使用 “快照” 元件 ，雙擊元件 —> 彈出引用選項(xiàng) —> 選擇一個(gè)頁面進(jìn)行引用
2讹剔、功能描述：1>單頁面功能描述：右鍵菜單 【編輯連接點(diǎn)】可在元件上添加任意連接點(diǎn)（形? ? ? ? ? ? ? ? ? ? ? ? ? ?狀/圖片 在 【變換形狀】菜單中）油讯，在頁面旁邊添加說明，并指向某個(gè)地方進(jìn)? ? ? ? ? ? ? ? ? ? ? ? ? ? ?行連線延欠。
? ? ? ? ? ? ? ? ? ? ? ? 2>通過元件—>取消 “適應(yīng)比例” 改變頁面的位置以及比例陌兑，單獨(dú)說明某塊的功能 描述∮缮樱或者 雙擊快照 —> 即可拖動(dòng) 快照里的 頁面兔综！選擇 著重說明的功能。
? ? ? ? ? ? ? ? ? ? ? ? 3>在同一個(gè)頁面進(jìn)行多個(gè) 快照元件中頁面進(jìn)行 功能描述狞玛。
3软驰、功能場景：通過 AxureRP 的快照元件，我們可以讓用戶的操作流程以另一種形式呈現(xiàn)心肪。（將某塊功能場景放在一個(gè)頁面锭亏，通過快照把頁面 功能場景流程連接起來 —> 形成了一個(gè)功能場景。）
4硬鞍、說明功能：元件右側(cè)面板—>說明功能慧瘤，可以設(shè)置添加多個(gè)說明標(biāo)簽戴已，進(jìn)行描述
--------------------------------------------------------------------------------------
四、交互應(yīng)用
上面的圖 添加的條件 ——> 說明這個(gè)條件不一定跟當(dāng)前元件有關(guān)锅减，只要這個(gè)條件滿足就會(huì)觸發(fā)事件執(zhí)行恭陡！
---------------------------------- 條件判斷 ----------------------------------
1独泞、事件 “添加情形”：鼠標(biāo)移動(dòng)到事件上，右上角 “啟動(dòng)情形” (一個(gè)情形—>對應(yīng)一個(gè)動(dòng)作!!!!) —> 添加多個(gè)情形——> 必須添加多個(gè)執(zhí)行動(dòng)作Ｌβ瘛懦砂！
我們在最左側(cè)的下拉列表中 選擇判斷的 內(nèi)容類型，再選擇??帶有這種內(nèi)
容類型??的? 判斷目標(biāo)组橄，然后選擇 比較關(guān)系荞膘，再選擇 右側(cè)的 比較的內(nèi)容類型?以及
達(dá)到的條件目標(biāo)。
比較內(nèi)容類型 <— 比較元件目標(biāo) <— 比較關(guān)系 —> 比較內(nèi)容類型 —>條件目標(biāo)
當(dāng)選擇的這個(gè)目標(biāo)(不限于當(dāng)前設(shè)置事件的元件) 到達(dá) 要求玉工，事件就會(huì)觸發(fā)羽资！
2、一個(gè)情形可以添加多 條件遵班，多個(gè)添加的關(guān)系—> 可以選擇 并且 / 或者? 兩個(gè)關(guān)系
--------------------------------------------------------------------------------------
----------------------------------- 值的運(yùn)算 -----------------------------------
1屠升、【值】的設(shè)置可以寫入運(yùn)算公式。運(yùn)算公式需要寫在?兩對中括號(hào)中狭郑。例如腹暖，計(jì)算 3 乘以 5，公式為：[[3*5]]?
為什么公式“ [[3*?[[5?+6]]-4]]”中的“[[5+6]]”沒有被運(yùn)算呢翰萨？
1>兩對中括號(hào)內(nèi)部的公式會(huì)被運(yùn)算出結(jié)果!!!.
2>兩對中括號(hào)外部的內(nèi)容會(huì)和兩對中括號(hào)內(nèi)部的公式運(yùn)算結(jié)果連接脏答。
3>程序會(huì) 從左至右依次尋找可計(jì)算的公式?，進(jìn)行運(yùn)算后將結(jié)果與其它內(nèi)容連接亩鬼。?
[[ [[3*5]]?+ [[?6-4 ]]?]]? ——> [[15+2]] :所以這個(gè)可以算出來
總結(jié)：[[ 內(nèi)部只能是運(yùn)算公式 ]] —> 公式 左右兩側(cè)?不能出現(xiàn)任何符號(hào)以蕴！否則不能計(jì)算！
2辛孵、運(yùn)算符：Axure RP 中進(jìn)行【值】的設(shè)置時(shí)丛肮，我們可以點(diǎn)擊值輸入框后方的【fx】按鈕，打開編輯值的界
面魄缚。在這個(gè)界面中宝与，我們點(diǎn)擊【插入變量或函數(shù)】按鈕焚廊，就能夠打開變量與函數(shù)列表。
--------------------------------------------------------------------------------------
----------------------------------- 變量詳解 -----------------------------------
1习劫、變量：系統(tǒng)變量 和 自定義變量（全局變量+局部變量）
2咆瘟、Axure中 變量 遵守程序中的變量命名規(guī)則
3、局部變量：在事件 面板中? 點(diǎn)擊值? 輸入框后方的【fx】按鈕诽里，打開編輯值的界 ——>下方有 “添加局部變量”? ——> 值的地方 就可以 進(jìn)行計(jì)算公式袒餐、拼接計(jì)算 (公式里可直接使用全局變量)
通過設(shè)置一個(gè)變量 ——>來獲取 頁面?上 某個(gè)元件的? 1>文字內(nèi)容 / 2>全局變量? / 3>元件對象!!!
4、全局變量：全局變量作用范圍是整個(gè)原型谤狡，也就是說全局變量的?名稱是唯一?的灸眼。（全局變量在任何地方都可以直接使用!!）
在 頂部菜單中 【項(xiàng)目】—> 全局變量 ——> 可添加 全局變量。 可以在 “添加情形” 中使用這個(gè)全局變量 作為條件使用墓懂。
5焰宣、系統(tǒng)變量：系統(tǒng)變量是由 系統(tǒng)已經(jīng)創(chuàng)建好的變量，并且變量的寫入也有系統(tǒng)自動(dòng)完成捕仔，我們需要做的??只是讀取變量值??進(jìn)行運(yùn)算匕积。——> 在【值】的設(shè)置中榜跌，打開值的編輯界面闪唆，點(diǎn)開【插入系統(tǒng)變量或函數(shù)】的? 列表? 就能夠 看到? 系統(tǒng)變量。
1钓葫、對象概念：每個(gè)元件可稱為 元件對象 （對象英文命名 第一個(gè)字母必須大寫）
?“This”和“Target” ——> 分別表示?當(dāng)前元件（This）和目標(biāo)元件（Target）苞氮。
2、屬性：元件的系統(tǒng)變量—>都是 第一個(gè)字母小寫 的系統(tǒng)變量為屬性瓤逼。
?“width”是元件的寬度笼吟，“name”是元件的名稱?
通過這種 系統(tǒng)變量——>可以在? 【fx】中 獲取 頁面的屬性 、某個(gè)元件的屬性 等來進(jìn)行運(yùn)算霸旗！
以上總結(jié)：交互事件 ——>添加 “限制情形”（添加多個(gè)條件 + 邏輯 且/或)
? ? ? ? ? ? ? ? ? 值的運(yùn)算——> 公式運(yùn)算(使用 [[公式]]? ) ——>添加 “局部變量”(獲取頁面元件的值) ——>添加 “全局變量” （任何地方都可以直接使用變量名字）——>使用“系統(tǒng)變量” （把元件當(dāng)成對象荐操，使用元件的屬性）
--------------------------------------------------------------------------------------
----------------------------------- 函數(shù)詳解 -----------------------------------
1馏慨、函數(shù)定義：在【值】的編輯界面中，【插入變量或函數(shù)】的列表除了包含? 系統(tǒng)變量(對象.屬性)，還包含函數(shù)择份。這些函數(shù)都是 Javascript 腳本編程語言中的常見函數(shù)尾序。
2棒搜、函數(shù)使用：函數(shù)是由?名稱傍药、括號(hào)、參數(shù)?組成靴姿，例如：字符串函數(shù)“charAt(index)”沃但。
函數(shù)使用類型：
1、直接使用函數(shù) ：function(param) ——>輸出： 值
2佛吓、由?對象調(diào)用函數(shù)：對象.function(param)?——>輸出： 值
--------------------------------------------------------------------------------------
----------------------------------- 元件組合 -----------------------------------
1宵晚、在工具欄中通過【組合】和【取消組合】的按鈕可以進(jìn)行組合的操作垂攘，另外也可以通過快捷鍵<Ctrl+G>鍵和<Ctrl+Shift+G>鍵進(jìn)行組合與取消組合的操作。
2淤刃、組合使用場景：要?統(tǒng)一?顯示晒他、隱藏、移動(dòng)的多個(gè)元件逸贾，或者為?多個(gè)元件統(tǒng)一添加交互Ｔ山觥！铝侵，都可以通過組合來完成灼伤。（Axure里顯示與隱藏 提供了豐富的動(dòng)畫效果！）
3哟沫、組合也可以添加 交互事件 ——> 點(diǎn)擊組合中?任何一個(gè)元件?都可以觸發(fā) ”組合事件“
--------------------------------------------------------------------------------------
----------------------------------- 動(dòng)態(tài)面板（唯一帶滾動(dòng)效果的元件） -----------------------------------
總結(jié)：Axure的動(dòng)態(tài)面板 跟墨刀中的狀態(tài)效果類似！但是Axure的動(dòng)態(tài)面板功能要比墨刀中更強(qiáng)锌介！
1嗜诀、動(dòng)態(tài)面板：將動(dòng)態(tài)面板放入畫布之后，它是一個(gè)帶有半透明顏色的元件孔祸。實(shí)際上我們所看到的顏色并不是動(dòng)態(tài)面板的顏色隆敢，這是?為了方便我們進(jìn)行編輯?所帶有的顏色。
畫布中也能夠讓透明的元件變得完全透明崔慧，通過導(dǎo)航欄中的【視圖】菜單拂蝎，取消【遮罩】子菜單中【動(dòng)態(tài)面板】的勾選項(xiàng)即可。查看原型時(shí)惶室，動(dòng)態(tài)面板是完全透明的元件温自。
2、容器：動(dòng)態(tài)面板是一個(gè)容器；食悼泌！，可以分層(多個(gè)狀態(tài) —>類似 墨刀中的狀態(tài))夹界。雙擊動(dòng)態(tài)面板—>進(jìn)入編輯狀態(tài)馆里。
如果不需要多層的話，動(dòng)態(tài)面板能夠像組合一樣使用!!可柿，把元件放入動(dòng)態(tài)面板默認(rèn)的層（狀態(tài)）中鸠踪，
完成統(tǒng)一的交互。
3复斥、固定位置：動(dòng)態(tài)面板 能夠? 固定? 在?頁面的某一位置上营密。
4、拖動(dòng)：動(dòng)態(tài)面板是?唯一?具有? 拖動(dòng)交互事件的元件目锭。
5卵贱、滾動(dòng)區(qū)域：內(nèi)容過多滥沫，過長、動(dòng)態(tài)面板是個(gè)容器键俱，可以裝下進(jìn)行滾動(dòng)＠夹濉！
6编振、適應(yīng)寬度：動(dòng)態(tài)面板? 有個(gè)屬性——> 100%寬度缀辩！，勾選后踪央，動(dòng)態(tài)面板 寬度? 將與瀏覽器同寬
7臀玄、多狀態(tài)：(輪播圖的制作，狀態(tài)切換時(shí)的 進(jìn)入動(dòng)畫 + 上一個(gè)狀態(tài)退出動(dòng)畫?)
--------------------------------------------------------------------------------------
----------------------------------- 中繼器（類似OC中的tableView和CollectionView） -----------------------------------
1畅蹂、中繼器元件：一般用于模擬列表健无。（列表進(jìn)行 增刪改查 、排序液斜、篩選 等操作）
2累贤、中繼器?基本操作：
1>中繼器? 編輯狀態(tài)? 中? 創(chuàng)建列表? 選項(xiàng)模板。（創(chuàng)建cell）
2>中繼器樣式中 組織數(shù)據(jù)少漆。（獲取數(shù)據(jù)）
3>中繼器交互中? 將數(shù)據(jù)與模板元件綁定臼膏。（賦值cell數(shù)據(jù)）
4>中繼器樣式中 進(jìn)行布局等設(shè)置。（布局cell）
2—2：添加數(shù)據(jù)
1>數(shù)據(jù)可以從 Excel 表格中進(jìn)行復(fù)制示损，回到 Axure RP 的樣式功能面板中渗磅，中繼器右側(cè)樣式中?點(diǎn)中（不要雙擊）數(shù)據(jù)表 —>?首行首列，通過快捷鍵<Ctrl+V>粘貼到中繼器的數(shù)據(jù)集中检访。
?2> 雙擊數(shù)據(jù)集自動(dòng)創(chuàng)建的列名? 進(jìn)行修改始鱼，將列名?與 模板中對應(yīng)的元件??命名保持一致
2—3：添加交互?风响，將?數(shù)據(jù)與模板元件進(jìn)行綁定。（ 在? 中繼器? 的【每項(xiàng)加載?時(shí)】添加交互—> 逐個(gè)設(shè)置 “模板”? 上的 “每個(gè)元件” 的文本 的值 丹禀！）
【"Item"是中繼器加載每一項(xiàng)時(shí)數(shù)據(jù)行的對象状勤，通過這個(gè)數(shù)據(jù)行對象調(diào)用列名即可獲取列值∷幔】
通過 插入函數(shù) —>獲取item對象持搜，結(jié)合 item的屬性 數(shù)據(jù)表中的每列 數(shù)據(jù)設(shè)置的名字 ——> 獲取到數(shù)據(jù)表中的每個(gè)值！ —> 剩下的就是 字符的拼接焙矛。
例如：1>在中繼器的【每項(xiàng)加載時(shí)】添加交互葫盼，【設(shè)置圖片】“GoodsImage”為【插入變量或函數(shù)】列表中的“[[Item.GoodsImage”]]。
2>綁定商品名稱：這里需要注意村斟，商品名稱最多為 32 個(gè)文字贫导。
在交互中繼續(xù)添加【設(shè)置文本】的動(dòng)作抛猫，設(shè)置商品名稱“GoodsName”的【值】為【插入變量或函數(shù)】列表中的“Item.GoodsName”，并且對商品名稱通過函數(shù)“substr()”進(jìn)行截取孩灯，只保留前 32 個(gè)文字闺金，具體的公式為“[[Item.GoodsName.substr(0,32)]]”。
2—4：調(diào)整中繼器列表的外觀峰档。
在樣式功能面板中败匹，讓商品列表【水平】【布局】【網(wǎng)格排布】，【每行項(xiàng)數(shù)量】為“4”個(gè)讥巡，并且商品項(xiàng)之間的【行】【間距】為“20”像素掀亩，【列】【間距】為“10”像素。
3欢顷、交互—>添加 列表?xiàng)l目：添加交互—> 選擇 中繼器 添加行 —> 添加一行數(shù)據(jù)(數(shù)據(jù)可以規(guī)定 / 也可通過變量 來獲取數(shù)據(jù)) —> 點(diǎn)擊完成槽棍。（我們添加的是 中繼器數(shù)據(jù)表格中的數(shù)據(jù)，不用管 模板上數(shù)據(jù)樣式抬驴！）
4炼七、交互—>刪除 列表?xiàng)l目：按照標(biāo)記去刪
在點(diǎn)擊“刪除”時(shí)，不能直接進(jìn)行【刪除行】的動(dòng)作怎爵，而是要把當(dāng)前這一項(xiàng)對應(yīng)的
數(shù)據(jù)行進(jìn)行【標(biāo)記】特石，確認(rèn)刪除的時(shí)候盅蝗，刪除【已標(biāo)記】的行鳖链。
我們需要? 先將【全部!!】的數(shù)據(jù)行【取消標(biāo)記】，然后??再【標(biāo)記】【當(dāng)前】所需要?jiǎng)h除
的數(shù)據(jù)行墩莫。（先取消全部的標(biāo)記 —> 再標(biāo)記當(dāng)前芙委，事件也有順序別整反了！）
5狂秦、交互—>排序：
中繼器“GroupList”【載入時(shí)】灌侣，我們【添加排序】，依次 添加 按秒的列
值降序排序裂问、按分的列值 降序排序侧啼、按小時(shí)的列值降序排序?以及 按日
期的列值降序排序。 可以添加多種排序堪簿！設(shè)置排序名稱痊乾！
【排序的 條件 ：選擇一個(gè) 屬性—>選擇屬性 類型 —> 選擇 升/降 序? —> 設(shè)置 該排序名稱】
【在取消排序時(shí)，按照名字?進(jìn)行取消哪個(gè)排序】
6椭更、交互—>更新： 交互——>更新行 ——> 填寫規(guī)則條件 (查找哪些item) —> 選擇列 屬性字段 ——> 設(shè)置值
7哪审、交互—>篩選：交互——> 添加篩選 條件 ——> 填寫規(guī)則(條件)
8、中繼器 系統(tǒng)變量：中繼器相關(guān)的屬性能夠幫助我們顯示一些關(guān)于列表的信息虑瀑，例如加載的 列表項(xiàng)數(shù)量湿滓、當(dāng)前頁碼??以及 分頁總數(shù)量?等等滴须。這些屬性都是系統(tǒng)變量，通過? ?【中繼器對象調(diào)用屬性】?即可獲取到相應(yīng)的數(shù)值叽奥。
9扔水、中繼器?—>分頁：設(shè)置?分頁數(shù)量——>必須連帶！而线！修改 中繼器的尺寸
10铭污、中繼器—>翻頁：修改中繼器的 當(dāng)前顯示頁面。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 1> value ：設(shè)置指定的頁面 ——>跳到 指定頁面
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 2>Previous:：前一頁
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 3>Next：下一頁
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 4>Last：最后一頁
--------------------------------------------------------------------------------------
