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

---

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

免費(fèi)下載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)框架窗口小部件在“默認(rèn)”窗口小部件庫的“公共”部分中可用。

分配目標(biāo)頁面，URL或文件

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

要嵌入網(wǎng)絡(luò)托管頁面或文件，請使用其網(wǎng)址；要嵌入本地文件，請?jiān)谟?jì)算機(jī)文件瀏覽器中使用其相對或絕對路徑（請參見下面的本地文件限制）。

特殊性質(zhì)

移除邊框

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

滾動

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

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

預(yù)覽圖

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

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

• 無預(yù)覽（默認(rèn)）
• 視頻
• 地圖
• 自定義預(yù)覽（允許您導(dǎo)入自己的圖像）

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

特殊互動

在框架中打開鏈接

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

在父框架中打開鏈接

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

局限性

嵌入阻止

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

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

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

本地文件

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

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

推薦閱讀：

原型設(shè)計(jì)工具Axure RP入門教程

原型設(shè)計(jì)工具Axure RP新手教程

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