建立使用者介面的線框圖

建立使用者介面的線框圖

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

線框範本的設計建立中等逼真度照相機的軟體應用程式。範本可用於廣泛的軟體類型,例如 [Windows、 網際網路和行動裝置的應用程式。

  1. 首先,按一下 [對話方塊] 樣板,將 [應用程式] 表單或 [對話方塊] 表單拖曳到頁面。從此樣板新增其他圖形,以建立 UI 基本結構的大綱。

  2. 按一下 [工具列] 樣板,以加入功能表及其他應用程式圖示。

  3. 使用其餘四個預設樣板 ([控制項][游標][一般圖示][網頁與媒體圖示]) 提供的圖形,填入 UI 來展現應用程式的功能。

某些線框圖形具有可自訂的屬性。下列為使用這些圖形的若干秘訣。

您想要做什麼?

建立對話方塊

建立工具列

將控制項新增至表單

建立對話方塊

圖形

提示

應用程式表單

形成整個應用程式界域的容器。位於右上角的連接點是容納 Windows 按鈕圖形的地方。

對話方塊表單

用以放置對話方塊圖示、控制項及文字的容器。位於右上角的連接點是容納 Windows 按鈕圖形的地方。

Windows 按鈕

使用此圖形選取您要呈現的按鈕,例如:[關閉]、[最大化]、[最小化] 或 [還原] (這些按鈕都是應用程式表單與對話方塊表單右上角常見的按鈕)。將圖形放入表單來選取想要的按鈕後,您也可以在圖形上按一下滑鼠右鍵,然後按一下 [按鈕類型] 來變更類型。

若要改變按鈕的陰影,請以滑鼠右鍵按一下圖形,然後按一下 [顯示使用中]

狀態列

包含狀態列項目、圖示、分隔器的容器。狀態列項目是長度中等的橫條,您可以按兩下為其加入文字。這些項目也有置中連接點,以供您加入圖示、進度列、滑動軸或其他圖形。狀態列圖示是具有置中連接點的短幅橫條,您可以從 [一般圖示][網路與媒體圖示] 拖放圖示到狀態列圖示。您可以將狀態列分隔器放到其他圖形中間,當做明顯的區隔。

捲軸

按一下滑鼠右鍵以指定捲軸為垂直或水平,並設定滑動軸的長度 (捲動標籤長度)。使用黃色控制項控點沿著捲軸移動滑動軸。

調整大小抓取點

只能用於捲軸和狀態列。將它放入頁面後,會出現對話方塊讓您設定類型。

索引標籤列

包含索引標籤項目的容器。加入上層索引標籤項目或下層索引標籤項目後,若要再加入更多項目,請以滑鼠右鍵按一下索引標籤項目,或將滑鼠指標移到索引標籤的角落,再按一下隨橙色醒目提示出現的藍色插入箭號。

若要變更索引標籤的陰影,請以滑鼠右鍵按一下圖形,然後按一下 [設定使用中索引標籤]

選取索引標籤列時,您可以使用 [容器工具] 底下的 [格式] 索引標籤,來變更索引標籤列樣式。

頁面頂端

建立工具列

圖形

提示

功能表列

包含功能表列項目的容器。加入功能表列項目後,以滑鼠右鍵按一下該項目來設定其狀態 (如:啟用或選取)、類型 (一般或下拉式) 及是否增加空間供放置圖示用。您還可透過快顯功能表或按一下藍色插入箭號,來加入更多功能表列項目。

下拉功能表

包含功能表項目的容器。加入功能表項目後,以滑鼠右鍵按一下該項目來設定其狀態 (如:啟用或選取)、類型 (如:一般或圓鈕) 及是否將其設為功能表寬度。您還可透過快顯功能表或按一下藍色插入箭號,加入更多功能表項目。

您可以將下拉功能表連接到功能表列項目,顯現出功能表開啟的樣子。功能表列項目的下方角落有連接點,能夠連接到下拉功能表的上方角落。

頁面頂端

將控制項新增至表單

圖形

提示

超連結

將超連結圖形放入頁面後,會出現 [超連結] 對話方塊讓您設定連結目標。

按鈕

以滑鼠右鍵按一下按鈕圖形,設定按鈕的狀態或外觀 (例如:啟用或選取)。

清單方塊

包含清單方塊項目的容器。以滑鼠右鍵按一下清單方塊,設定清單的方向 (例如:由上到下或從左至右)。加入清單方塊項目後,以滑鼠右鍵按一下該項目來設定其狀態 (如:啟用或選取),並依您是否要為項目額外預留空間 (用以新增圖示等) 來設定預留位置。您還可透過快顯功能表或按一下藍色插入箭號,加入更多清單方塊項目。

選取清單方塊時,您可以使用 [容器工具] 底下的 [格式] 索引標籤變更清單方塊樣式。

核取方塊

以滑鼠右鍵按一下核取方塊來設定 [選擇] (例如,[選取][未選取]) 以及 [狀態] (例如,[啟用][暫留])。

樹狀控制項

包含樹狀控制項項目的容器。新增樹狀控制項項目之後,以滑鼠右鍵按一下項目即可控制縮排以及設定樹狀屬性,例如,展開或摺疊狀態及預留位置空間。

您還可透過快顯功能表或按一下藍色插入箭號,加入更多樹狀控制項項目。

選取樹狀控制項時,您可以使用 [容器工具] 底下的 [格式] 索引標籤,來變更樹狀控制項樣式。

滑動軸

以滑鼠右鍵按一下滑動軸,設定刻度標記的數目與位置等屬性。使用黃色控制項控點來移動滑動軸。

進度列

使用黃色控制項控點來移動進度列指示器。

行事曆

將行事曆放入頁面後,會出現對話方塊讓您設定月份和年份。稍後若要變更其設定,請以滑鼠右鍵按一下此圖形,然後按一下 [設定]

頁面頂端

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

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

這項資訊有幫助嗎?

感謝您的意見反應!

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

×