首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在卡片布局中使用按钮导航到上一张卡片?

如何在卡片布局中使用按钮导航到上一张卡片?
EN

Stack Overflow用户
提问于 2018-08-31 11:03:14
回答 1查看 1K关注 0票数 0

我已经在Netbeans中创建了一个Java应用程序,并使用CardLayout制作了三张卡片,单击三个按钮就会出现这些卡片。

所有这些都很好,但我想做一个“返回”图标,当点击时,会显示前一张卡片,这样如果我在第三张卡片中,单击“返回”图标就会显示第二张卡片,并从第二张卡片转到第一张卡片,依此类推。

问题是,我想让程序知道我们是在第二张卡片中,所以点击“后退”图标就会打开第一张卡片。

此外,后退图标位于同一JFrame中的另一个面板上。我希望有人能帮上忙!

左下角的图标是后退按钮,卡片位于内部-白色部分。

EN

回答 1

Stack Overflow用户

发布于 2018-08-31 13:30:02

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
JPanel panel1 = ...;
JPanel panel2 = ...;
JPanel panel3 = ...;
JPanel rightPanel = new JPanel();
CardLayout cardLayout = new CardLayout();
rightPanel.setLayout(cardLayout);
rightPanel.add(panel1);
rightPanel.add(panel2);
rightPanel.add(panel3);

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
JButton backButton = ...;

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
backButton.addActionListener(new ActionListener() {
    @Override
    public void actionPerformed(ActionEvent e) {
        cardLayout.previous(rightPanel);    
    }
});

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
backButton.addActionListener(e -> cardLayout.previous(rightPanel));
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52114088

复制
相关文章
Java开发GUI之CardLayout卡片布局
    CardLayout布局允许进行多套界面的设计,通过切换界面来实现布局样式的改变。CardLayout类似与一叠卡片,默认最先添加的在前面,界面始终只展示一个卡片。示例如下:
珲少
2018/08/15
6450
Java开发GUI之CardLayout卡片布局
如何实现同等间隙的卡片布局
在列表展示中,经常会使用卡片的内容展示形式,为了美观,常常要求各卡片间的间隙是一致的。
书童小二
2018/12/21
1.2K0
卡片布局以及鼠标悬浮展示全部
界面要求 不论视口大小每行显示6个元素,文字超出长显示省略号(暂定显示一行) 当鼠标悬浮的时候,展示所有文字,卡片向下延展直到能够完全显示文字 先看效果图 分析 第一个要求我们可以用flex布局实现,css控制文字效果 第二个,我们可以采用外层嵌套div的方式控制,当鼠标悬浮的时候展示内层div 看一下代码实现吧👇 代码展示 html元素 <div class="card_view"> <div class="card_view-item" v-for="(card, in
甜点cc
2022/09/26
7080
卡片布局以及鼠标悬浮展示全部
利用Flutter中的ListView进行动态卡片布局
真香!本来觉得用以前的java就能做的为啥还用flutter,但是最近接触flutter之后感觉这才是写移动应用的神器啊! 尤其是用java写的listView,各种适配器传参简直了
徐建国
2021/07/31
2.1K0
uni-app学习笔记-卡片布局(五)
1:将时间插件-timePicker导入到 开发工具HBuilderX 2:导入之后可以看到在我的项目底下多出了一个组件components文件夹 3:根据文档示例: https://ext.dc
王小婷
2019/12/11
2.9K0
学会使用CardView,简单实现卡片式布局效果
还记得我们一共学过了多少UI控件了吗?都掌握的怎么样啊 安卓中一些常用控件学习得差不多了,今天再来学习一个新的控件CardView,在实际开发中也有非常高的地位。 一、CardView简介 CardView是Android 5.0系统引入的控件,相当于FragmentLayout布局控件然后添加圆角及阴影的效果。 CardView继承自Framelayout,所以FrameLayout所有属性CardView均可以直接拿来用,不过CardView还有自己独有的属性,常用属性
分享达人秀
2018/02/05
3.4K0
学会使用CardView,简单实现卡片式布局效果
双栏布局首页卡片魔改教程
更新记录 2022-12-03:发布卡片教程 在旧版方案基础上对动画实现方式和多边形切割方式做了改动,现在这版更加顺滑。 移除旧版手机端快门特效。 按照贰猹原设实现手机端卡片样式。将手机端卡片样式扩展,支持双栏布局。 提供自选方案,读者可以根据需要,选择两种样式。 样式一:电脑端宽屏采用滑动卡片,平板宽度采用双栏布局,手机宽度采用单栏卡片。 样式二:移除滑动卡片,按屏幕宽度依次应用三栏、双栏、单栏。 点击查看参考教程 参考方向 教程原贴 本帖的卡片原设为贰猹提供 贰猹の小窝 Flex布局参数解释 Fle
Akilar
2023/01/30
5570
黑白卡片
牛牛有n张卡片排成一个序列.每张卡片一面是黑色的,另一面是白色的。初始状态的时候有些卡片是黑色朝上,有些卡片是白色朝上。牛牛现在想要把一些卡片翻过来,得到一种交替排列的形式,即每对相邻卡片的颜色都是不一样的。牛牛想知道最少需要翻转多少张卡片可以变成交替排列的形式。 输入描述: 输入包括一个字符串S,字符串长度length(3 ≤ length ≤ 50),其中只包含’W’和’B’两种字符串,分别表示白色和黑色。整个字符串表示卡片序列的初始状态。
AI那点小事
2020/04/18
7830
【Java AWT 图形界面编程】LayoutManager 布局管理器 ⑤ ( CardLayout 卡片布局 | ActionListener 按钮点击事件添加 )
CardLayout 卡片布局 中 , Container 容器中 每个组件都相当于一张卡片 , 这些卡片平时都折叠起来 , 只有 最上面的卡片中的组件才是可见的 , 其它组件都不可见 ;
韩曙亮
2023/03/30
8130
【Java AWT 图形界面编程】LayoutManager 布局管理器 ⑤ ( CardLayout 卡片布局 | ActionListener 按钮点击事件添加 )
Material Design 实战 之第四弹 —— 卡片布局
首先这里准备用CardView来填充主题内容, CardView是用于实现卡片式布局效果的重要控件,由appcompat-v7库提供。 实际上,CardView也是一个FrameLayout,只是额外提供了圆角和阴影等效果,看上去会有立体的感觉。
凌川江雪
2018/10/09
2.1K0
Material Design 实战 之第四弹 —— 卡片布局
Android:最简单的图片圆角制作(卡片布局)
在APP中,图片往往设计成圆角,非常美观。 但查阅资料发现实际操作比较复杂,大致有两种方法。 第一种很复杂:在JAVA代码中修改图片的shape,代码难写且冗长。 第二种很滑稽:采用一张透明的View覆盖图片的四角,有些自欺欺人,如果设备不兼容,小动作直接暴露无遗。
zstar
2022/06/14
1K0
Android:最简单的图片圆角制作(卡片布局)
Flutter中AspectRatio、Card 卡片组件
AspectRatio 首先会在布局限制条件允许的范围内尽可能的扩展,widget 的高度是由宽度和比率决定的,类似于 BoxFit 中的 contain,按照固定比率去尽量占满区域。
越陌度阡
2020/12/23
1.8K0
Flutter中AspectRatio、Card 卡片组件
AntUI卡片Cards
无图标卡片 <div class="am-card">     <div class="am-card-header">无图标卡片</div>     <div class="am-card-item am-card-minfo am-card-noicon">         <div class="am-card-content">             <div class="am-card-title">卡片标题</div>             <div class="am-card-subt
爱知汇
2020/10/10
7720
Butterfly布局调整———相关推荐版块侧栏卡片化
之前一直没有留意到,butterfly的原生相关推荐版块和其他布局比起来实在是太突兀了(主要是没有圆角),就那么突然的出现在文章和评论区之间,包括我和@贰猹都觉得有必要改动这个(不过贰猹是不要侧栏党),@洪哥的倒是和整个文本融合的不错(是配色效果吗?)。出于我守财的习惯,我通常不会直接删除主题已有的一些功能,那么要怎么处理这个那么大一块的推荐版块呢? 我的做法就是,把它丢到可以自由控制显隐的侧栏里。还能顺便沿用我之前写的SAO UI和手机端侧栏fixed卡片样式。
Akilar
2021/12/16
1K0
Butterfly布局调整———相关推荐版块侧栏卡片化
Material Design —卡片(Cards)
自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚
霖酱
2018/05/17
4.3K0
使用 Jetpack 卡片库在 Wear OS by Google 谷歌上创建自定义卡片
我们 在 2019 年推出了卡片,从那时起,该功能便成为 Wear OS by Google 谷歌智能手表上最实用的功能之一。卡片访问速度快,使用便捷,且设计为可滑动访问,用户可直接在手腕上了解所需资讯及待办事项。同时,卡片也可以让用户控制想了解的信息和操作。
Android 开发者
2022/03/09
8170
使用 Jetpack 卡片库在 Wear OS by Google 谷歌上创建自定义卡片
点击加载更多

相似问题

卡片布局动作按钮

12

使用卡片布局,卡片不能互换?

14

如何在卡片列表(角)中翻转一张卡片

11

从卡片阵列中调用一张卡片

21

使用卡片切换按钮动态创建布局

12
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文