创建UI主题
大约 2 分钟
创建UI主题
创建UI主题可以选择一个已有的主题(Light或Darcula主题),然后对它进行修改,你可以更改的有:
- 替换图标
- 更换图标和用户界面控件的颜色
- 修改 用户界面控件的边框和图片
- 自定义编辑器方案
- 增加背景图片
UI主题结构
UI主题是 IntelliJ Platform插件中的一个组件。UI插件不依赖其它插件,可以单独安装使用。安装了一个主题以后,可以不重启ide即可生效。
UI主题主要包括以下几个组件:
- 必选-主题配置文件,文件为JSON格式: resources文件夹下
- 必选-在plugin.xml里声明一个themeProvider
- 可选-编辑器方案配置文件: resources文件夹下
- 可选-背景图片文件: resources文件夹下
- 可选-图标文件: resources文件夹下
自定义UI主题步骤
主要包括以下几步
- 配置开发环境
- 新建一个插件项目
- 使用DevKit UI 主题向导增加UI组件
- 将自定义主题的数据对象添加到主题描述 (JSON) 文件来自定义UI主题
- 添加编辑器方案和背景图像
- 构建和测试主题插件
- 部署 UI 主题插件
- 发布UI 主题插件
创建UI主题
使用DevKit主题向导创建UI主题
选择项目中的 resources 文件夹,右键选择New -> Plugin DevKit -> Theme
在弹出对话框中输入主题的名称
主题的名称最好和项目名称保持一致,上图中的复选框代表你的主题是否基于暗黑主题 Darcula ,示例主题 theme_basics 没有选择暗黑主题
点击确认,会生成一个主题的配置文件:$THEME_NAME$.theme.json ,在上述的示例中,文件名称为theme_basics.theme.json ,默认文件的内容是一组简短的键值对:
{
"name": "theme_basics", //主题名称
"dark": false, // 设置为true表示基于暗黑主题(Darcula),false表示基于Light主题
"author": "", //主题作者
"editorScheme": "/theme_basics.xml", //编辑器配置
"ui": { //UI 控件颜色
}
}
在plugin.xml里声明一个 themeProvider 扩展 <extensions>
<extensions defaultExtensionNs="com.intellij">
<themeProvider
id="eb9b7461-397b-4b98-a422-224fc0a74564"
path="/theme_basics.theme.json"/>
</extensions>
注意
不要修改id,防止id会重复
Loading...