【项目管理】一款Swing的Look And Feel实现beautyeye

古城微笑少年丶 2024-04-07 14:42 60阅读 0赞

## beautyeye ##

![Java-8-blue.svg][] ![IDE-IntelliJ_20IDEA-brightgreen.svg][] ![Maven-3.6.3-yellow.svg][] ![License-Apache2-orange.svg][]

> System : Windows 10
> 
> Intellij IDEA : Ultimate 2020.3.4
> 
> Java : 1.8.0\_333
> 
> Maven : 3.6.3
> 
> Gitee：[**https://gitee.com/lijinjiang01/beautyeye**][https_gitee.com_lijinjiang01_beautyeye]

### 1.介绍 ###

beautyeye 是一款 Java Swing 跨平台外观（look and feel）实现, 该项目源自 JackJiang 大神的 beautyeye 项目，这里附上原项目链接地址

链接: [https://gitee.com/jackjiang/beautyeye][https_gitee.com_jackjiang_beautyeye]

在使用该 laf 的时候有些地方为了更适合我的审美，对项目进行了一些调整，也有些地方存在一些 Bug 也同时进行了修复

同时也将项目结构改为了 Maven 项目结构，打包发布更加方便，原项目代码为 V3.7 版，所以这里后面版本从 3.8 往后追加好了

### 2.使用 ###

使用前先推荐大家看下原 beautyeye 项目的[使用文档][Link 1]

#### 2.1 jar 包下载 ####

如果只是想引用这个 laf 的话，只需要发行版处的 jar 包下载下来，引用到自己项目中即可  
![e9d6da5e517e31734cffa4bbc85e909c.png][]

#### 2.2 开始使用 ####

这里放置一份简单的代码样例，供大家参考，这里的边框样式推荐：generalNoTranslucencyShadow，因为几个透明的用起来好像有点问题，也米有仔细去研究

import indi.lijinjiang.beautyeye.BeautyEyeLNFHelper;
    
    import javax.swing.*;
    import java.awt.*;
    
    /**
     * @ClassName Amend01
     * @Description 修改窗口右上角操作按钮图片大小
     * @Author Li
     * @Date 2022/8/29 16:53
     * @ModifyDate 2022/8/29 16:53
     * @Version 1.0
     */
    public class Amend01 {
        
        public static void main(String[] args) {
        
            try {
        
                /**
                 * 设置本属性将改变窗口边框样式定义
                 * 系统默认样式 : osLookAndFeelDecorated
                 * 强立体半透明 : translucencyAppleLike
                 * 弱立体半透明 : translucencySmallShadow
                 * 普通不透明 : generalNoTranslucencyShadow
                 */
                BeautyEyeLNFHelper.frameBorderStyle = BeautyEyeLNFHelper.FrameBorderStyle.generalNoTranslucencyShadow;
                BeautyEyeLNFHelper.launchBeautyEyeLNF();
            } catch (Exception e) {
        
            }
            JFrame frame = new JFrame(); // 初始化窗口
            frame.setTitle("Amend01"); // 设置标题
    
            frame.setSize(new Dimension(800, 600)); // 显示大小
            frame.setLocationRelativeTo(null); // 屏幕居中
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); // 设置默认关闭方式
            frame.setVisible(true);
    
        }
    }

### 3.调整内容 ###

#### 3.1 调整窗口右上角图标大小 ####

原最大化，最小化，关闭图标只有16px，感觉有点小，这里改成了 20 px  
![acca30b834d504e581b235ec84b230b2.png][]

#### 3.2 隐藏设置按钮 ####

右上角的设置按钮基本不用，直接默认隐藏，如果需要显示的话，配置一个 UIManager 参数

UIManager.put("RootPane.setupButtonVisible", true); // 使设置按钮可见

![75c0185b7f9841bb23106c6d5002c8c0.png][]

#### 3.3 调整 JTabbedPane 的 UI ####

原来的那个 JTabbedPane 样式有点怪，圆角的不太符合我的审美，所以给改成了类似 IDEA 的选项卡样式  
![164307b61bb5cfe6252bda8dea6ab6fd.gif][]

#### 3.4 调整 JTollBar 上按钮的 UI ####

JToolBar 上的按钮，鼠标 isRollover() 和 isSelected() 的显示样式一样，这样不便于观察按钮是否被点击  
![83a2b3b98173a0403df625c24a012e64.gif][]

#### 3.5 调整 JTable 的 UI ####

JTable 的 UI 重写类引用了 sun.swing.table.DefaultTableCellHeaderRenderer 类，该类位于 rt 包下，  
因为编写依赖 sun.\* 的 java 程序是有风险的，而且 Maven 在打包的时候也可能出现问题，所以我们将 DefaultTableCellHeaderRenderer  
类抽出来放到 table 的 UI 实现包下，直接引用，不过有些方法没有写全，后续出现问题补充完整即可

表头的分隔符全部由虚线改为了实线，也把表单的网格线默认全部绘制出来  
![f1b832d2e9caa71218acf3f62ab0eff2.png][]

#### 3.6 修复 JComboBox 的监听 Bug ####

修复 JComboBox 的 PopupMenuListener 监听 bug

修复了 JComboBox 第二次点击下拉会改变 popup 的显示宽度问题

#### 3.7 调整 JTree 的 UI ####

JTree 的图标展开和折叠的图标感觉像是反着的，调整和 IDEA 的样式一致，下三角代表展开，右三角代表折叠

同时将背景色渲染改为整行，失去焦点时背景色变为灰色  
![在这里插入图片描述][1965e6c4430e40638f4b09a437c06a29.gif]

#### 3.8 调整 JSplitPane 的 UI ####

将分隔条上的装饰按钮宽度属性配置到 UIManager，同时默认宽度为0，如果需要显示装饰按钮，可以通过修改如下代码实现

UIManager.put("SplitPaneDivider.TOUCH_DECORATED_BUTTON_W", 0); // 分隔条触碰装饰区装饰按钮的宽度

![a2a848bd4a4e9eb22381408147c33506.png][]

#### 3.9 调整 JButton 的 UI ####

设置 JButton 的 UI 代码，使其实现 setBackground 的功能  
![5b692f21eb2e943bc13bb4aa9a6fe8f9.gif][]

[Java-8-blue.svg]: https://img.shields.io/badge/Java-8-blue.svg
[IDE-IntelliJ_20IDEA-brightgreen.svg]: https://img.shields.io/badge/IDE-IntelliJ%20IDEA-brightgreen.svg
[Maven-3.6.3-yellow.svg]: https://img.shields.io/badge/Maven-3.6.3-yellow.svg
[License-Apache2-orange.svg]: https://img.shields.io/badge/License-Apache2-orange.svg
[https_gitee.com_lijinjiang01_beautyeye]: https://gitee.com/lijinjiang01/beautyeye
[https_gitee.com_jackjiang_beautyeye]: https://gitee.com/jackjiang/beautyeye
[Link 1]: http://www.52im.net/forum.php?mod=viewthread&tid=26&extra=page%3D1
[e9d6da5e517e31734cffa4bbc85e909c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1f35205e4f2340cc8e2dbdad9b0402dc.png
[acca30b834d504e581b235ec84b230b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/ead0e6e128ec473fa8017a3e18522824.png
[75c0185b7f9841bb23106c6d5002c8c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/348febb8d062442d8d2165989408ec2b.png
[164307b61bb5cfe6252bda8dea6ab6fd.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/219ed2dfe6184557a278083182c54bc4.gif
[83a2b3b98173a0403df625c24a012e64.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/a472f9366efb419989c09df37233ca75.gif
[f1b832d2e9caa71218acf3f62ab0eff2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/70abe623f0314122927ad3e99fa1fdb7.png
[1965e6c4430e40638f4b09a437c06a29.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/6da0cb9021074283b40d3ebbcfb08b9b.gif
[a2a848bd4a4e9eb22381408147c33506.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/63ae1141f07143efa1ea66f72d8ff242.png
[5b692f21eb2e943bc13bb4aa9a6fe8f9.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/ff4662e837c649948c8f71846a64da6f.gif