蜜果私塾：Axure RP 8.0新功能新特性詳解（2）

文：阿蜜果

日期：2016/3/13

轉載請注明出處

         接上篇《蜜果私塾：Axure RP 8.0新功能新特性詳解（1）》
      案例下載地址：下載案例

2.6 新增快照部件

這是Axure RP 8.0推出的新部件，可以使用快照部件捕捉引用頁面或主頁面圖像。可以配置快照部件顯示整個頁面或頁面的一部分，也可以在捕捉圖像之前對需要應用交互的頁面建立一個快照。

快照組件可用于展示交互行為中每一步的進展圖解，或者用于為流程圖添加縮略圖。

         將快照部件拖入頁面設計區域后如下圖所示：

         雙擊快照部件，打開設置引用頁面或母版窗口，如下圖所示：

         選擇某個頁面后，點擊“OK”按鈕，設置完成后參考如下：

         默認頁面在快照中設置為自適應大小，即在檢視面板（Inspector）勾選了“Scale to Fit”，在該區域可取消勾選“Scale to Fit”，并可對坐標值（Offset X、Offset Y）和縮放比例（Scale），如下圖所示：

         可以在檢視面板（Inspector）的屬性選項卡，可以為快照部件設置諸如OnClick、OnMouseEnter、OnMouseOut等事件，在快照組件添加的交互行為的觸發器不會影響到引用頁面。在默認情況下，點擊快照將打開引用頁面。可以在HTML生成器交互部分關閉掉這個行為。如果你在快照組件中添加了一個OnClick的交互行為，那么鏈接到引用頁面的行為將會被這個交互行為所替代。

2.7優化中繼器部件

         添加中繼器部件，復制筆者之前在Axure RP 7.0版本設計的一個美麗說服飾列表的中繼器案例，如下圖所示：

         其中排序下方的區域都是中繼器部件（具體可下載案例中的rp源文件）。接著看一下Axure RP 8.0版本針對中繼器部件做了哪些增強。主要體現在：

         1）與HMTL的內容自適應：在Axure RP 7.0版本中，如果在中繼器項編輯頁面添加某個部件，并且默認將其隱藏，如下圖中的紅色的矩形部件：

         不管隱藏/顯示該矩形部件，中繼器部件的每個項都占用了顯示該部分時所占用的空間，隱藏矩形部件時如下圖所示：

         顯示矩形部件時如下圖所示：

         由此可見中繼器中每個項的寬度并沒有改變。

         在Axure RP 8.0版本中，該部分功能得到了優化，中繼器項會根據內部的部件的隱藏和顯示自動設置寬度和高度。如在Axure RP 8.0版本中添加同樣的紅色矩形部件，并且默認將其設置為隱藏狀態：

         隱藏矩形部件時頁面如下圖所示：

         顯示紅色矩形時頁面自動調整，如下圖所示：

2）添加OnItemResize事件：在Axure RP 7.0版本中，只有OnLoad（中繼器加載時事件）和OnItemLoad（中繼器項加載時事件），在Axure RP 8.0版本中，添加了OnItemResize（中繼器項調整大小時事件）。該方法在中繼器項的大小改變時觸發。

可在剛才的中繼器案例中添加一個infoLabel的標簽部件，而后設置中繼器部件的OnItemResize事件，在中繼器部件調整大小時設置infoLabel的值，設置所示：

         運行案例，可看到當中繼器中紅色矩形部件由隱藏變為顯示時，該標簽部件的值被修改。

2.8 在AxShare中建立團隊項目

         在Axure RP 7.0版本中，可以將項目上傳到AxShare官方共享網站，而且提供了團隊項目功能，但是無法實現托管團隊項目功能。

         在Axure RP 8.0版本中，在AxShare中添加了托管團隊項目的功能。除了在SVN服務器上托管圖團隊項目的當選項以外，團隊項目的工作方式如登入和登出與v7版本是一樣的。

         在菜單欄選擇“Team(PRO) ” –> “Create Team Project from Current File”（從當前文件創建團隊項目），可看到在新建團隊項目窗口新新增了除SVN外的“AxShare”選項卡，如下圖所示：

         在新建團隊項目的AxShare選項卡可點擊“Log In”按鈕輸入原有Email/密碼進行登錄，或者輸入Email、密碼等信息進行注冊操作。