-----------------siwuxie095

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

工程名:CustomizeSwing

包名:com.siwuxie095.swing

类名:MyFrame.java(主类)、MyPanel.java

 
 

 
 

工程结构目录如下:

 
 

 
 

 
 

 
 

 
 

MyFrame.java(主类):

 
 

package com.siwuxie095.swing;

 
 

import java.awt.Color;

import java.awt.Component;

import java.awt.EventQueue;

import java.awt.Point;

import java.awt.event.KeyAdapter;

import java.awt.event.KeyEvent;

import java.awt.event.MouseAdapter;

import java.awt.event.MouseEvent;

import java.awt.event.MouseMotionAdapter;

 
 

import javax.swing.GroupLayout;

import javax.swing.GroupLayout.Alignment;

import javax.swing.JButton;

import javax.swing.JFrame;

import javax.swing.JPanel;

import javax.swing.LayoutStyle.ComponentPlacement;

import javax.swing.border.EmptyBorder;

 
 

public class MyFrame extends JFrame {

 
 

//将原本声明的 JPanel 注释掉,改为 MyPanel

//private JPanel contentPane;

private MyPanel contentPane;

 

//坐标:记录鼠标(mouse)的位置和窗体(JFrame)的位置

int mx,my,jfx,jfy;

//鼠标的初始位置

Point orgin=new Point();

 
 

/**

* Launch the application.

*/

public static
void main(String[] args) {

EventQueue.invokeLater(new Runnable() {

public
void run() {

try {

MyFrame frame = new MyFrame();

frame.setVisible(true);

} catch (Exception e) {

e.printStackTrace();

}

}

});

}

 
 

/**

* Create the frame.

*/

public MyFrame() {

 

//为 JFrame 添加鼠标按下和拖拽的事件:在窗体上按下鼠标可以拖拽窗体

//(如果给 contentPane 添加同样的事件是等效的)

//注意:(1)(2)是一组设置方法,(3)(4)是另一组设置方法

//(3)(4)要优于(1)(2)

addMouseListener(new MouseAdapter() {

@Override

public
void mousePressed(MouseEvent e) {

 

// //(1)鼠标按下的瞬间在屏幕中的坐标值

// mx=e.getXOnScreen();

// my=e.getYOnScreen();

// //当前窗体的坐标值

// jfx=e.getX();

// jfy=e.getY();

 

 

//(3) 鼠标按下的时候在窗口的位置

orgin.x=e.getX();

orgin.y=e.getY();

 

}

});

 

 

addMouseMotionListener(new MouseMotionAdapter() {

@Override

public
void mouseDragged(MouseEvent e) {

// //(2)在每一次移动鼠标时,对比移动后的坐标和移动前的坐标的差别

// //将这个差值加到窗体上即可,即鼠标移动多少,窗体就移动多少

// setLocation(jfx+(e.getXOnScreen()-mx), jfy+(e.getYOnScreen()-my));

 

 

//(4) 当鼠标拖动时获取窗口当前位置

Point p=getLocation();

// 窗口当前的位置 + 鼠标当前在窗口的位置 - 鼠标按下的时候在窗口的位置

setLocation(p.x+e.getX()-orgin.x, p.y+e.getY()-orgin.y);

}

});

 

 

//为 JFrame 添加 keyTyped 事件

//当点击 Esc 和 Space 键时退出程序

addKeyListener(new KeyAdapter() {

 

@Override

public
void keyTyped(KeyEvent e) {

if (e.getKeyCode()==0) {

System.exit(0);

}

}

 

});

 

 

//设定成不使用系统自带的窗体装饰

setUndecorated(true);

 

 

//将背景设定成全透明

//前三个是 rgb 值,最后一个是透明度

,整个 JFrame 就完全透明了

//因为 JFrame 被 contentPane 挡住了

//所以运行后"窗体"依然不透明,

//再去 MyPanel.java 中设置 contentPane 的透明度即可

setBackground(new Color(0,0,0,0));

 

 

setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

setBounds(100, 100, 450, 300);

 

 

//将原本的实例化方式注释掉,改为 MyPanel()

//contentPane = new JPanel();

contentPane = new MyPanel();

 

 

contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));

setContentPane(contentPane);

 

JPanel panel = new JPanel();

panel.setOpaque(false);

panel.setAlignmentX(Component.LEFT_ALIGNMENT);

 

 

 

//下面一大段代码由系统自动生成,不用管

GroupLayout gl_contentPane = new GroupLayout(contentPane);

gl_contentPane.setHorizontalGroup(

gl_contentPane.createParallelGroup(Alignment.LEADING)

.addComponent(panel, GroupLayout.DEFAULT_SIZE, 440, Short.MAX_VALUE)

);

gl_contentPane.setVerticalGroup(

gl_contentPane.createParallelGroup(Alignment.LEADING)

.addGroup(gl_contentPane.createSequentialGroup()

.addGap(25)

.addComponent(panel, GroupLayout.PREFERRED_SIZE, 264, GroupLayout.PREFERRED_SIZE)

.addContainerGap(29, Short.MAX_VALUE))

);

 

 

 

JButton btnExit = new JButton("Exit");

btnExit.setFocusable(false);

//添加鼠标点击事件

//当点击 Exit 按钮时退出程序

btnExit.addMouseListener(new MouseAdapter() {

@Override

public
void mouseClicked(MouseEvent e) {

System.exit(0);

}

});

 

 

JButton btnMax = new JButton("MAX");

btnMax.setFocusable(false);

btnMax.addMouseListener(new MouseAdapter() {

@Override

public
void mouseClicked(MouseEvent arg0) {

//向下还原:如果已经最大化,就还原成正常大小

if (getExtendedState()==JFrame.MAXIMIZED_BOTH) {

setExtendedState(JFrame.NORMAL);

}else {

//最大化:将JFrame设置成横向和纵向都最大化

setExtendedState(JFrame.MAXIMIZED_BOTH);

}

}

});

 

JButton btnMin = new JButton("MIN");

btnMin.setFocusable(false);

btnMin.addMouseListener(new MouseAdapter() {

@Override

public
void mouseClicked(MouseEvent e) {

//最小化

setExtendedState(JFrame.ICONIFIED);

}

});

 

 

 

//下面一大段代码由系统自动生成,不用管

GroupLayout gl_panel = new GroupLayout(panel);

gl_panel.setHorizontalGroup(

gl_panel.createParallelGroup(Alignment.TRAILING)

.addGroup(gl_panel.createSequentialGroup()

.addContainerGap(217, Short.MAX_VALUE)

.addComponent(btnMin)

.addPreferredGap(ComponentPlacement.RELATED)

.addComponent(btnMax)

.addPreferredGap(ComponentPlacement.RELATED)

.addComponent(btnExit)

.addContainerGap())

);

gl_panel.setVerticalGroup(

gl_panel.createParallelGroup(Alignment.TRAILING)

.addGroup(Alignment.LEADING, gl_panel.createSequentialGroup()

.addContainerGap()

.addGroup(gl_panel.createParallelGroup(Alignment.BASELINE)

.addComponent(btnExit)

.addComponent(btnMax)

.addComponent(btnMin))

.addContainerGap(231, Short.MAX_VALUE))

);

panel.setLayout(gl_panel);

contentPane.setLayout(gl_contentPane);

}

}

 
 

 
 

 
 

MyPanel.java:

 
 

package com.siwuxie095.swing;

 
 

import java.awt.BasicStroke;

import java.awt.Color;

import java.awt.Font;

import java.awt.Graphics;

import java.awt.Graphics2D;

import java.awt.RenderingHints;

 
 

import javax.swing.JPanel;

 
 

//MyPanel 继承自 JPanel

public class MyPanel extends JPanel {

 

//需要复写父类 JPanel 的 paintComponent() 方法

@Override

protected
void paintComponent(Graphics g) {

 

//使用 Java2D,创建 Graphics2D 对象,让绘制效果更好

//需要强制类型转换

Graphics2D g2d=(Graphics2D) g;

 

 

//打开抗锯齿效果

g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

 

 

//前三个是 rgb 值,最后一个是透明度

 

 

//使用 Graphics2D 填充一个圆角矩形(作背景)

//需要指定 X Y 坐标,宽度,高度,圆角的弧宽,圆角的弧高

//宽度和高度直接调用 JPanel 的 getWidth() 和 getHeight() 方法来获取

//

//绘制边框时要注意:如果绘制的宽度和高度

真实边框的高度和宽度一样

//那么右方和下方的边框不会显示出来(即不会显示出深灰色)

//因为绘制边框时是在指定宽度的右侧、指定高度的下侧来绘制的

,这样右边界和下边界才不会被绘制到界面之外

,宽高又减 6,详见:(5)关于笔触的注释)

//

//绘制一个半透明的窗体,填充的是浅浅的白色

//(这里虽然绘制的是 contentPane,但后面的 JFrame

//已经被设为全透明,所以 contentPane 就决定了
窗体)

//g2d.fillRoundRect(0, 0, getWidth()-1, getHeight()-1, 20, 20);

g2d.fillRoundRect(3, 3, getWidth()-7, getHeight()-7, 20, 20);

 

 

//绘制标题区域

//虽然 fill 的区域很大,但超出 setClip() 的部分不会被绘制

//(主要是 getHeight()-1 超出了范围)

g2d.setClip(0,0,getWidth(),30);

g2d.setColor(Color.white);

g2d.fillRoundRect(1, 3, getWidth()-2, getHeight()-1, 20, 20);

//因为 setClip() 仅针对这个标题栏有效,所以绘制完成后需要移除它,传入空值即可

g2d.setClip(null);

 

 

//(5)

//设定笔触,传入匿名对象,指定笔触宽度

//笔触宽度变大时,窗体的边角就会变的凸出

//

//这是因为在为当前的形状来绘制上边缘和左边缘时,

//每一个像素的宽度都会同时向内和同时向外扩张半个像素

//而绘制下边缘和右边缘时,每一个像素的宽度则是同时向外扩张一个像素

//

//如:当前的圆角矩形是从(0,0)开始绘制的,如果是 6 个宽度的话,

//上边缘和左边缘会向里绘制 3 个像素和向外绘制 3 个像素,

//而下边缘和右边缘则是向外绘制 6 个像素。

//所以要想完全显示该笔触(实际应用于边框,使四周宽度相同),

//绘制时需要将起始点加上宽度的一半,宽高都减去宽度

g2d.setStroke(new BasicStroke(6));

 

 

g2d.setColor(Color.darkGray);

//使用 Graphics2D 绘制一个圆角矩形(作边框)

//g2d.drawRoundRect(0, 0, getWidth()-1, getHeight()-1, 20, 20);

g2d.drawRoundRect(3, 3, getWidth()-7, getHeight()-7, 20, 20);

 

 

 

//绘制文字,先设定字体

g2d.setFont(new Font("Arial", Font.BOLD, 16));

g2d.drawString("Swing UI Test", 15, 24);

 

 

}

 
 

}

 
 

 
 

 
 


JFrame 的 undecorated 属性设为 true,即不使用系统自带的窗体装饰

 
 

 
 

 
 

 
 

将 JFrame 设为 全透明

 
 

 
 

 
 

 
 


JFrame 添加 keyTyped 事件,实现点击 Esc 和 Space 退出程序

 
 


JFrame 添加 mousePressed、mouseDragged 事件,实现窗体拖拽移动

 
 

「关于窗体拖拽移动,为
contentPane 添加同样事件也能达到同样效果」

 
 

 
 

 
 

修改 MyFrame.java(主类) 中的 contentPane 的声明与实例化方式

 
 

 
 

 
 

 
 

 
 


MyPanel.java 中覆盖 JPanel 类的 paintComponent() 方法,

使用
Java 2D 绘制
contentPane

 
 

 
 

在 contentPane 上添加一个新的 JPanel,将 contentPane 和这个 JPanel


opaque 属性设为 false,布局改为 Group Layout,并做好吸附

 
 

 
 

在新的
JPanel 的右上角添加三个 JButton,将其文本(text)分别改为:

MIN、MAX、EXIT,分别 Rename 为:btnMin、btnMax、btnExit,并

做好吸附

 
 

将三个
JButton 的 focusable 属性设为 false

 
 

为三个
JButton 添加 mouseClicked 事件,实现 最小化、最大化/向下还原、关闭

 
 

 
 

 
 

运行程序:

这是一个半透明的窗体,中间显示的是本人的桌面背景

(标题栏:Swing UI Test 所在,是白色,不是半透明)

 
 

 
 

 
 

 
 

 
 

 
 

 
 

 
 

【made by siwuixie095】

使用绘图API自定义组件的更多相关文章

  1. 3. 使用绘图API自定义视图 --- 旋转的方块

    import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; impor ...

  2. 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件

    博客地址 : http://blog.csdn.net/shulianghan/article/details/41520569 代码下载 : -- GitHub : https://github.c ...

  3. 第三部分:Android 应用程序接口指南---第二节:UI---第十二章 自定义组件

    第12章 自定义组件 Android平台提供了一套完备的.功能强大的组件化模型用于搭建用户界面,这套组件化模型以View和 ViewGroup这两个基础布局类为基础.平台本身已预先实现了多种用于构建界 ...

  4. PhoneGap: Android 自定义组件

    Hello Core Demo Plugin Development(组件部署): http://docs.phonegap.com/en/2.0.0/guide_plugin-development ...

  5. Android开发——构建自定义组件

    Android中,你的应用程序程序与View类组件有着一种固定的联系,例如按钮(Button). 文本框(TextView), 可编辑文本框(EditText), 列表框(ListView), 复选框 ...

  6. ExtJS4.2 - 从 Hello World 到 自定义组件 -01 (为爱女伊兰奋斗)

    ExtJS4.2 - 从 Hello World 到 自定义组件 - 01 经验.概述.项目搭建.国际化.HelloWorld.布局 —— 为爱女伊兰而奋斗 ——少走弯路,简单才是王道 1. 写在前面 ...

  7. 如何在自定义组件中使用v-model

    文章属于速记,有错误欢迎指出.风格什么的不喜勿喷. 先来一个组件,不用vue-model,正常父子通信 <!-- parent --> <template> <div c ...

  8. Vue结合原生js实现自定义组件自动生成

    就目前三大前端主流数据驱动框架(vue,ng,react)而言,均具有创建自定义组件的api,但都是必须先做到事先写好挂载点,这个挂载点可以是原有静态元素标签也可以是自定义模板:对于多种组件通过同一数 ...

  9. Android 自定义组件之如何实现自定义组件

    参考链接:http://blog.csdn.net/jjwwmlp456/article/details/41076699 简介 Android提供了用于构建UI的强大的组件模型.两个基类:View和 ...

随机推荐

  1. 配置SSH密码登录

    在客户端生成公钥: ssh-keygen –t rsa 生成的公钥默认位置在~/.ssh/目录 把公钥上传到服务器端: scp id_rsa.pub root@ip地址:文件保存路径 cat id_r ...

  2. android 取mac若干问题

    问题一:Error:Error: The WIFI_SERVICE must be looked up on the Application context or memory will leak o ...

  3. 发布本地jar到Nexus仓库

    mvn deploy:deploy-file -Durl=http://192.168.0.4:8081/nexus/content/repositories/thirdparty -Dreposit ...

  4. 学习汤姆大叔《深入理解JavaScript系列》有感(1) —— 立即调用的函数表达式

    一. 下面代码用于理解函数的声明和调用. function makeCounter() { // 只能在makeCounter内部访问i var i = 0; return function () { ...

  5. 树莓派(Arduino)仿真软件 —— Fritzing

    Fritzing 官网:Fritzing Fritzing 下载地址:Fritzing Download windows 下降 zip 文件解压后,免安装双击 exe 即可运行:

  6. [SP839]Optimal Marks

    luogu 题意 给你一个无向图\(G(V,E)\). 每个顶点都有一个int范围内的整数的标记. 不同的顶点可能有相同的标记. 对于边\((u,v)\),我们定义\(Cost(u,v)=\rm ma ...

  7. ACM学习历程—2016"百度之星" - 资格赛(Astar Round1)

    http://bestcoder.hdu.edu.cn/contests/contest_show.php?cid=690 A题: 给定字符串,求任意区间的Hash值. 根据题目给定的Hash方式,属 ...

  8. BZOJ1293:[SCOI2009]生日礼物

    浅谈队列:https://www.cnblogs.com/AKMer/p/10314965.html 题目传送门:https://lydsy.com/JudgeOnline/problem.php?i ...

  9. UEditor富文本编辑器的图片上传 http://fex.baidu.com/ueditor/#server-deploy

    http://fex.baidu.com/ueditor/#server-deploy http://fex.baidu.com/ueditor/#server-path 首先 editor配置文件中 ...

  10. Java基础--读写文件

    Java读写文件需要注意异常的处理,下面是一个例子 写文件 public class WriteFile { public static void write(String file, String ...