原型設(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)惠購(gòu)買Axure RP

---

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

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

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

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

特殊性質(zhì)

移除邊框

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

滾動(dòng)

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

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

預(yù)覽圖

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

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

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

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

特殊互動(dòng)

在框架中打開(kāi)鏈接

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

在父框架中打開(kāi)鏈接

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

局限性

嵌入阻止

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

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

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

本地文件

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

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

推薦閱讀：

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

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

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