创建UI主题

走着路睡觉大约 2 分钟

创建UI主题

创建UI主题可以选择一个已有的主题(Light或Darcula主题),然后对它进行修改,你可以更改的有:

  • 替换图标
  • 更换图标和用户界面控件的颜色
  • 修改 用户界面控件的边框和图片
  • 自定义编辑器方案
  • 增加背景图片

UI主题结构

UI主题是 IntelliJ Platform插件中的一个组件。UI插件不依赖其它插件,可以单独安装使用。安装了一个主题以后,可以不重启ide即可生效。

UI主题主要包括以下几个组件:

  1. 必选-主题配置文件,文件为JSON格式: resources文件夹下
  2. 必选-在plugin.xml里声明一个themeProvider
  3. 可选-编辑器方案配置文件: resources文件夹下
  4. 可选-背景图片文件: resources文件夹下
  5. 可选-图标文件: resources文件夹下

自定义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会重复

上次编辑于:
贡献者: zhaojingbo
Loading...