Java面相对象笔记5|CardLayout卡式布局管理器

CardLayout卡式布局管理器

介绍

CardLayout 可以使两个或更多的组件共享同一显示空间，但是实际上同一时刻容器只能从这些组件中选出一个来显示，就像一系列卡片叠放，每次只能显示最上面的一张。

CardLayout的构造方法

Cardlayout 的构造方法如下：

CardLayout()
CardLayout(int hgap,int vgap)

CardLayout()：没有左右与上下边界间隙。
CardLayout(int hgap,int vgap)：参数hgap、vgap 指定组件距离左右、上下边界的间隙。

常用的 CardLayout 方法有：
public void first(Container parent); //品示第一张卡片
public void next(Container parent); //显示下一张卡片，如果当前卡片是最后一张则显示第一张
public void previous(Container parent); //显示前一张卡片
public void last(Container parent); //显示最后一张卡片
public void show(Container parent, String name); //显示指定名称的组件

⚠️当向一个设置为 Cardlayout 布局管理器的容器中添加组件时，必须使用 Container类的如下方法：
public Component add(String name, Component comp);
其中参数 name 可以是任意的字符串，它可以标识被添加的组件 comp。

Demo

package AWT;

import java.awt.BorderLayout;
import java.awt.Button;
import java.awt.CardLayout;
import java.awt.Frame;
import java.awt.Panel;
import java.awt.TextField;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class CardLayoutWindow extends Frame implements ActionListener{
	Panel cards;
	CardLayout CLayout = new CardLayout();
	public CardLayoutWindow() {
		setLayout(new BorderLayout());//设置Frame为BorderLayout
		//创建摆放"卡片切换"按钮的Panel,并添加到Frame中
		Panel cp = new Panel();
		Button bt = new Button("卡片切换");
		bt.addActionListener(this); 
		cp.add(bt);
		add("North",cp);
		cards = new Panel();//创建多个卡片的Panel
		cards.setLayout(CLayout);//设置为CardLayout
		//创建cards中的第一个Panel及其组件
		Panel p1 = new Panel();
		p1.add(new Button("Button 1"));
		p1.add(new Button("Button 2"));
		p1.add(new Button("Button 3"));
		//创建cards中的另一个Panel及其组件
		Panel p2 = new Panel();
		p2.add(new TextField("TextField",20));
		cards.add("Panel with Button",p1);
		cards.add("Panel with TextField",p2);
		add("Center",cards);
	}
	
	public void actionPerformed(ActionEvent e) {
		CLayout.next(cards);
	}
	
	public static void main(String[] args) {
		CardLayoutWindow window = new CardLayoutWindow();
		window.setTitle("CardLayout");
		window.pack();
		window.setVisible(true);
	}	
}

运行结果如下：

切换卡片后: