在GUI生成器中創建此窗體時遇到困難

Question

我有這張我想在Codename One UI設計中重新創建的窗體的圖片，但我堅持用白線分隔兩個按鈕。見下面的圖片給我如何實現這一點的想法：

Answer 1

在這種類型的設計，你將不得不從背景圖像中提取文本/按鈕。請按照下列步驟：

1. 刪除凱瑟，並與後臺他們的口號Gifter按鈕。
2. 將背景圖像添加到您的theme.res並創建一個自定義表單uiid，該表單會縮放後臺圖像以填充。
3. 將表單的佈局設置爲GridLayout，並帶有2行1列。
4. 將2個容器添加到您的表單（頂部和底部）並將其佈局設置爲new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER)。
5. 在每個容器中，添加另一個容器，其佈局設置爲BoxLayout.y()。
6. 在這個最終的BoxLayout容器內部，這就是您要添加的地方Cather和Gifter按鈕與他們的標語作爲標籤。