原型設計工具Axure RP參考（十四）：內(nèi)聯(lián)框架小部件

---

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

免費下載Axure RP 優(yōu)惠購買Axure RP

---

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

分配目標頁面，URL或文件

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

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

特殊性質(zhì)

移除邊框

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

滾動

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

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

預覽圖

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

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

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

注意：預覽圖像將僅出現(xiàn)在Axure RP的畫布上。它不會顯示在網(wǎng)絡瀏覽器中。

特殊互動

在框架中打開鏈接

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

在父框架中打開鏈接

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

局限性

嵌入阻止

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

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

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

本地文件

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

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

推薦閱讀：

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

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

關注慧聚IT微信公眾號???，了解產(chǎn)品的最新動態(tài)及最新資訊。