开发者社区> 陈嘻嘻哈哈> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

布局管理器之CardLayout(卡片布局管理器)

简介: 对于选项卡这个概念大家可能不会陌生,就是在一个窗口中可以切换显示多页不同的内容,但同一时间只能是其中的某一页可见的,这样的一个个的页面就是选项卡。 CardLayout就是类似的这样一个布局管理器,它能够让多个组件共享同一个显示空间,共享空间的组件之间的关系就像重叠在一起的一幅扑克牌,组件重叠在一起,初始时显示该空间中第一个组件,通过CardLayout类提供的方法可以切换该空间中显示的组件。
+关注继续查看

对于选项卡这个概念大家可能不会陌生,就是在一个窗口中可以切换显示多页不同的内容,但同一时间只能是其中的某一页可见的,这样的一个个的页面就是选项卡。

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()方法翻转到指定名称的卡片。

完整示例代码:

  1 package cardLayout;
  2 
  3 import java.awt.BorderLayout;
  4 import java.awt.CardLayout;
  5 import java.awt.Graphics;
  6 import java.awt.Toolkit;
  7 import java.awt.event.ActionEvent;
  8 import java.awt.event.ActionListener;
  9 
 10 import javax.swing.JButton;
 11 import javax.swing.JFrame;
 12 import javax.swing.JPanel;
 13 import javax.swing.JTextField;
 14 
 15 /**
 16  * 测试卡片布局管理器 如果插入图片的名字不相同的话,就要用多个面板去绘制,因为一个面板只装一张图。名字相同就可以用循环。
 17  * 
 18  * @author hellokitty燕
 19  *
 20  */
 21 public class CardLayoutDemo2 extends JFrame implements ActionListener {
 22 
 23     private static final long serialVersionUID = 1L;
 24 
 25     private CardLayout cardLayout;// 卡片布局管理器
 26     private JPanel jPanel;// 使用卡片布局管理器的面板
 27     private JTextField jTextField;// 用于你输入的跳转页面
 28 
 29     public CardLayoutDemo2() {
 30 
 31         setTitle("布局管理器之CardLayout");
 32         setSize(600, 600);
 33         setDefaultCloseOperation(EXIT_ON_CLOSE);
 34         setLocationRelativeTo(null);
 35 
 36         /* 创建两个按钮,添加到窗体底部,默认窗体布局采用BorderLayout */
 37         JPanel jp = new JPanel();// 面板默认布局使用FlowLayout
 38 
 39         JButton up = new JButton("上一张");
 40         JButton next = new JButton("下一张");
 41         jTextField = new JTextField("2");
 42         JButton go = new JButton("go");
 43 
 44         jp.add(up);
 45         jp.add(next);
 46         jp.add(jTextField);
 47         jp.add(go);
 48         // 注册按钮监听事件
 49 
 50         up.addActionListener(this);
 51         next.addActionListener(this);
 52         go.addActionListener(this);
 53         this.add(jp, BorderLayout.SOUTH);
 54 
 55         /* 创建使用CardLayout布局管理器的容器 */
 56         cardLayout = new CardLayout();
 57         jPanel = new JPanel(cardLayout);
 58 
 59         /* 向面板中添加几张图片 */
 60 
 61         // 将图片绘制到面板中 /
 62         JPanel images = new JPanel() {
 63             private static final long serialVersionUID = 1L;
 64 
 65             @Override
 66             protected void paintComponent(Graphics g) {
 67                 super.paintComponent(g);
 68                 g.drawImage(
 69                         Toolkit.getDefaultToolkit().getImage(
 70                                 "src/images/sprite.png"), 200, 100, this);
 71 
 72             }
 73 
 74         };
 75         // 将图片面板添加到使用了cardLayout容器面板中
 76 
 77         jPanel.add("sprite", images);
 78 
 79         JPanel img = new JPanel() {
 80 
 81             private static final long serialVersionUID = 1L;
 82 
 83             @Override
 84             protected void paintComponent(Graphics g) {
 85                 super.paintComponent(g);
 86                 g.drawImage(
 87                         Toolkit.getDefaultToolkit().getImage(
 88                                 "src/images/Freedom1.gif"), 200, 100, this);
 89             }
 90 
 91         };
 92 
 93         jPanel.add("Freedom1", img);
 94 
 95         JPanel im = new JPanel() {
 96 
 97             private static final long serialVersionUID = 1L;
 98 
 99             @Override
100             protected void paintComponent(Graphics g) {
101                 super.paintComponent(g);
102                 g.drawImage(
103                         Toolkit.getDefaultToolkit().getImage(
104                                 "src/images/sprite1.png"), 200, 100, this);
105             }
106 
107         };
108         jPanel.add("sprite1", im);
109 
110         // 将使用了CardLayout的面板添加到窗体中显示
111         this.add(jPanel, BorderLayout.CENTER);
112 
113         setVisible(true);
114 
115     }
116 
117     @Override
118     public void actionPerformed(ActionEvent e) {
119         String cmd = e.getActionCommand();
120         if ("下一张".equals(cmd)) {
121             cardLayout.next(jPanel); // 切换下一个选项卡
122         } else if ("上一张".equals(cmd)) {
123             cardLayout.previous(jPanel);// 切换上一个选项卡
124         } else if ("go".equals(cmd)) {
125             cardLayout.show(jPanel, "Freedom" + jTextField.getText());//这个主要是用于名字相似的图片,如果你想跳转的图片名字不一样的话,你就可以去把图片的名字改成相似的。
126         }
127 
128     }
129 
130     public static void main(String[] args) {
131         new CardLayoutDemo2();
132     }
133 }

运行效果:

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【QT】QT布局管理器
【QT】QT布局管理器
36 0
Dataphin V2.9.7-萃取3.0之平台管理功能简介
在正式开始标签研发之前,首先需要对基于业务需求对标签使用场景、需求定义、统计口径、时效性等进行梳理,产出标签体系。标签体系的建设有三个核心要素:ID(用于区分和识别打标对象)、行为(标签计算依赖的来源数据,记录了实体的活动信息)、标签(用于描述实体特性的信息)。为了更好的管理核心要素,我们常常需要通过“分类”的方式对齐进行梳理,萃取的“平台管理”功能就提供了核心要素类目定义的能力。
92 0
Nginx极简入门(七)Nginx的日志管理及配置
前面讲了如何配置Nginx虚拟主机和Nginx负载均衡。我们知道日志对于Nginx非常重要。今天要说的是如何配置Nginx的日志。
576 0
仿大街网-堆栈式卡片布局-SwipeCardLayout
前几天,发现大街网的App 做的还不错,有一个卡片堆叠的效果,感觉nice,按照以前的习惯,一定是在github上搜索一下下,问题解决了,自己不满意,老板很满意,哈哈。
816 0
标准会话管理器——StandardManager
用于保存状态的会话对象已经有了,现在就需要一个管理器来管理所有会话,例如会话id生成、根据会话id找出对应的会话、对于过期的会话进行销毁等等操作。用一句话描述标准会话管理器:提供一个专门管理某个web应用所有会话的容器,并且会在web应用启动停止时刻进行会话重加载和持久化。
823 0
CardLayout布局练习(小的图片浏览器)
1 /* 2 涉及Panel中的图片的加载,还有Frame的关闭的方法, CardLayout(int hgap, int vgap)就会决定卡片面板的大小 3 匿名类的使用。。。 4 */ 5 import java.
706 0
+关注
陈嘻嘻哈哈
我是一个小小的程序媛!
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载