本文介紹了多個組件的復雜布局的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
我正在設計一個圖形用戶界面，其中我有如下所示的組件。但在第二行，我想管理組件之間的空間。例如，在第二行中，我希望同時適合JLabel“移動到時間”和JTextField，而沒有太多的間距。正如我所看到的，現在MigLayout將JTextField與第一行中的第二個組件放在一起。然后，第二行中的JButton“移動”應與第一行中的第二個組件對齊。我如何實現這一點？以下是我的代碼。我在MigLayout上查找了許多小抄和快速入門指南，但我還不能做到。有人能建議對我的代碼片段進行修改嗎？謝謝。
`
JPanel helper = new JPanel( new MigLayout( "" ) );
helper.add( new JButton( "Add puncta coordinates from CSV" ), "width 250:20" );
helper.add( new JButton( "Add track coordinates from CSV" ), "wrap" );
helper.add( new JLabel( "Move to time:" ) );
JTextField tMoveTime = new JTextField();
helper.add( tMoveTime, " gap 2px, width 75:20" );
JButton bMoveTime = initMoveButton();
helper.add( bMoveTime, "width 75:20" );
`
實際上，我打算完整地制作以下包含所有按鈕和文本字段的圖形用戶界面，還有其他布局更適合嗎？如果是，是否可以指向推薦布局的示例代碼片段？謝謝。
推薦答案
您可以考慮兩種基本方法：
一種是使用高度靈活的布局管理器，如MigLayout。我不太熟悉，但我可以推薦GridbagLayout這份工作：
JPanel helper = new JPanel( );
GridBagLayout gbl_helper = new GridBagLayout();
gbl_helper.columnWidths = new int[]{200, 7, 200, 60, 18, 0};
gbl_helper.rowHeights = new int[]{20, 20};
gbl_helper.columnWeights = new double[]{1.0, 0.0, 1.0, 0.0, 0.0, Double.MIN_VALUE};
gbl_helper.rowWeights = new double[]{0.0, 0};
helper.setLayout(gbl_helper);
GridBagConstraints gbc1 = new GridBagConstraints();
gbc1.fill = GridBagConstraints.HORIZONTAL;
gbc1.gridwidth = 2;
gbc1.anchor = GridBagConstraints.NORTHWEST;
gbc1.insets = new Insets(5,5,5,5);
gbc1.gridx = 0;
gbc1.gridy = 0;
JButton button1 = new JButton( "Add puncta coordinates from CSV" );
helper.add( button1, gbc1 );
GridBagConstraints gbc2 = new GridBagConstraints();
gbc2.fill = GridBagConstraints.HORIZONTAL;
gbc2.gridwidth = 2;
gbc2.anchor = GridBagConstraints.NORTHWEST;
gbc2.insets = new Insets(5,5,5,5);
gbc2.gridx = 2;
gbc2.gridy = 0;
JButton button2 = new JButton( "Add track coordinates from CSV" );
helper.add( button2, gbc2 );
GridBagConstraints gbc3 = new GridBagConstraints();
gbc3.insets = new Insets(0, 0, 0, 5);
gbc3.gridx = 0;
gbc3.gridy = 1;
JLabel label = new JLabel( "Move to time:" );
helper.add( label, gbc3 );
JTextField tMoveTime = new JTextField();
tMoveTime.setColumns(15);
GridBagConstraints gbc4 = new GridBagConstraints();
gbc4.anchor = GridBagConstraints.WEST;
gbc4.insets = new Insets(0, 0, 0, 5);
gbc4.gridx = 1;
gbc4.gridy = 1;
helper.add( tMoveTime, gbc4);
JButton bMoveTime = new JButton("Move");
GridBagConstraints gbc5 = new GridBagConstraints();
gbc5.insets = new Insets(0, 0, 0, 5);
gbc5.anchor = GridBagConstraints.NORTHEAST;
gbc5.gridx = 3;
gbc5.gridy = 1;
helper.add( bMoveTime, gbc5 );
另一種方法是使用子面板將復雜布局劃分為更簡單的布局，每個子面板都有自己的布局管理器：
JPanel helper = new JPanel( );
helper.setLayout(new BoxLayout(helper, BoxLayout.Y_AXIS));
getContentPane().add(helper);
JPanel topPanel = new JPanel();
helper.add(topPanel);
JButton button1 = new JButton( "Add puncta coordinates from CSV" );
topPanel.add(button1);
JButton button2 = new JButton( "Add track coordinates from CSV" );
topPanel.add(button2);
JPanel bottomPanel = new JPanel();
helper.add(bottomPanel);
bottomPanel.setLayout(new BoxLayout(bottomPanel, BoxLayout.X_AXIS));
JPanel bottomRIght = new JPanel();
bottomPanel.add(bottomRIght);
JLabel label = new JLabel( "Move to time:" );
bottomRIght.add(label);
JTextField tMoveTime = new JTextField();
bottomRIght.add(tMoveTime);
tMoveTime.setColumns(15);
JPanel bottomleftPanel = new JPanel();
bottomPanel.add(bottomleftPanel);
bottomleftPanel.setLayout(new FlowLayout(FlowLayout.RIGHT, 5, 5));
JButton bMoveTime = new JButton("Move");
bottomleftPanel.add(bMoveTime);
這篇關于多個組件的復雜布局的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，
