一、概念：
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ū)、動態(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)的添加、刪除、移動等操作。
6、元件的樣式設(shè)置：在軟件? 右側(cè)的功能模塊中 + 右鍵菜單 中 ——>可對元件的外觀修改形狀的填充顏色、修改邊框的線段類型和改變文字字號等等。透明、文字排版、填充(背景)、線段、陰影、圓角、邊距 等屬性進(jìn)行設(shè)置。
7、布局排列：層級排序、組合(選中多個(gè)元件組合/取消)、對齊(選中多個(gè)元件進(jìn)行對齊操作—>元件是相對選中的第一個(gè)元件 進(jìn)行 對齊操作)、分布(工具欄中提供了多個(gè)元件的分布功能，能夠讓多個(gè)元件快速的進(jìn)行? 水平或垂直方向的等距分布 )
8、繪制草圖：繪制草圖只是不同元件的搭配組合。
-------------------------------------------- 交互設(shè)置 ------------------------------------------------------
1、交互事件：右側(cè)面板中 選擇“交互” ——>添加操作——>選擇動作——>選擇元件(菜單中有 “當(dāng)前元件” 選他即可)——>選擇樣式? （操、作、元、樣）
注意：Axure中一個(gè) 操作事件 —> 可以 添加多個(gè)動作 —> 添加多個(gè)元件 （一個(gè)事件讓多個(gè)元件動起來?。。。└淖兊牟粌H是自己，可能是其他、甚至多個(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è)動作 —> 讓多個(gè)元件動起來?。?/b>
總結(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)致所有頁面的母版都會變化?。?/p>
3、編輯母版：選中母版—>左側(cè)樣式—>編輯母版視圖—>添加 繼承(基本) —> 母版新狀態(tài) (【影響所有視圖】的勾選 記得取消，否則默認(rèn)影響所有母版狀態(tài))? 可以添加新的元件！
（注意的一點(diǎn)是修改視圖內(nèi)容時(shí) 僅限!!!? 改變 "位置/ 尺寸/ 樣式"?。元件上的文字、圖片以及交互發(fā)生改變時(shí)，即便取消【影響所有視圖】的勾選，其他視圖依然會受到影響。）
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ú)說明某塊的功能 描述?；蛘?雙擊快照 —> 即可拖動 快照里的 頁面！選擇 著重說明的功能。
? ? ? ? ? ? ? ? ? ? ? ? 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è)條件滿足就會觸發(fā)事件執(zhí)行！
---------------------------------- 條件判斷 ----------------------------------
1、事件 “添加情形”：鼠標(biāo)移動到事件上，右上角 “啟動情形” (一個(gè)情形—>對應(yīng)一個(gè)動作!!!!) —> 添加多個(gè)情形——> 必須添加多個(gè)執(zhí)行動作?。?/b>
我們在最左側(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á) 要求，事件就會觸發(fā)！
2、一個(gè)情形可以添加多 條件，多個(gè)添加的關(guān)系—> 可以選擇 并且 / 或者? 兩個(gè)關(guān)系
--------------------------------------------------------------------------------------
----------------------------------- 值的運(yùn)算 -----------------------------------
1、【值】的設(shè)置可以寫入運(yùn)算公式。運(yùn)算公式需要寫在?兩對中括號中。例如，計(jì)算 3 乘以 5，公式為：[[3*5]]?
為什么公式“ [[3*?[[5?+6]]-4]]”中的“[[5+6]]”沒有被運(yùn)算呢？
1>兩對中括號內(nèi)部的公式會被運(yùn)算出結(jié)果!!!.
2>兩對中括號外部的內(nèi)容會和兩對中括號內(nèi)部的公式運(yùn)算結(jié)果連接。
3>程序會 從左至右依次尋找可計(jì)算的公式?，進(jìn)行運(yùn)算后將結(jié)果與其它內(nèi)容連接。?
[[ [[3*5]]?+ [[?6-4 ]]?]]? ——> [[15+2]] :所以這個(gè)可以算出來
總結(jié)：[[ 內(nèi)部只能是運(yùn)算公式 ]] —> 公式 左右兩側(cè)?不能出現(xiàn)任何符號！否則不能計(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)自動完成，我們需要做的??只是讀取變量值??進(jìn)行運(yùn)算?！?gt; 在【值】的設(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ù)是由?名稱、括號、參數(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)一?顯示、隱藏、移動的多個(gè)元件，或者為?多個(gè)元件統(tǒng)一添加交互??！，都可以通過組合來完成。（Axure里顯示與隱藏 提供了豐富的動畫效果！）
3、組合也可以添加 交互事件 ——> 點(diǎn)擊組合中?任何一個(gè)元件?都可以觸發(fā) ”組合事件“
--------------------------------------------------------------------------------------
----------------------------------- 動態(tài)面板（唯一帶滾動效果的元件） -----------------------------------
總結(jié)：Axure的動態(tài)面板 跟墨刀中的狀態(tài)效果類似！但是Axure的動態(tài)面板功能要比墨刀中更強(qiáng)！
1、動態(tài)面板：將動態(tài)面板放入畫布之后，它是一個(gè)帶有半透明顏色的元件。實(shí)際上我們所看到的顏色并不是動態(tài)面板的顏色，這是?為了方便我們進(jìn)行編輯?所帶有的顏色。
畫布中也能夠讓透明的元件變得完全透明，通過導(dǎo)航欄中的【視圖】菜單，取消【遮罩】子菜單中【動態(tài)面板】的勾選項(xiàng)即可。查看原型時(shí)，動態(tài)面板是完全透明的元件。
2、容器：動態(tài)面板是一個(gè)容器！！，可以分層(多個(gè)狀態(tài) —>類似 墨刀中的狀態(tài))。雙擊動態(tài)面板—>進(jìn)入編輯狀態(tài)。
如果不需要多層的話，動態(tài)面板能夠像組合一樣使用!!，把元件放入動態(tài)面板默認(rèn)的層（狀態(tài)）中，
完成統(tǒng)一的交互。
3、固定位置：動態(tài)面板 能夠? 固定? 在?頁面的某一位置上。
4、拖動：動態(tài)面板是?唯一?具有? 拖動交互事件的元件。
5、滾動區(qū)域：內(nèi)容過多，過長、動態(tài)面板是個(gè)容器，可以裝下進(jìn)行滾動??！
6、適應(yīng)寬度：動態(tài)面板? 有個(gè)屬性——> 100%寬度！，勾選后，動態(tài)面板 寬度? 將與瀏覽器同寬
7、多狀態(tài)：(輪播圖的制作，狀態(tài)切換時(shí)的 進(jìn)入動畫 + 上一個(gè)狀態(tài)退出動畫?)
--------------------------------------------------------------------------------------
----------------------------------- 中繼器（類似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ù)集自動創(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)用列名即可獲取列值?！?/p>
通過 插入函數(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è)置文本】的動作，設(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)前這一項(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：最后一頁
--------------------------------------------------------------------------------------
