原型設計工具Axure RP參考（十四）：內聯框架小部件

---

Axure RP是一套專門為網站或應用程序所設計的快速原型設計工具， 可以讓應用網站策劃人員或網站功能界面設計師更加快速方便的建立Web AP和Website的線框圖、流程圖、原型和規格。

免費下載Axure RP 優惠購買Axure RP

---

 內聯框架小部件使您可以將HTML，視頻，音頻和其他媒體文件嵌入到Axure RP圖中。您可以使用嵌入式框架插入RP文件外部的內容（例如YouTube視頻和Google Maps），也可以使用它們將Axure RP原型頁面彼此嵌入。內聯框架窗口小部件在“默認”窗口小部件庫的“公共”部分中可用。

分配目標頁面，URL或文件

雙擊一個內聯框架小部件，或在“樣式”窗格中單擊“添加框架目標”以顯示“鏈接屬性”對話框。在這里，您可以選擇在RP文件中嵌入另一個頁面，也可以使用“鏈接到外部url或文件”部分來嵌入外部內容。

要嵌入網絡托管頁面或文件，請使用其網址；要嵌入本地文件，請在計算機文件瀏覽器中使用其相對或絕對路徑（請參見下面的本地文件限制）。

特殊性質

移除邊框

默認情況下，內聯框架中的內容被邊框包圍，邊框的樣式由Web瀏覽器控制。要刪除邊框，請選擇嵌入式框架，然后選中“樣式”窗格中的“隱藏邊框”復選框。

滾動

默認情況下，如果嵌入式框架的嵌入式媒體大于框架本身，則嵌入式框架將是可滾動的。如果嵌入的內容比框架高，它將顯示一個垂直滾動條，如果嵌入的內容比框架寬，則將顯示一個水平滾動條。

要更改滾動行為，請選擇嵌入式框架，然后在“樣式”窗格的“滾動”下拉列表中選擇其他選項。

預覽圖

一旦頁面加載到Web瀏覽器中，就會動態加載內聯框架窗口小部件的嵌入式內容。因此，嵌入的內容不會出現在Axure RP畫布上。為了幫助進行原型制作，您可以通過提供預覽圖像來提示框架的內容。

選擇一個內聯框架窗口小部件，然后在“樣式”選項卡的“預覽”下拉列表中選擇以下選項之一：

• 無預覽（默認）
• 視頻
• 地圖
• 自定義預覽（允許您導入自己的圖像）

注意：預覽圖像將僅出現在Axure RP的畫布上。它不會顯示在網絡瀏覽器中。

特殊互動

在框架中打開鏈接

您可以使用交互來動態設置嵌入式框架小部件的目標頁面或文件。在所需事件（例如按鈕的Click或Tap事件）下設置“框架內打開鏈接”操作，然后在RP文件中選擇一個頁面或輸入外部URL或文件路徑。

在父框架中打開鏈接

“框架中的打開鏈接”操作使您可以選擇以“父框架”為目標，而不是特定的嵌入式框架小部件。您可以在嵌入式框架中加載的頁面中使用此選項，以更改包含嵌入式框架的窗口中的當前頁面。

局限性

嵌入阻止

網站可以選擇阻止其頁面嵌入在其他域托管的頁面中。這樣可以防止此類頁面顯示在Axure RP的嵌入式框架小部件中。無法嵌入到嵌入式框架窗口小部件中的網站的一些示例是Google，Facebook，Yahoo和Twitter。

不允許在父頁面和嵌入式頁面之間傳遞變量

不可能在父頁面和任何嵌入式頁面之間來回傳遞變量值。這是一種稱為“跨站點腳本”的網絡安全違規，大多數網絡瀏覽器均不允許使用。

本地文件

作為一種安全措施，大多數Web瀏覽器都會阻止網站訪問計算機的本地文件系統。這意味著托管在Axure Cloud上或通過“預覽”選項查看的Axure RP原型（通過本地運行的Web服務器提供原型）將無法訪問嵌入在嵌入式框架小部件中的本地文件。

如果您在嵌入式框架窗口小部件中嵌入了本地文件，則需要通過Publish→Generate HTML Files生成其HTML文件的本地副本來查看原型。

推薦閱讀：

原型設計工具Axure RP入門教程

原型設計工具Axure RP新手教程

關注慧聚IT微信公眾號???，了解產品的最新動態及最新資訊。