- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我通过扩展 JPanel 并使用 OverlayLayout 在彼此之上添加 2 个 JLabel 制作了一个按钮。 JLabels 之一是图标,它只是一个字体很棒的图标。另一种是悬停文本。我希望 JPanel 的背景是透明的,因此它没有白色边框。我使用 AlphaContainer 方法做到了这一点:
这就是我所说的缓慢悬停的意思:
我现在只将 setOpaque(false) 属性添加到图标的下半部分。它看起来是这样的:
这里我添加了 6 个按钮:
setLayout(new BoxLayout(this, BoxLayout.Y_AXIS));
HoverButtonTest forum = new HoverButtonTest("\uf086", "Forum", Settings.iconSize);
add(forum);
HoverButtonTest hs = new HoverButtonTest("\uf080", "Highscores", Settings.iconSize);
add(hs);
HoverButtonTest shop = new HoverButtonTest("\uf07a", "Store", Settings.iconSize);
add(shop);
HoverButtonTest vote = new HoverButtonTest("\uf046", "Vote for Us", Settings.iconSize);
vote.setOpaque(false);
add(vote);
HoverButtonTest discord = new HoverButtonTest("\uf392", "Discord", Settings.iconSize, HoverButtonTest.Type.BRAND);
discord.setOpaque(false);
add(discord);
HoverButtonTest web = new HoverButtonTest("\uf0ac", "Web", Settings.iconSize, HoverButtonTest.Type.SOLID);
web.setOpaque(false);
add(web);
这是我正在使用的按钮类:
import javax.swing.*;
import java.awt.*;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
/**
* @author Ruud.
*/
public class HoverButtonTest extends JPanel implements MouseListener {
public enum Type {
NORMAL("Font Awesome.ttf"),
REGULAR("Font Awesome Regular.ttf"),
SOLID("Font Awesome Solid.ttf"),
BRAND("Font Awesome Brands.ttf");
String font;
Type(String font) {
this.font = font;
}
String getFont() {
return font;
}
}
private JLabel icon;
private JLabel text;
public HoverButtonTest(String icon, String text, int size) {
this(icon, text, size, Type.NORMAL);
}
public HoverButtonTest(String icon, String text, int size, Type type) {
setLayout(new OverlayLayout(this));
addMouseListener(this);
setOpaque(false);
this.text = new JLabel(text);
this.text.setForeground(Color.WHITE);
this.text.setAlignmentX(0.5f);
this.text.setAlignmentY(0.5f);
Utils.setFont(this.text, "OpenSans-Light.ttf", 13);
this.text.setVisible(false);
add(this.text);
this.icon = new JLabel(icon);
this.icon.setForeground(Settings.primaryColor);
this.icon.setAlignmentX(0.5f);
this.icon.setAlignmentY(0.5f);
Utils.setFont(this.icon, type.getFont(), size);
add(this.icon);
}
@Override
public void paintComponent(Graphics g) {
g.setColor(new Color(0, 0, 0, 0));
}
@Override
public void mouseClicked(MouseEvent e) {
}
@Override
public void mousePressed(MouseEvent e) {
}
@Override
public void mouseReleased(MouseEvent e) {
}
@Override
public void mouseEntered(MouseEvent e) {
text.setVisible(true);
icon.setForeground(Settings.primaryColor.darker().darker().darker().darker());
}
@Override
public void mouseExited(MouseEvent e) {
text.setVisible(false);
icon.setForeground(Settings.primaryColor);
}
}
我已经编辑了 RadioDef 的代码,以更符合我的需求,但奇怪的是,它没有出现在这段代码中
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.border.LineBorder;
import java.awt.*;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.io.UncheckedIOException;
import java.net.URL;
public class MouseoverPanels {
public static void main(String[] args) {
SwingUtilities.invokeLater(MouseoverPanels::new);
}
public MouseoverPanels() {
JFrame frame = new JFrame("Mouseover Panels");
frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
JPanel background = new Background();
JPanel buttons = new Buttons();
//JPanel buttons = new JPanel();
buttons.setOpaque(false);
buttons.add(new MouseoverPanel("Queen", QUEEN_IMG, QUEEN_IMG_H));
buttons.add(new MouseoverPanel("King", KING_IMG, KING_IMG_H));
buttons.add(new MouseoverPanel("Rook", ROOK_IMG, ROOK_IMG_H));
buttons.add(new MouseoverPanel("Knight", KNIGHT_IMG, KNIGHT_IMG_H));
buttons.add(new MouseoverPanel("Pawn", PAWN_IMG, PAWN_IMG_H));
background.add(buttons);
frame.setContentPane(background);
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
class MouseoverPanel extends JPanel {
JLabel button;
JLabel hoverImage;
JLabel icon;
MouseoverPanel(String text, Image img, Image hImg) {
setLayout(new OverlayLayout(this));
setOpaque(false);
button = new JLabel(text);
button.setOpaque(false);
button.setAlignmentX(0.5f);
button.setAlignmentY(0.5f);
button.setVisible(false);
hoverImage = new JLabel(new ImageIcon(hImg));
hoverImage.setOpaque(false);
hoverImage.setAlignmentX(0.5f);
hoverImage.setAlignmentY(0.5f);
hoverImage.setVisible(false);
icon = new JLabel(new ImageIcon(img));
icon.setOpaque(false);
icon.setAlignmentX(0.5f);
icon.setAlignmentY(0.5f);
add(button);
add(hoverImage);
add(icon);
MouseoverListener ml = new MouseoverListener();
addMouseListener(ml);
button.addMouseListener(ml);
icon.addMouseListener(ml);
}
class MouseoverListener extends MouseAdapter {
@Override
public void mouseEntered(MouseEvent e) {
button.setVisible(true);
hoverImage.setVisible(true);
}
@Override
public void mouseExited(MouseEvent e) {
button.setVisible(false);
hoverImage.setVisible(false);
}
}
}
class Buttons extends JPanel {
public Buttons() {
setOpaque(false);
setBorder(new LineBorder(Color.BLACK));
}
@Override
protected void paintComponent(Graphics g) {
g.setColor(new Color(0, 0, 0, 100));
g.fillRect(0, 0, getWidth(), getHeight());
}
}
class Background extends JPanel {
private BufferedImage sprite = null;
public Background() {
try {
sprite = ImageIO.read(new URL("/image/XZ4V5.jpg"));
} catch (IOException e) {
e.printStackTrace();
}
}
@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Image scaledImage = sprite.getScaledInstance(getWidth(), getHeight(), Image.SCALE_REPLICATE);
g.drawImage(scaledImage, getWidth() / 2 - scaledImage.getWidth(this) / 2, getHeight() / 2 - scaledImage.getHeight(this) / 2, this);
}
}
static final Image QUEEN_IMG,
QUEEN_IMG_H,
KING_IMG,
KING_IMG_H,
ROOK_IMG,
ROOK_IMG_H,
KNIGHT_IMG,
KNIGHT_IMG_H,
PAWN_IMG,
PAWN_IMG_H;
static {
try {
// source for sprite sheet: https://stackoverflow.com/a/19209651/2891664
BufferedImage sprites = ImageIO.read(new URL("/image/memI0.png"));
int n = 64;
QUEEN_IMG = sprites.getSubimage(0 * n, 0, n, n);
QUEEN_IMG_H = sprites.getSubimage(0 * n, 64, n, n);
KING_IMG = sprites.getSubimage(1 * n, 0, n, n);
KING_IMG_H = sprites.getSubimage(1 * n, 64, n, n);
ROOK_IMG = sprites.getSubimage(2 * n, 0, n, n);
ROOK_IMG_H = sprites.getSubimage(2 * n, 64, n, n);
KNIGHT_IMG = sprites.getSubimage(3 * n, 0, n, n);
KNIGHT_IMG_H = sprites.getSubimage(3 * n, 64, n, n);
PAWN_IMG = sprites.getSubimage(4 * n, 0, n, n);
PAWN_IMG_H = sprites.getSubimage(4 * n, 64, n, n);
} catch (IOException x) {
throw new UncheckedIOException(x);
}
}
}
我用悬停做的小项目:https://www.dropbox.com/s/wq4ggufbxrfcvb8/HoverButton.zip?dl=0
最佳答案
最好的方法可能是使用 CardLayout
这已经是为了良好的行为而设置的。
这是一个 MCVE。
package mcve;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import javax.imageio.*;
import java.net.*;
import java.io.*;
public class MouseoverPanels {
public static void main(String[] args) {
SwingUtilities.invokeLater(MouseoverPanels::new);
}
MouseoverPanels() {
JFrame frame = new JFrame("Mouseover Panels");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel buttons = new JPanel();
buttons.setBackground(Color.WHITE);
buttons.add(new MouseoverPanel("Queen", QUEEN_IMG));
buttons.add(new MouseoverPanel("King", KING_IMG));
buttons.add(new MouseoverPanel("Rook", ROOK_IMG));
buttons.add(new MouseoverPanel("Knight", KNIGHT_IMG));
buttons.add(new MouseoverPanel("Pawn", PAWN_IMG));
frame.setContentPane(buttons);
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
class MouseoverPanel extends JPanel {
static final String BUTTON_KEY = "BUTTON";
static final String ICON_KEY = "ICON";
final CardLayout layout = new CardLayout();
MouseoverPanel(String text, Image img) {
setLayout(layout);
setOpaque(false);
JButton button = new JButton(text);
button.setBorderPainted(false);
button.setOpaque(false);
JLabel icon = new JLabel(new ImageIcon(img));
icon.setOpaque(false);
add(button, BUTTON_KEY);
add(icon, ICON_KEY);
layout.show(this, ICON_KEY);
MouseoverListener ml = new MouseoverListener();
addMouseListener(ml);
button.addMouseListener(ml);
icon.addMouseListener(ml);
}
class MouseoverListener extends MouseAdapter {
@Override
public void mouseEntered(MouseEvent e) {
recomputeView(e);
}
@Override
public void mouseExited(MouseEvent e) {
recomputeView(e);
}
void recomputeView(MouseEvent e) {
Component comp = e.getComponent();
Point loc = SwingUtilities.convertPoint(comp, e.getPoint(), MouseoverPanel.this);
String key = contains(loc) ? BUTTON_KEY : ICON_KEY;
layout.show(MouseoverPanel.this, key);
}
}
}
static final Image QUEEN_IMG,
KING_IMG,
ROOK_IMG,
KNIGHT_IMG,
PAWN_IMG;
static {
try {
// source for sprite sheet: https://stackoverflow.com/a/19209651/2891664
BufferedImage sprites = ImageIO.read(new URL("/image/memI0.png"));
int n = 64;
QUEEN_IMG = sprites.getSubimage(0 * n, 0, n, n);
KING_IMG = sprites.getSubimage(1 * n, 0, n, n);
ROOK_IMG = sprites.getSubimage(2 * n, 0, n, n);
KNIGHT_IMG = sprites.getSubimage(3 * n, 0, n, n);
PAWN_IMG = sprites.getSubimage(4 * n, 0, n, n);
} catch (IOException x) {
throw new UncheckedIOException(x);
}
}
}
我认为您所看到的性能下降可能是因为调用 setVisible
may cause revalidate
to be called ,它会调用布局管理器,但很难确定,尤其是没有适当的 MCVE ( see )。
这是另一个仅通过自定义绘画来完成此操作的示例。像这样的方法应该更容易制作动画。这通常是不可行的,除非我们在这里处理的唯一“真实”组件是文本本身。
package mcve;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.*;
import javax.imageio.*;
import java.net.*;
import java.io.*;
import java.util.*;
public class MouseoverPanels2 {
public static void main(String[] args) {
SwingUtilities.invokeLater(MouseoverPanels2::new);
}
MouseoverPanels2() {
JFrame frame = new JFrame("Mouseover Panels");
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JPanel buttons = new JPanel();
buttons.setBackground(Color.WHITE);
buttons.add(new MouseoverLabel("Queen", QUEEN_IMG, QUEEN_IMG_H));
buttons.add(new MouseoverLabel("King", KING_IMG, KING_IMG_H));
buttons.add(new MouseoverLabel("Rook", ROOK_IMG, ROOK_IMG_H));
buttons.add(new MouseoverLabel("Knight", KNIGHT_IMG, KNIGHT_IMG_H));
buttons.add(new MouseoverLabel("Pawn", PAWN_IMG, PAWN_IMG_H));
frame.setContentPane(buttons);
frame.pack();
frame.setLocationRelativeTo(null);
frame.setVisible(true);
}
class MouseoverLabel extends JComponent {
final JLabel label;
final Image image, hover;
final Dimension imageMaxSize;
boolean isHovering = false;
MouseoverLabel(String text, Image image, Image hover) {
setLayout(new BorderLayout());
setOpaque(false);
this.image = Objects.requireNonNull(image);
this.hover = Objects.requireNonNull(hover);
imageMaxSize =
new Dimension(Math.max(image.getWidth(this), hover.getWidth(this)),
Math.max(image.getHeight(this), hover.getHeight(this)));
label = new JLabel(text);
label.setForeground(Color.RED);
label.setOpaque(false);
label.setHorizontalAlignment(JLabel.CENTER);
add(label, BorderLayout.CENTER);
MouseoverListener ml = new MouseoverListener();
addMouseListener(ml);
label.addMouseListener(ml);
}
private Dimension getMax(Dimension size) {
size.width = Math.max(size.width, imageMaxSize.width);
size.height = Math.max(size.height, imageMaxSize.height);
return size;
}
@Override
public Dimension getPreferredSize() {
return getMax(super.getPreferredSize());
}
@Override
public Dimension getMinimumSize() {
return getMax(super.getMinimumSize());
}
@Override
public Dimension getMaximumSize() {
return getMax(super.getMaximumSize());
}
@Override
protected void paintChildren(Graphics g) {
// Note that the label is always "visible",
// so it will e.g. receive mouse events even
// while we aren't painting it.
// If the label needs to receive, say, mouse
// clicks, then you need to check isHovering
// in the mouse click listener.
// If the label is a JButton, then you could
// call button.setEnabled(isHovering) in the
// MouseoverListener.
if (isHovering) {
paintImage(g, hover);
super.paintChildren(g);
} else {
paintImage(g, image);
}
}
private void paintImage(Graphics g, Image image) {
int w = image.getWidth(this);
int h = image.getHeight(this);
int x = (getWidth() - w) / 2;
int y = (getHeight() - h) / 2;
g.drawImage(image, x, y, w, h, this);
}
class MouseoverListener extends MouseAdapter {
@Override
public void mouseEntered(MouseEvent e) {
recomputeView(e);
}
@Override
public void mouseExited(MouseEvent e) {
recomputeView(e);
}
void recomputeView(MouseEvent e) {
Component comp = e.getComponent();
Point loc = SwingUtilities.convertPoint(comp, e.getPoint(), MouseoverLabel.this);
isHovering = contains(loc);
repaint();
}
}
}
static final Image QUEEN_IMG,
QUEEN_IMG_H,
KING_IMG,
KING_IMG_H,
ROOK_IMG,
ROOK_IMG_H,
KNIGHT_IMG,
KNIGHT_IMG_H,
PAWN_IMG,
PAWN_IMG_H;
static {
try {
// source for sprite sheet: https://stackoverflow.com/a/19209651/2891664
BufferedImage sprites = ImageIO.read(new URL("/image/memI0.png"));
int n = 64;
QUEEN_IMG = sprites.getSubimage(0 * n, 0, n, n);
QUEEN_IMG_H = sprites.getSubimage(0 * n, n, n, n);
KING_IMG = sprites.getSubimage(1 * n, 0, n, n);
KING_IMG_H = sprites.getSubimage(1 * n, n, n, n);
ROOK_IMG = sprites.getSubimage(2 * n, 0, n, n);
ROOK_IMG_H = sprites.getSubimage(2 * n, n, n, n);
KNIGHT_IMG = sprites.getSubimage(3 * n, 0, n, n);
KNIGHT_IMG_H = sprites.getSubimage(3 * n, n, n, n);
PAWN_IMG = sprites.getSubimage(4 * n, 0, n, n);
PAWN_IMG_H = sprites.getSubimage(4 * n, n, n, n);
} catch (IOException x) {
throw new UncheckedIOException(x);
}
}
}
关于java setOpaque(false) 使悬停速度变慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49615105/
我在想出一个算法时遇到了麻烦... 我有一系列 GPS 数据,以 1 秒为间隔记录时间、速度、距离。假设距离是米,速度是米/秒。可能有超过 2 小时的数据,或 7200 个点。这里的“时间”字段主要是
使用java排序器,即: Collections.sort(myArrayList, new Comparator() { @Override public int c
有什么区别吗 SELECT * FROM my_table 和 SELECT my_column_id FROM my_table 地点: my_table 有百万行 网站上有大量并发用户进行sql查
有2个样本。 在第一个示例中,使用 orderby 可以更快地获得结果。 (根据 phpmyadmin 速度报告) 在另一个例子中,我没有使用 order by,它给出的结果较慢。 (根据 phpmy
我注意到,如果我将训练数据加载到内存中并将其作为 numpy 数组提供到图中,与使用相同大小的 shuffle 批次相比,速度会有很大差异,我的数据有大约 1000 个实例。 使用内存 1000 次迭
我在 python 中使用破折号。我正在绘制记录到 SQLite 数据库中的实时数据,目前,我正在绘制单个值与时间线图。我计划再添加 20 个图表,但目前,随着时间的增加, plotly 变慢,我认为
我试图调用 hasNext Velocity 模板中的方法,以便根据 foreach 循环中的位置影响行为 - 仅 hasNext没有按照文档工作。 这是 Velocity 用户指南的片段,关于 ha
在我正在制作的游戏中,我有两个点,pt1 和 pt2,我想计算出它们之间的角度。我已经在较早的计算中计算出距离。显而易见的方法是对垂直距离上的水平距离进行反正切 (tan(theta) = opp/a
我经常遇到字符串值不存在和/或为空的情况。这是测试这种情况的最佳方法吗? #if( $incentive.disclaimer && $!incentive.disclaimer != '' )
我想将一个模板nested包含在其他模板cont1,cont2和cont3中。 并且嵌套模板应仅对cont1隐藏一个特定控件。 在包含在cont1中之前,我想为一些标志变量$hideMyControl
是否可以更改从“Windows Azure Media Encoder”输出的音频的播放速度? 我正在使用配置为“WMA High Quality Audio”的“Windows Azure Medi
我使用速度将String(template)与字段合并 hi there I'am ${name}, And I'am ${age} old. velocity将字段${name}和${age}与一种
我使用的是 LockedBitmap 类,它简化了 C# 中位图数据的处理。目前它正在将数据复制到本地 byte[] 数组中,然后通过其类方法访问该数组以获取/设置像素颜色值。 这比直接通过指针访问锁
我尝试在 VM_global_library.vm 文件中添加一堆 #set($x=abc) 语句,但这些变量在我的 VM 模板中不可用。 我想为图像的基本路径等设置一个全局变量。这可能吗? 最佳答案
我的项目结构: -src --main ---java ----makers -----SomeClass ---resources ----htmlPattern.vm 如何告诉 SomeClass
我正在尝试从 Velocity 中的字符串中删除不需要的字符(换行符可以,但不能像 EM 和 CAN ASCII 控制字符那样)。 #set($cleanScreen = $cleanScreen.r
我想在日.月.年之间的点处分割日期。例如:2015 年 1 月 14 日至 {14, 01, 2015}这是我使用的代码:dates3.get(0) 包含我从页面的文本字段获取的字符串“14.01.2
之后,从 1.5 升级到速度引擎 1.7 出现了 1.5 没有的问题。为了解释这个问题,我必须展示一个代码片段: #foreach($someVariable in $someCollection)
我想知道从表中选择所有字段是否更快: SELECT * 或只选择您真正需要的: SELECT field1, field2, field3, field4, field5... 假设表有大约 10 个
我正在尝试模仿照片应用程序的行为,在该应用程序中,用户用手指平移照片并且照片具有一定的速度。由于我不会深入的原因,我不能将 UIScrollView 与它的缩放 UIImageView 一起使用,而是
我是一名优秀的程序员,十分优秀!