控制Swing中的ToolTip的显示与隐藏

本文介绍了如何使用Java Swing中的ToolTipManager来控制组件的提示信息显示与隐藏。通过自定义方法实现Tooltip的即时显示及隐藏,并提供了示例代码展示如何操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

先给出两个控制方法
1、显示tooltip
public static void postToolTip(JComponent comp) {
  Action action = comp.getActionMap().get("postTip");
  if (action == null) // no tooltip
    return;
  ActionEvent ae = new ActionEvent(comp,  ActionEvent.ACTION_PERFORMED, "postTip", EventQueue.getMostRecentEventTime(), 0);
  action.actionPerformed(ae);
}

2、隐藏tooltip
public static void hideToolTip(JComponent comp) {
Action action = comp.getActionMap().get("hideTip");
if (action == null) // no tooltip
return;
ActionEvent ae = new ActionEvent(comp, ActionEvent.ACTION_PERFORMED, "hideTip", EventQueue.getMostRecentEventTime(), 0);
action.actionPerformed(ae);
}

tooltip的显示与隐藏都是通过ToolTipManager这个类来控制的
当componet.setToolTipText的时候java的内部处理为
public void setToolTipText(String text) {
String oldText = getToolTipText();
putClientProperty(TOOL_TIP_TEXT_KEY, text);
ToolTipManager toolTipManager = ToolTipManager.sharedInstance();
if (text != null) {
if (oldText == null) {
toolTipManager.registerComponent(this);
}
} else {
toolTipManager.unregisterComponent(this);
}
}

而在ToolTipManager 的registerComponent方法中将两个Action添加到了组件的actionMap 中,
具体的acton实现可以参考ToolTipManager 。

ActionMap actionMap = component.getActionMap();
if (inputMap != null && actionMap != null) {
actionMap.put("postTip", postTipAction);
actionMap.put("hideTip", hideTipAction);



上述两个方法就是取得这两个Action,然后调用相应的Action方法来控制tooltip的显示与隐藏。

对于tooltip的显示时间可以通过ToolTipManager中的set**的方法进行设置。


以下是测试代码


public static void main(String[] args) {
final JPanel panel = new JPanel();
final JButton btn = new JButton("button");
btn.setToolTipText("button_tooltip");
panel.add(btn);
final JButton btn1 = new JButton("button1");
panel.add(btn1);
btn1.setToolTipText("button1_tooltip");
btn.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
postToolTip(btn1);

}
});
btn1.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
postToolTip(btn);
}
});
JFrame frame = new JFrame();
frame.setContentPane(panel);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setSize(500, 400);
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}


转自http://java.youkuaiyun.com/page/845c9db3-0d64-4a3e-980e-20ee5cf87519
原作者

villa123

要在代码中实现 `el-tooltip` 的显示隐藏控制,可以通过动态绑定其属性以及监听特定条件来完成。以下是详细的说明: ### 动态控制 `el-tooltip` 显示隐藏 #### 方法一:通过 `content` 属性控制 当 `el-tooltip` 的 `content` 值为空字符串时,默认情况下不会显示 tooltip 提示框[^4]。因此可以利用这一特性,动态设置 `content` 的值。 ```html <template> <div> <el-tooltip :content="tooltipContent" placement="top"> <button @click="toggleTooltip">Hover me</button> </el-tooltip> </div> </template> <script> export default { data() { return { tooltipContent: '' // 初始状态为隐藏 }; }, methods: { toggleTooltip() { this.tooltipContent = this.tooltipContent ? '' : '这是提示内容'; // 切换显示/隐藏 } } }; </script> ``` 在此方法中,通过点击按钮切换 `tooltipContent` 的值,从而达到控制 `el-tooltip` 是否显示的效果。 --- #### 方法二:通过自定义指令或 CSS 隐藏 如果需要更灵活的方式,可以直接操作 DOM 或使用 CSS 来隐藏 `el-tooltip` 组件。 ##### 使用 CSS 隐藏 通过覆盖 `.el-tooltip__popper` 类的样式,可以在某些条件下强制隐藏 tooltip。 ```css /* 当不需要显示时 */ .el-tooltip__popper.hidden { display: none; } ``` 在 Vue 中结合类名动态控制: ```html <template> <div> <el-tooltip ref="tooltipRef" content="这是一个提示" placement="top"> <button @mouseenter="showTooltip" @mouseleave="hideTooltip">Hover me</button> </el-tooltip> </div> </template> <script> export default { methods: { showTooltip() { const popperElm = this.$refs.tooltipRef.popperElm; if (popperElm) { popperElm.classList.remove('hidden'); } }, hideTooltip() { const popperElm = this.$refs.tooltipRef.popperElm; if (popperElm) { popperElm.classList.add('hidden'); } } } }; </script> ``` 此方式适用于需要完全手动控制的情况[^2]。 --- #### 方法三:通过 `v-if` 控制组件渲染 另一种简单有效的方法是直接使用 `v-if` 指令决定是否渲染整个 `el-tooltip` 组件。 ```html <template> <div> <el-tooltip v-if="isTooltipVisible" content="提示内容" placement="top"> <button>Hover me</button> </el-tooltip> <button v-else @click="toggleVisibility">Show Tooltip</button> </div> </template> <script> export default { data() { return { isTooltipVisible: false }; }, methods: { toggleVisibility() { this.isTooltipVisible = !this.isTooltipVisible; } } }; </script> ``` 这种方式适合于只需要在特定时刻展示 tooltip 场景下的需求[^1]。 --- ### 总结 以上三种方法分别针对不同的场景提供了灵活性: - **方法一**:基于 `content` 属性的变化快速实现简单的显隐逻辑。 - **方法二**:借助 CSS 和原生 JavaScript 实现更加精细的操作。 - **方法三**:通过模板语法彻底控制组件的存在否。 每种方案都有各自的适用范围,请根据实际业务需求选择合适的方式来实现功能[^3]。 ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值