仿IntelliJ Darcula的Swing主题FlatLaf使用方法

Posted 2021-03-05 sandeepin

最近Sandeepin想写个基于Java Swing的RSS阅读器练练手，不过Swing默认主题太丑了，切成系统原生的主题也不是非常好看，正好感觉开发时用的IDEA主题很不错，不管是Light还是Darcula，都符合现代UI的设计风格。自己仿界面肯定很难仿出来，于是网上找找有没有类似风格的Swing UI库。

首先找到的是Mouse0w0开源的JavaFXDarculaTheme，不过这是JavaFX的，先收藏吧。之后找到一个IntelliJ开发者放出的Darcula界面库，试了试效果很不错，可惜只有黑色主题。最后找到的FlatLaf则完美了，支持Light和Darcula，还有自己配色的几种风格，于是尝试折腾一下。

FlatLaf官方介绍说本库是用于Java Swing桌面应用程序的现代的开源的跨平台的外观库。整个UI都是扁平化风格，支持Light、Dark、IntelliJ、Darcula和一些自己配色的主题，Java 8以上支持高DPI，无依赖，支持MigLayout布局，整合得挺好的。自己运行了一下官方demo，暗色主题效果和IDEA非常相近：

使用方法很简单，首先Maven中引入依赖库：

<dependencies>
        <!-- https://mvnrepository.com/artifact/com.formdev/flatlaf -->
        <dependency>
            <groupId>com.formdev</groupId>
            <artifactId>flatlaf</artifactId>
            <version>0.26</version>
        </dependency>
</dependencies>

之后在启动JFrame之前先执行FlatLightLaf.install();即可，我用的是Light主题，如果想启动Darcula，则运行FlatDarculaLaf.install();

包com.formdev.flatlaf下可看到多种风格均内置了install这种简单安装方法：

官方还指出了另一种启用主题的方法，方便切换主题：

try {
    UIManager.setLookAndFeel( new FlatLightLaf() );
} catch( Exception ex ) {
    System.err.println( "Failed to initialize LaF" );
}

如果要定制化外观，可以参考官方文档：https://www.formdev.com/flatlaf/customizing/

几种常用的配置：

圆角方角：

UIManager.put( "Button.arc", 0 );

UIManager.put( "Component.arc", 0 );

箭头类型：

UIManager.put( "Component.arrowType", "chevron" );

UIManager.put( "Component.arrowType", "triangle" );

滚动条的上一个/下一个箭头按钮默认情况下是隐藏的，可以配置，宽度也可以修改：

UIManager.put( "ScrollBar.showButtons", true );

UIManager.put( "ScrollBar.width", 16 );

异想家Sandeepin还发现，甚至，FlatLaf支持IntelliJ平台主题！

搜索想要的主题：https://plugins.jetbrains.com/search?headline=0-theme&tags=Theme

下载源代码，获取.theme.json文件，拷到本地resources，使用：

IntelliJTheme.install(MyApp.class.getResourceAsStream("/com/myapp/themes/arc-theme-orange.theme.json"));

最后附上自己调用FlatLaf做的RSS阅读器的界面，功能还在开发中，做的差不多了也开源出来分享。