布局管理器之CardLayout(卡片布局管理器)
2015-05-25 09:22
351 查看
对于选项卡这个概念大家可能不会陌生,就是在一个窗口中可以切换显示多页不同的内容,但同一时间只能是其中的某一页可见的,这样的一个个的页面就是选项卡。
CardLayout就是类似的这样一个布局管理器,它能够让多个组件共享同一个显示空间,共享空间的组件之间的关系就像重叠在一起的一幅扑克牌,组件重叠在一起,初始时显示该空间中第一个组件,通过CardLayout类提供的方法可以切换该空间中显示的组件。
下面我们来看一个例子,实现CardLayout布局管理器的使用。
创建一个使用CardLayout布局的面板:
向面板中添加几张图片,因为面板使用卡片布局,所以所添加的图片是重叠在一起的:
添加两个按钮,用于显示上一张图片与下一张图片,并为按钮注册事件监听器,处理事件的方法:
我们可以通过调用CardLayout的next()方法翻转到指定容器的下一张卡片,如果当前的可见卡片是最后一个,则翻转到布局的第一张卡片。同样,也可以使用previout()方法翻转到指定容器的前一张卡片。除了这两个方法外,还有last()、first()方法可以翻转到最后一张、第一张卡片,我们也可以直接使用show()方法翻转到指定名称的卡片。
完整示例代码:
运行效果:
CardLayout就是类似的这样一个布局管理器,它能够让多个组件共享同一个显示空间,共享空间的组件之间的关系就像重叠在一起的一幅扑克牌,组件重叠在一起,初始时显示该空间中第一个组件,通过CardLayout类提供的方法可以切换该空间中显示的组件。
下面我们来看一个例子,实现CardLayout布局管理器的使用。
创建一个使用CardLayout布局的面板:
// 卡片布局管理器 private CardLayout cardLayout; // 使用卡片布局管理器的面板 private JPanel cardPnl; cardLayout = new CardLayout(); cardPnl = new JPanel(cardLayout);
向面板中添加几张图片,因为面板使用卡片布局,所以所添加的图片是重叠在一起的:
/* 向面板中添加几张图片 */ for (int i = 0; i < 8; i++) { final int j = i + 1; // 将图片绘制到面板中 JPanel img = new JPanel() { private static final long serialVersionUID = 1L; @Override protected void paintComponent(Graphics g) { g.drawImage( Toolkit.getDefaultToolkit().getImage( "images/Freedom" + j + ".gif"), 0, 0, null); } }; // 将图片面板添加到使用了CardLayout的容器面板中 cardPnl.add("Freedom" + j, img); }
添加两个按钮,用于显示上一张图片与下一张图片,并为按钮注册事件监听器,处理事件的方法:
/** * 处理按钮点击事件 */ @Override public void actionPerformed(ActionEvent e) { String cmd = e.getActionCommand(); // 获取是何种操作 if ("next".equals(cmd)) // 显示下一张图片 cardLayout.next(cardPnl); // 切换下一个选项卡 else if ("previous".equals(cmd)) // 显示上一张图片 cardLayout.previous(cardPnl); // 切换上一个选项卡 }
我们可以通过调用CardLayout的next()方法翻转到指定容器的下一张卡片,如果当前的可见卡片是最后一个,则翻转到布局的第一张卡片。同样,也可以使用previout()方法翻转到指定容器的前一张卡片。除了这两个方法外,还有last()、first()方法可以翻转到最后一张、第一张卡片,我们也可以直接使用show()方法翻转到指定名称的卡片。
完整示例代码:
package cardLayout; import java.awt.BorderLayout; import java.awt.CardLayout; import java.awt.Graphics; import java.awt.Toolkit; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.JButton; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.JTextField; /** * 测试卡片布局管理器 如果插入图片的名字不相同的话,就要用多个面板去绘制,因为一个面板只装一张图。名字相同就可以用循环。 * * @author hellokitty燕 * */ public class CardLayoutDemo2 extends JFrame implements ActionListener { private static final long serialVersionUID = 1L; private CardLayout cardLayout;// 卡片布局管理器 private JPanel jPanel;// 使用卡片布局管理器的面板 private JTextField jTextField;// 用于你输入的跳转页面 public CardLayoutDemo2() { setTitle("布局管理器之CardLayout"); setSize(600, 600); setDefaultCloseOperation(EXIT_ON_CLOSE); setLocationRelativeTo(null); /* 创建两个按钮,添加到窗体底部,默认窗体布局采用BorderLayout */ JPanel jp = new JPanel();// 面板默认布局使用FlowLayout JButton up = new JButton("上一张"); JButton next = new JButton("下一张"); jTextField = new JTextField("2"); JButton go = new JButton("go"); jp.add(up); jp.add(next); jp.add(jTextField); jp.add(go); // 注册按钮监听事件 up.addActionListener(this); next.addActionListener(this); go.addActionListener(this); this.add(jp, BorderLayout.SOUTH); /* 创建使用CardLayout布局管理器的容器 */ cardLayout = new CardLayout(); jPanel = new JPanel(cardLayout); /* 向面板中添加几张图片 */ // 将图片绘制到面板中 / JPanel images = new JPanel() { private static final long serialVersionUID = 1L; @Override protected void paintComponent(Graphics g) { super.paintComponent(g); g.drawImage( Toolkit.getDefaultToolkit().getImage( "src/images/sprite.png"), 200, 100, this); } }; // 将图片面板添加到使用了cardLayout容器面板中 jPanel.add("sprite", images); JPanel img = new JPanel() { private static final long serialVersionUID = 1L; @Override protected void paintComponent(Graphics g) { super.paintComponent(g); g.drawImage( Toolkit.getDefaultToolkit().getImage( "src/images/Freedom1.gif"), 200, 100, this); } }; jPanel.add("Freedom1", img); JPanel im = new JPanel() { private static final long serialVersionUID = 1L; @Override protected void paintComponent(Graphics g) { super.paintComponent(g); g.drawImage( Toolkit.getDefaultToolkit().getImage( "src/images/sprite1.png"), 200, 100, this); } }; jPanel.add("sprite1", im); // 将使用了CardLayout的面板添加到窗体中显示 this.add(jPanel, BorderLayout.CENTER); setVisible(true); } @Override public void actionPerformed(ActionEvent e) { String cmd = e.getActionCommand(); if ("下一张".equals(cmd)) { cardLayout.next(jPanel); // 切换下一个选项卡 } else if ("上一张".equals(cmd)) { cardLayout.previous(jPanel);// 切换上一个选项卡 } else if ("go".equals(cmd)) { cardLayout.show(jPanel, "Freedom" + jTextField.getText());//这个主要是用于名字相似的图片,如果你想跳转的图片名字不一样的话,你就可以去把图片的名字改成相似的。 } } public static void main(String[] args) { new CardLayoutDemo2(); } }
运行效果:
相关文章推荐
- Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- swing学习笔记十一(卡片布局管理器CardLayout )
- 三十二、Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- swing学习笔记十一(卡片布局管理器CardLayout )
- 三十二、Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- 布局管理器之CardLayout(卡片布局管理器)
- 六、Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- Java基础之创建窗口——使用卡片布局管理器(TryCardLayout)
- [转]Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- 三十二、Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- 三十二、Java图形化界面设计——布局管理器之CardLayout(卡片布局)
- 卡片布局(CardLayout)
- Java布局管理器(三)之GridLayout(网格布局管理)和CardLayout( 卡片布局管理)
- Java.布局管理器.CardLayout-GridLayout
- WLCardViewLayout: Card and swipe out layout of CollectView.(可以滑动删除的卡片视图布局)
- Java开发GUI之CardLayout卡片布局
- 一个卡片布局(CardLayout)的好例子