`

按钮周围同时按下

阅读更多

from csdn: http://topic.csdn.net/u/20110211/22/a019b9c2-61d3-4f99-a3d4-29aa33e8c636.html

 

the first one is the JButton program:

 

package ccc;

import java.awt.BasicStroke;
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Test extends JFrame implements Runnable {

	int main_x = 15;
	int main_y = 12;
	int main_toleft = 5;
	int main_totop = 5;
	int toppanel_height = 40;
	int height = main_y * 20 + toppanel_height + 68;
	int width = main_x * 20 + 15;

	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					Test frame = new Test();
					frame.setVisible(true);
					new Thread(frame).start();
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		});
	}

	public Test() {
		super();
		setBounds(0, 0, width, height);
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		getContentPane().setLayout(new BorderLayout());
		DrawPanel mainpanel = new DrawPanel();
		getContentPane().add(mainpanel, BorderLayout.CENTER);

	}

	class DrawPanel extends JPanel implements MouseListener, ActionListener {
		final JButton btn_arr[][] = new JButton[100][100];

		public DrawPanel() {
			super();
			setLayout(null);
			setBorder(BorderFactory.createLoweredBevelBorder());
			for (int xx = 0; xx < main_x; xx++) {
				for (int yy = 0; yy < main_y; yy++) {
					btn_arr[xx][yy] = new JButton();
					btn_arr[xx][yy].setBounds(xx * 20 + 5, yy * 20 + 5, 20, 20);
					add(btn_arr[xx][yy]);
					btn_arr[xx][yy].setBackground(Color.DARK_GRAY);
					btn_arr[xx][yy].setBorder(BorderFactory
							.createRaisedBevelBorder());
					btn_arr[xx][yy].addMouseListener(this);
					btn_arr[xx][yy].setFocusable(false);
				}
			}
		}

		public void paint(Graphics g) {
			super.paint(g);
			Graphics2D g2 = (Graphics2D) g;
			g2.setColor(Color.GRAY);
			g2.setStroke(new BasicStroke(2));
			for (int xx = 0; xx < main_x; xx++) {
				for (int yy = 0; yy < main_y; yy++) {
					g2.drawLine(xx * 20 + 5, 5, xx * 20 + 5, width - 10);
					g2.drawLine(5, yy * 20 + 5, height - 10, yy * 20 + 5);
				}
			}
		}

		public void actionPerformed(ActionEvent e) {

		}

		public void mouseClicked(MouseEvent e) {
		}

		public void mouseEntered(MouseEvent e) {
			this.repaint();
		}

		public void mouseExited(MouseEvent e) {
		}

		public void mousePressed(MouseEvent e) {
		}

		public void mouseReleased(MouseEvent e) {
			if (e.isPopupTrigger()) {
				JButton e_btn = ((JButton) e.getSource());
				int x = (e_btn.getLocation().x - main_toleft) / 20;// 获取按钮位置确定按钮下标X
				int y = (e_btn.getLocation().y - main_totop) / 20;// 获取按钮位置确定按钮下标Y
				for (int loop_x = x - 1; loop_x <= x + 1; loop_x++) {
					for (int loop_y = y - 1; loop_y <= y + 1; loop_y++) {
						if ((loop_x < main_x && loop_y < main_y)
								&& (loop_x >= 0 && loop_y >= 0)) { // 越界检查btn_arr_bln组
							btn_arr[loop_x][loop_y].doClick(0);
						}
					}
				}
			}
		}
	}

	public void run() {
	}
}

 

yes, though the doClick's pressTime is set to zero, the final effect isn't as good as what I wish, it flashes a lot, and cannot last for some time.

 

here is another program illustrated by JLabel:

package test;

import java.awt.Color;
import java.awt.Dimension;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;

import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;

@SuppressWarnings("serial")
public class Test extends JPanel {
    private static final int ROW_COUNT = 10;
    private static final int COLUMN_COUNT = 10;
    private JLabel[][] btns = new JLabel[ROW_COUNT][COLUMN_COUNT];
    private static final Color DEFAULT_COLOR = new Color(220, 220, 220);
    private static final Color PRESSED_COLOR = Color.GREEN;

    public Test() {
        int width = 400;
        int height = 400;
        setLayout(null);
        setPreferredSize(new Dimension(width, height));

        int w = width / COLUMN_COUNT;
        int h = height / ROW_COUNT;
        for (int y = 0; y < COLUMN_COUNT; ++y) {
            for (int x = 0; x < ROW_COUNT; ++x) {
                JLabel btn = new JLabel();
                btn.setOpaque(true);
                btn.setBackground(DEFAULT_COLOR);
                btn.setName(y + "," + x);
                btn.setBorder(BorderFactory.createEtchedBorder());

                btn.setBounds(y * h, x * w, w, h);
                add(btn);
                btns[y][x] = btn;
                handleButtonEvent(btn);
            }
        }
    }

    private void handleButtonEvent(final JLabel btn) {
        btn.addMouseListener(new MouseAdapter() {
            @Override
            public void mousePressed(MouseEvent e) {
                String[] coord = btn.getName().split(",");
                int y = Integer.parseInt(coord[0]);
                int x = Integer.parseInt(coord[1]);

                clickButton(y, x);

                clickButton(y - 1, x - 1);
                clickButton(y - 1, x);
                clickButton(y - 1, x + 1);

                clickButton(y, x - 1);
                clickButton(y, x + 1);

                clickButton(y + 1, x - 1);
                clickButton(y + 1, x);
                clickButton(y + 1, x + 1);
            }

            @Override
            public void mouseReleased(MouseEvent e) {
                String[] coord = btn.getName().split(",");
                int y = Integer.parseInt(coord[0]);
                int x = Integer.parseInt(coord[1]);

                releaseButton(y, x);

                releaseButton(y - 1, x - 1);
                releaseButton(y - 1, x);
                releaseButton(y - 1, x + 1);

                releaseButton(y, x - 1);
                releaseButton(y, x + 1);

                releaseButton(y + 1, x - 1);
                releaseButton(y + 1, x);
                releaseButton(y + 1, x + 1);
            }
        });
    }

    private void clickButton(int y, int x) {
        if (y < 0 || y >= btns.length || x < 0 || x >= btns[0].length) { return; }
        btns[y][x].setBackground(PRESSED_COLOR);
    }

    private void releaseButton(int y, int x) {
        if (y < 0 || y >= btns.length || x < 0 || x >= btns[0].length) { return; }
        btns[y][x].setBackground(DEFAULT_COLOR);
    }

    private static void createGuiAndShow() {
        JFrame frame = new JFrame("");
        frame.getContentPane().add(new Test());

        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.pack();
        frame.setResizable(false);
        frame.setAlwaysOnTop(true);
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                createGuiAndShow();
            }
        });
    }
}
 

this one looks better, but it doesn't use the button, which lacks the button's press and release effect, is there some better one?

分享到:
评论

相关推荐

    精致按钮图片&播放器按钮

    至于“图片”标签,这里的图片可能是指按钮本身的图像设计,也可能是按钮周围的装饰性图片,比如播放器的皮肤或界面元素。这些图片可以增加视觉多样性,让界面更加生动有趣。设计师需要确保图片的质量、分辨率和格式...

    MCGS 按钮美图

    此外,为了丰富用户的交互体验,这些资源还包含了按钮在不同状态(如正常、悬停、点击等)下的样式,使得用户的操作得到及时的视觉反馈。 在实际使用过程中,用户可以利用MCGS的图形编辑器,将这些美图资源导入到...

    各种按钮psd格式

    设计师需要考虑按钮的颜色、大小、形状、文字以及与周围元素的对比度,以确保其清晰可见且易于识别。 压缩包内的"readme.html"通常是一个说明文件,可能包含关于按钮资源的详细信息,如设计者信息、使用许可、版权...

    Android 滑动按钮

    此外,滑动按钮的触摸区域需要合理设定,通常包括按钮的实际可视区域以及一定的边缘扩展区,以便用户的手指能在按钮周围进行滑动操作。还要注意处理滑动冲突,确保滑动按钮与其他视图的触摸事件不互相干扰。 在实际...

    12款社交网站分享按钮设计PSD素材

    按钮周围应有足够的空白区域,避免误触其他元素。 4. **响应式设计**:随着不同设备和屏幕尺寸的广泛使用,分享按钮需要适应各种分辨率和布局。设计师需要确保按钮在各种环境下都能清晰可见且易于操作。 5. **动画...

    附上下翻页和暂停按钮的Flash焦点图.rar

    【描述】"附上下翻页和暂停按钮的Flash焦点图"描述了这个焦点图组件不仅具备自动播放功能,还允许用户通过点击上下翻页按钮来手动切换图片,同时提供暂停按钮以便用户在某一图片上停留更长时间。这种设计考虑到了...

    精彩编程与编程技巧-利用VB实现浮动按钮...

    同时,还需要绘制四条线 `Line1` 至 `Line4` 作为按钮周围的边框。这四条线默认为不可见(`Visible = False`),以模拟按钮的悬浮效果。 **4. 编写事件处理函数** 为了实现按钮状态的切换,我们需要编写两个主要的...

    Button Class_VC6_图片按钮_

    5. **透明按钮**:透明按钮是指按钮的背景与周围界面融合,点击区域仅由按钮上的图形指示。在VC6中,可以通过自绘技术实现按钮的透明效果,通常涉及重载OnPaint()函数,并使用CBrush和CPen对象来绘制按钮的各个部分...

    纯CSS3 Android样式按钮点击波特效

    1. **伪类选择器**:CSS3中的`:hover`、`:active`和`:focus`等伪类选择器被用来定义不同状态下的样式,例如按钮被鼠标悬停、按下或获取焦点时的样式变化。 2. **过渡(Transition)**:通过设置`transition`属性,...

    图片资源(按钮类,共5组,第1组,jpg格式)

    按钮类图片通常包含不同状态下的按钮图像,例如:正常状态、悬停状态、点击状态等,以提供视觉反馈并增加交互性。 这些资源是jpg格式的,JPEG(Joint Photographic Experts Group)是一种广泛使用的有损压缩图像...

    网页按钮音效

    同时,也要考虑在网络延迟或加载时间较长的情况下,是否仍播放音效。 4. **音效优化**:为了节省资源和提高加载速度,音效文件应尽可能压缩和优化,保持文件大小适中。此外,考虑到不同设备的播放能力,建议使用...

    Material Design风格纯js按钮点击波特效

    实现这个效果的关键在于模拟水波扩散的动态过程,通过JavaScript来控制元素的透明度和半径变化,使得点击事件触发时,按钮周围产生类似水波的效果。 在这个项目中,开发者选择使用纯JavaScript而不是依赖于像jQuery...

    ios-水波纹效果按钮-使用方便-可自定义.zip

    当用户点击按钮时,按钮周围会产生类似水波扩散的效果,这不仅增加了用户的交互体验,也使应用界面更具活力。这种效果在许多现代移动应用设计中非常流行,特别是在登录、注册或确认操作等关键环节。 该组件的一大...

    网站后台设计常用PNG小按钮

    10. **forward.png**:前进按钮,与后退按钮相反,允许用户前进到下一个页面或恢复之前的操作,提供了导航的灵活性。 这些PNG小按钮的设计需遵循一致性、清晰性和易用性原则,确保用户能快速识别并理解其功能。在...

    VC 多风格按钮美化集.rar

    开发者需要学习如何在按钮周围添加合适的阴影,使得按钮看起来更立体,同时不影响其可点击性。 带背景图像的按钮则需要处理图像的裁剪、拉伸和对齐问题。开发者可以通过BITMAPINFO结构体和StretchDIBits函数来处理...

    140个网页设计常用按钮装饰小图标素材

    以及注意图标和周围元素的间距,避免视觉混乱。 总之,“140个网页设计常用按钮装饰小图标素材”是一个宝贵的资源,它为设计师提供了丰富的设计元素,帮助他们提升网页的视觉吸引力和功能性。无论是新手设计师还是...

    微信小程序--实现多个按钮toggle功能

    如下图所示,实现该按钮toggle功能。百度上很多都是只设置一个按钮的toggle,所以我现在来稍微总结下:多个按钮如何实现自身的toggle功能。原理:1,列表展示的时候,我们会用wx:for 来循环数据,那么我们就会得到相...

    (0001)-iOS/iPhone/iPAD/iPod源代码-按钮(Button)-QuadCurveMenu

    - 计算每个次级按钮相对于主按钮的位置,确保它们在主按钮周围形成四分之一圆弧的布局。 2. **手势识别** - 添加`UITapGestureRecognizer`到主按钮,以便检测用户点击事件。 - 当主按钮被点击时,启动动画展示子...

    PSD按钮设计

    在设计按钮时,需要考虑其尺寸、颜色、形状、文字、图标以及与周围元素的对比度,这些因素都直接影响用户的交互体验。按钮的设计应当直观、清晰,符合用户的认知习惯,同时还要考虑到不同设备和屏幕尺寸的适配性。 ...

    吸引用户点击的按钮设计以及网页按钮实例

    5. **空间布局**:按钮周围要有足够的空间,即适当的margin(外边距)和padding(内边距)。这不仅使按钮在视觉上更加突出,也使得文字更易读,增强了整体的可用性。 此外,文章还提供了30个不同的网页按钮设计实例...

Global site tag (gtag.js) - Google Analytics