GUI Design Studio是一款用戶界面及軟件原型設計工具，適用于Web，桌面，移動和嵌入式軟件應用程序設計。其快速、易于使用以及無需任何編碼的優點，使其成為軟件設計師，用戶體驗專家，業務分析師，開發人員，項目經理和咨詢專家的首選原型設計工具。

點擊下載GUI Design Studio

Caretta Software的iOS設計庫是作為原始iPhone庫的擴展而創建的，旨在取代該庫以用于所有新項目。使用iPhone庫中組件的現有項目應繼續鏈接至該項目，但也可能鏈接至該新庫。iOS庫包含用于為Apple iPad，iPhone和iPod Touch應用程序制作原型的自定義元素小部件，組件和圖標的集合。像這樣創建庫能夠提供許多有關如何改進GUI Design Studio本身的想法，但也為庫設計帶來了一些有趣的學習經驗。

以下是學到的三個關鍵課程，它們可能對您創建自己的設計庫以重用自己項目中的小部件和組件很有用。

規劃圖書館結構時要三思

當生產原始的iPhone庫時，總是有人想生產一個單獨的iPad庫。但是，當開始使用iPad庫時，很快意識到，兩個庫中出現的相同小部件存在很多重疊。如果蘋果曾經生產過另一種具有類似UI的iOS設備，那么重疊問題將會惡化。不僅如此，還需要針對兩個平臺設計許多iOS應用程序，因此單個設計項目可能包含兩個目標的屏幕。雖然分別鏈接到iPhone和iPad庫仍然很容易，但僅需要一個庫就很有意義。

最后，為iPhone組件保留了幾乎相同的文件夾結構和文件名，并為針對iPad的新添加內容添加了“ iPad”標簽。因此，如果設計文件或文件夾包含“ iPad”，那么它就是它的用途，否則，它適用于iPhone或通用產品。對于小部件來說，還不錯。該結構并不重要，因為與組件不同，小部件被復制到設計中，而沒有引用它們的原始位置。

總的來說，只要經過一些前瞻性的思考和規劃，我們就可以擁有一個更加一致的結構和命名約定，還可以避免過時的設計庫浮出水面的問題。

將復雜的靜態組件轉換為圖像以提高性能

虛擬鍵盤對于應用程序設計至關重要，因為虛擬鍵盤在激活時會占用大量屏幕空間。您需要設計您的應用程序，以便在您只有一半的屏幕可以播放時才能正常運行。但是，渲染構成iPad鍵盤的93層元素以及細微的漸變填充會影響性能。

那該怎么辦呢？但是這樣的設計僅用作靜態組件。在原型中沒有與他們的真正互動。在使用虛擬鍵盤的情況下，您將使用真實的鍵盤輸入文本（直到在實際iPad上運行的日期）。

Caretta Software了解到，將設計轉換為圖像可顯著提高性能，因為所有單獨的圖層均被單個圖像替換。而且只需幾秒鐘即可完成，因此如果您需要更改設計并重新創建圖像，這沒什么大不了的：

1. 打開設計后，使用“編輯| 復制設計圖片”菜單命令（Ctrl + Shift + C熱鍵）。
2. 在項目文件樹中選擇目標文件夾。我們建議使用與原始設計相同的文件夾。
3. 單擊“將圖像粘貼到文件”按鈕或使用“項目| 將圖像粘貼到文件…”菜單命令。
4. 輸入圖像文件名。我們建議您使用與設計相同的名稱，但當然要帶有圖像擴展名，而不要使用“ .gui”。

現在，您可以拖放設計的圖像版本而不是設計文件。從一開始就使用實際的iPad鍵盤屏幕抓圖，而不是花所有精力從元素重新創建然后將其變成圖像，這是很誘人的。如果要創建供私人使用的庫，這是可以接受的，但是在分發庫時，版權問題將成為主要考慮因素。

考慮如何更輕松地重用自定義元素小部件

自定義元素（也稱為小部件）是設計庫的真正核心。除了最簡單的小部件之外，所有小部件通常都由多個元素層組成。但是，如果沒有以正確的方式創建它們，則在設計項目中使用它們可能會很尷尬。

良好的窗口小部件設計的關鍵是多花半英里，花一兩分鐘的時間檢查它在重用中的性能，特別是當您要移動和調整大小或編輯文本或其他內容時。

自定義按鈕小部件和分解圖，顯示了其從4個元素層的構造以及頂部，文本層調整錨點的大小。

在某些情況下，以下某些技巧可能不適用，例如在輸入表單中組合多個控件時，但是如果您要創建一個獨立的小部件，則在大多數情況下它們都是有意義的：

1. 在將小部件作為整體進行移動時，完成小部件設計后，您應該采取的最后一個操作是選擇所有元素（Ctrl + A）并將它們分組（Ctrl + G）。這樣可以確保在選擇頂層元素時，所有小部件元素都將一起移動。在編輯設計時，您可能需要在某個時候做相反的操作（選擇全部然后用Ctrl + Shift + G取消組合），以使重新安排事情變得更加容易。
2. 調整窗口小部件大小的能力由子節點上的“調整大小錨點”控制的位置父子關系確定。使用Shift + F8可以在圖形編輯器中打開和關閉這些功能，或從屬性編輯器的“位置”選項卡中訪問它們。使用圖形方法的一個優點是您可以同時影響所有選定的元素。
3. 內容編輯很簡單。通常，請確保將所有可編輯內容（如文本和圖標）放在頂層，以便直接單擊即可進行編輯。
4. 有時，您必須通過在各個圖層中組合可用的基本元素來發揮創意，以實現所需的效果。最后一個技巧是確保小部件具有包含整個內容的單個背景元素。將小部件拖到設計上時，將選擇所有背景元素。如果只有一個，則該操作是干凈的，并且假設調整大小錨點已正確設置，則可以調整該元素的大小以調整整個窗口小部件的大小。

最后，值得注意的是，每當您在設計中使用分層小部件并且想要選擇背景元素以調整大小時，請記住，Tab鍵和Shift + Tab組合是您在選擇的元素之間切換的朋友。

如果您覺得有用，請在下面發表評論，并與您的朋友和同事分享這篇文章。

| 查找更多界面類產品請訪問用戶界面專題|

關注慧聚IT微信公眾號 ???，了解產品的最新動態及最新資訊。