App下載

Java圖形界面中常用的幾種布局方式 附實(shí)例代碼使用

猿友 2021-08-03 15:27:40 瀏覽數(shù) (6079)
反饋

流式布局

采用流式布局會(huì)將元素按從左到右的順序排列,如果一個(gè)元素在一行中放不下,那這個(gè)元素會(huì)另起一行依然按照從左到右的順序排列

示例:

2021042210480788

代碼

public class Test {
	public static void main(String[] args) {
//		創(chuàng)建窗口
		JFrame jFrame = new JFrame();
//		設(shè)置窗口名稱(chēng)
		jFrame.setTitle("hello");
//		創(chuàng)建流式布局管理器 對(duì)齊方式為左對(duì)齊
		LayoutManager layout = new FlowLayout(FlowLayout.LEFT);
//		關(guān)閉窗口結(jié)束程序
		jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//		創(chuàng)建內(nèi)容面板
		Container contentpage = jFrame.getContentPane();
//		設(shè)置內(nèi)容面板布局方式為流布局
		contentpage.setLayout(layout);
//		創(chuàng)建按鈕
		JButton button1 = new JButton("1");
		JButton button2 = new JButton("2");
		JButton button3 = new JButton("3");
		JButton button4 = new JButton("4");
		JButton button5 = new JButton("5");
//		設(shè)置按鈕大小
		button1.setPreferredSize(new Dimension(100,100));
		button2.setPreferredSize(new Dimension(100,100));
		button3.setPreferredSize(new Dimension(100,100));
		button4.setPreferredSize(new Dimension(100,100));
		button5.setPreferredSize(new Dimension(100,100));
//		設(shè)置按鈕背景顏色
		button1.setBackground(Color.red);
		button2.setBackground(Color.blue);
		button3.setBackground(Color.pink);
		button4.setBackground(Color.orange);
		button5.setBackground(Color.yellow);
//		將按鈕添加到內(nèi)容面板中
		contentpage.add(button1);
		contentpage.add(button2);
		contentpage.add(button3);
		contentpage.add(button4);
		contentpage.add(button5);
//		設(shè)置窗口大小
		jFrame.setSize(500, 300);
//		設(shè)置窗口可見(jiàn)
		jFrame.setVisible(true);	
	}
}

邊界布局

采用邊界布局會(huì)將元素分別劃分到東,西,中,南,北五個(gè)方位,分別使用EAST,WEST,CENTER,SOUTH,NORTH標(biāo)識(shí),每個(gè)方位只能放一個(gè)元素

示例

2021042210480789

代碼

public class Test {
	public static void main(String[] args) {
//		創(chuàng)建窗口
		JFrame jFrame = new JFrame();
//		設(shè)置窗口名稱(chēng)
		jFrame.setTitle("hello");
//		創(chuàng)建邊界布局管理器
		BorderLayout layout = new BorderLayout();
//		關(guān)閉窗口結(jié)束程序
		jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//		創(chuàng)建內(nèi)容面板
		Container contentpage = jFrame.getContentPane();
//		設(shè)置內(nèi)容面板布局方式為流布局
		contentpage.setLayout(layout);
//		創(chuàng)建按鈕
		JButton button1 = new JButton("1");
		JButton button2 = new JButton("2");
		JButton button3 = new JButton("3");
		JButton button4 = new JButton("4");
		JButton button5 = new JButton("5");
//		設(shè)置按鈕背景顏色
		button1.setBackground(Color.red);
		button2.setBackground(Color.blue);
		button3.setBackground(Color.pink);
		button4.setBackground(Color.orange);
		button5.setBackground(Color.yellow);
//		將按鈕添加到內(nèi)容面板中
//		將按鈕放置到北部
		contentpage.add(button1,BorderLayout.NORTH);
//		將按鈕放置到南部
		contentpage.add(button2,BorderLayout.SOUTH);
//		將按鈕放置到西部
		contentpage.add(button3,BorderLayout.WEST);
//		將按鈕放置到東部
		contentpage.add(button4,BorderLayout.EAST);
//		將按鈕放置到中心
		contentpage.add(button5,BorderLayout.CENTER);
//		設(shè)置窗口大小
		jFrame.setSize(500, 300);
//		設(shè)置窗口可見(jiàn)
		jFrame.setVisible(true);
	}
}

卡片布局

顧名思義,若一個(gè)容器使用卡片布局,其里面的所有組件就像是一副牌一樣重疊在一起,容器只能顯示一個(gè)組件,默認(rèn)顯示第一個(gè)組件,可以通過(guò)CardLayout中的show方法改變顯示的組件

示例

顯示第一個(gè)按鈕

2021042210480890

顯示第二個(gè)按鈕

2021042210480891

代碼

public class Test {
	public static void main(String[] args) {
//			創(chuàng)建窗口
		JFrame jFrame = new JFrame();
//			設(shè)置窗口名稱(chēng)
		jFrame.setTitle("hello");
//			創(chuàng)建卡片布局管理器
		CardLayout layout = new CardLayout();
//			關(guān)閉窗口結(jié)束程序
		jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//			創(chuàng)建面板
		JPanel jPanel = new JPanel();
//			設(shè)置面板布局方式為卡片布局
		jPanel.setLayout(layout);
//			添加 按鈕 設(shè)置背景顏色
		JButton jButton1 = new JButton();
		jButton1.setBackground(Color.pink);
		JButton jButton2 = new JButton();
		jButton2.setBackground(Color.yellow);
//			將按鈕添加到面板中并對(duì)按鈕進(jìn)行命名
		jPanel.add(jButton1,"bt1");
		jPanel.add(jButton2,"bt2");
//			指定在面板上顯示的按鈕
		layout.show(jPanel, "bt2");
//			將面板添加到窗口中
		jFrame.add(jPanel);
//			設(shè)置窗口大小
		jFrame.setSize(500,300);
//			設(shè)置窗口可見(jiàn)
		jFrame.setVisible(true);
	}
}

自定義布局

所謂自定義布局就是不使用任何布局管理器,而是我們自己通過(guò)指定組件的X坐標(biāo),Y坐標(biāo),寬度,高度來(lái)指定組件的位置

這里的坐標(biāo)和我們平時(shí)的坐標(biāo)有些區(qū)別,如下:

2021042210480892

組件是以左上角頂點(diǎn)為原點(diǎn)來(lái)定位坐標(biāo),使用自定義布局,要將容器使用的布局管理器設(shè)置為null

那有的小伙伴會(huì)問(wèn)了,既然布局管理器設(shè)置為null,那可不可以直接不設(shè)置啊,當(dāng)然不行,如果不設(shè)置的話,組件會(huì)不顯示

示例

2021042210480893

代碼

public class Test {
	public static void main(String[] args) {
//				創(chuàng)建窗口
		JFrame jFrame = new JFrame();
//				設(shè)置窗口名稱(chēng)
		jFrame.setTitle("hello");
//				關(guān)閉窗口同時(shí)結(jié)束程序
		jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
//				創(chuàng)建面板
		JPanel jPanel = new JPanel();
//		使用自定義布局,將容器使用的布局管理器設(shè)置為null
		jPanel.setLayout(null);
//				添加 按鈕 設(shè)置背景顏色
		JButton jButton1 = new JButton();
		jButton1.setBackground(Color.pink);
		JButton jButton2 = new JButton();
		jButton2.setBackground(Color.yellow);
//		設(shè)置按鈕的坐標(biāo)為(100,100) ,寬度為100,高度為100
		jButton1.setBounds(new Rectangle(100,100,100,100));
//		設(shè)置按鈕的坐標(biāo)為(220,70) ,寬度為100,高度為100
		jButton2.setBounds(new Rectangle(220,70,100,100));
//				將按鈕添加到面板中
		jPanel.add(jButton1);
		jPanel.add(jButton2);
//				將面板添加到窗口中
		jFrame.add(jPanel);
//				設(shè)置窗口大小
		jFrame.setSize(500,300);
//				設(shè)置窗口可見(jiàn)
		jFrame.setVisible(true);
	}
}

到此本篇關(guān)于Java圖形界面的幾種常用布局方式及常用布局方式的額使用方法的文章就介紹到這了,想要了解更多相關(guān)Java 圖形界面布局其他的內(nèi)容請(qǐng)搜索W3Cschool以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,也希望大家以后多多支持!

0 人點(diǎn)贊