插入圖片控制項

重要:  本文係由機器翻譯而成,請參閱免責聲明。本文的英文版本請見這裡,以供參考。

如果希望使用者可以在 Microsoft Office InfoPath 表單中插入圖片,您可以在表單範本中使用圖片控制項。圖片控制項可以讓使用者將圖片插入表單上的指定區域中。如此圖片資料便會儲存在基礎表單 (.xml) 檔案中。使用者插入圖片控制項的圖片可以是 Windows Internet Explorer 可以顯示的任何圖片類型。

本文內容

使用圖片內容控制項

使用者體驗

相容性注意事項

插入圖片內容控制項

版面配置的秘訣

使用圖片控制項的時機

您可以使用圖片控制項達成下列目的:

  • 在表單範本中新增空白區,供使用者插入圖片,包括相片、美工圖案和繪圖。

  • 在表單範本中加入無法更換或刪除的永久圖片,例如公司商標。

  • 在表單範本中加入使用者可以刪除或更換的暫存圖片,例如預留位置相片。

  • 將圖片資料儲存成資料表單 (.xml) 檔案中的編碼資料。InfoPath 使用 Base64 編碼對二進位檔案進行編碼和解碼,例如 .gif 或 .jpg 檔案。

  • 將圖片資料儲存成使用者表單 (.xml) 檔案中的超連結參照。

  • 在表單範本上顯示擷取自資料庫或其他外部資料來源的圖像。

在下圖中,保險申訴單範本使用圖片控制項收集投保人的汽車損壞相片。表單設計者已將圖片控制項放入重複區段內,因此使用者可以在表單中新增需要的相片,數目不限。

表單範本上重複區段內的圖片控制項

當您在表單範本中加入圖片控制項時,InfoPath 預設會插入空白的筆跡圖片控制項。使用者可以在填寫以此表單範本為基礎的表單時,在空白的圖片控制項中加入圖片。如果需要,您可以指定預設圖片,而不要將圖片控制項留白。您還可以指定使用者是否可以瀏覽、刪除或更換您插入圖片控制項中的圖片。

相關控制項

InfoPath 包含類似圖片控制項但是目的不同的控制項。如果要判斷哪些控制項最適合您的表單範本,請參考下列清單:

筆跡圖片控制項    筆跡圖片控制項的外觀和操作都和圖片控制項一樣。但是,筆跡圖片控制項可以讓使用者使用 Tablet PC,以 Tablet 畫筆建立繪圖或草圖,但是不允許使用者插入相片或其他圖片。這兩種控制項都能夠處理基礎 XML 中的強式 Base64 編碼資料。不過,圖片控制項也可以將圖片資料儲存成 XML 中的超連結。

檔案附件控制項    如果希望使用者能夠將文件、工作表、簡報和其他檔案附加到他們的表單中,您可以使用檔案附件控制項來取代圖片控制項。

RTF 文字方塊    如果您的表單範本包含 RTF 文字方塊,而且已經啟用 RTF 格式,使用者就可以將圖片加入這些 RTF 文字方塊內。

頁面頂端

使用者經驗

依據表單範本的設計而定,當您插入圖片控制項時,使用者將會看到預設圖片 (由您指定),或是圖片圖示和提示文字 [按一下此處以加入圖片]。在下列範例中,填寫保險申訴單的使用者可以按一下圖片控制項,以插入車輛的照片。在這個範例中,表單設計者將圖片控制項放入重複區段中,以便向使用者收集多張相片。

重複區段內的圖片控制項

當使用者按一下圖片控制項時,他們就可以利用 [插入圖片] 對話方塊來瀏覽圖片。當他們插入圖片時,圖片控制項會根據圖片的尺寸自動調整大小。

頁面頂端

相容性考量

在 InfoPath 中設計表單範本時,您可以選擇設計瀏覽器相容的表單範本。設計瀏覽器支援的表單範本時,您將無法在 [控制項] 工作窗格中使用圖片控制項,因為網頁瀏覽器無法顯示這些項目。

如果要讓使用者在瀏覽器使用的表單範本中插入圖片,您可以將 InfoPath 架設為網頁上的 Microsoft ASP.NET 表單控制項,並編寫程式碼,以 Base64 編碼資料的格式,將圖片插入表單範本的 XML 中。或者,您也可以在瀏覽器支援的表單範本上使用 RTF 文字方塊,讓使用者能夠插入連結圖像。這可讓您將圖片資料儲存成基礎 XML 中的超連結。

頁面頂端

插入圖片控制項

根據您要設計新的空白表單範本,還是依據資料庫或其他外部資料來源設計表單範本而定,插入圖片控制項的程序略有不同。

下圖顯示在設計模式中選取空白的圖片控制項時,該圖片控制項的外觀。

會在設計模式中選取圖片控制項

控制項分為繫結與未繫結兩種。如果是繫結的控制項,它會連接到資料來源中的欄位或群組,這樣您輸入到控制項的資料,就會儲存在基礎表單 (.xml) 檔案中。如果是未繫結的控制項,就不會連接到欄位或群組,而輸入到控制項的資料也不會儲存。當您選取控制項,或將滑鼠指標移到控制項上方時,文字和繫結圖示會出現在控制項右上角。文字會指出資料來源中控制項所繫結的群組或欄位。圖示會指出控制項是否有正確繫結到該群組或欄位。如果繫結正確,就會出現綠色圖示。如果繫結錯誤,您看到的就是藍色或紅色圖示。

表單範本的資料來源包含欄位和資料來源] 工作窗格中的階層式檢視顯示的群組。圖片控制項永遠繫結至欄位。在下列範例中,表單範本上的圖片控制項繫結到資料來源] 工作窗格的photoFile欄位。

表單範本上的圖片控制項與資料來源中的相對應欄位之間的關聯

在新的空白表單範本中插入圖片控制項

當您設計新的空白表單範本時,[控制項] 工作窗格中的 [自動建立資料來源] 核取方塊是預設為選取。這麼一來,當您在表單範本中新增控制項時,InfoPath 就會自動在資料來源中建立欄位和群組。這些欄位和群組是由 [資料來源] 工作窗格中的資料夾和檔案圖示所表示。

  1. 在表單範本中,將游標放在要插入控制項的位置。

  2. 如果沒有看到 [控制項] 工作窗格,請按一下 [插入] 功能表上的 [其他控制項],或按 ALT+I、C。

  3. 按一下 [插入控制項] 底下的 [圖片]。

  4. 在 [插入圖片控制項] 對話方塊中,執行下列其中一項:

    • 若要將圖片資料儲存在使用者的表單中,請按一下 [包含在表單中]。當您選取這個選項時,InfoPath 便會使用 [圖片或檔案附件 (base64)] 資料類型做為圖片控制項,並以基礎表單 (.xml) 檔案對圖片資料進行編碼。如果您要讓表單與其資料易於攜帶,將圖片包含在表單中會是很好的選擇。

    • 若要顯示連結到使用者表單,但未與表單一起儲存的圖片,請按一下 [做為連結]。當您選取這個選項時,InfoPath 便會使用 [超連結 (anyURI)] 做為圖片控制項的資料類型,並將圖片資料儲存成基礎表單 (.xml) 檔案中的超連結。如果您認為使用者需要更新連結的影像,或是想要讓使用者的表單變小,連結到圖片會是很好的選擇。

      附註: 檢視表單上的連結圖像時,使用者必須能夠儲存圖片來源檔案的位置。否則,圖片不會出現在表單上。

  5. 根據預設,表單範本中會插入具有 [按一下此處以插入圖片] 預留位置文字的圖片控制項。

  6. 如果您在步驟 4 中選擇將圖片資料加入使用者表單中,您就可以指定背景圖片。

    做法

    1. 按兩下表單範本上的圖片控制項。

    2. 按一下 [資料] 索引標籤。

    3. 在 [資料] 索引標籤上的 [結合] 之下,按一下 [指定預設圖片],再按 [瀏覽]。

      附註: 如果您在這個程序前面的步驟中選擇了 [做為連結],就不能使用這個選項。

    4. 在 [插入圖片] 對話方塊中,按一下您要的圖片。

  7. 若要在控制項加上標籤,請在上方或控制項左側輸入文字,後面再加上冒號 (:)。

在依據現有資料來源的表單範本中插入圖片控制項

如果您在現有的可延伸標記語言 (XML) 檔案、 資料庫或 Web 服務的表單範本的設計,InfoPath 便會從現有的資料來源的資料來源] 工作窗格中的群組與欄位。在此案例中,您可以插入圖片內容控制項,將欄位拖曳到表單範本的 [資料來源] 工作窗格中,或從 [控制項] 工作窗格插入圖片內容控制項,不過,如下列程序所述︰

  1. 在表單範本中,將游標放在要插入控制項的位置。

  2. 如果沒有看到 [控制項] 工作窗格,請按一下 [插入] 功能表上的 [其他控制項],或按 ALT+I、C。

  3. 按一下 [插入控制項] 底下的 [圖片]。

  4. 在 [插入圖片控制項] 對話方塊中,執行下列其中一項:

    • 若要將圖片資料儲存在表單中,請按一下 [包含在表單中]。當您選取這個選項時,必須將圖片控制項繫結到具有 [圖片或檔案附件 (base64)] 資料類型的欄位。

    • 若要顯示連結到表單,但未與表單一起儲存的圖片,請按一下 [做為連結]。當您選取這個選項時,必須將圖片控制項繫結到具有 [超連結 (anyURI)] 資料類型的欄位。

  5. 在 [圖片繫結] 對話方塊中,選取要用來儲存圖片控制項資料的欄位,然後按一下 [確定]。

    根據預設,表單範本中會插入具有 [按一下此處以插入圖片] 預留位置文字的圖片控制項。

  6. 如果您在步驟 4 中選擇將圖片資料包含在使用者表單中,您就可以指定出現在控制項內的預設圖片。

    做法

    1. 按兩下表單範本上的圖片控制項。

    2. 按一下 [資料] 索引標籤。

    3. 按一下 [繫結] 底下的 [指定預設圖片],然後按一下 [瀏覽]。

      附註: 如果您在這個程序前面的步驟中將圖片控制項繫結到具有 [超連結 (anyURI)] 資料類型的欄位,就不能使用這個選項。

    4. 在 [插入圖片] 對話方塊中,按一下您要的圖片。

  7. 若要在控制項加上標籤,請在上方或控制項左側輸入文字,後面再加上冒號 (:)。

頁面頂端

版面配置提示

請使用下列秘訣,幫助您調整圖片控制項的外觀、大小和其他特性:

  • 無論使用哪種類型的控制項,表格版面配置都是編排版面的好方法。

  • 如果您想在表單範本中包含捲動以容納大圖片的固定區域,在捲動區域內插入圖片控制項便相當有用。

  • 如果要一次變更數個圖片控制項的寬度,請選取您要變更大小的控制項,然後按 ALT+ENTER,再按一下 [大小] 索引標籤,並在 [寬度] 方塊中輸入新數字。

  • 如果要變更圖片控制項的框線或色彩,請在表單範本上選取該控制項,然後按一下 [格式] 功能表上的 [框線及網底],再做必要的調整。

頁面頂端

附註: 機器翻譯免責聲明︰本文係以電腦系統翻譯而成,未經人為介入。Microsoft 提供此等機器翻譯旨在協助非英語系使用者輕鬆閱讀 Microsoft 產品、服務及技術相關內容。基於本文乃由機器翻譯而成,因此文中可能出現詞辭、語法、文法上之錯誤。

擴展您的技能
探索訓練
優先取得新功能
加入 Office 測試人員

這項資訊有幫助嗎?

感謝您的意見反應!

感謝您的意見反應! 我們將協助您與其中一位 Office 支援專員連絡以深入了解您的意見。

×