hxuanyu/intellij-sdk-code-samples
1
0
Fork 0
mirror of https://github.com/JetBrains/intellij-sdk-code-samples.git synced 2025-07-29 17:57:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui_faq.md: add "Combining icons"

Browse Source
This commit is contained in:
Yann Cébron 2025-04-23 09:55:46 +02:00
parent 630fe95a35
commit da683c0322
2 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
topics/reference_guide/icons.md
View File

@ -10,6 +10,8 @@
**UI Guidelines:** [Icons list](https://intellij-icons.jetbrains.design), [](icons_style.md) **UI Guidelines:** [Icons list](https://intellij-icons.jetbrains.design), [](icons_style.md)
**See also**: [UI FAQ - Icons](ui_faq.md#icons)
</tldr> </tldr>
Icons are used widely by IntelliJ Platform plugins. Icons are used widely by IntelliJ Platform plugins.

13
topics/user_interface_components/ui_faq.md
View File

@ -1,4 +1,4 @@
<!-- Copyright 2000-2024 JetBrains s.r.o. and contributors. Use of this source code is governed by the Apache 2.0 license. --> <!-- Copyright 2000-2025 JetBrains s.r.o. and contributors. Use of this source code is governed by the Apache 2.0 license. -->
# User Interface FAQ # User Interface FAQ
@ -76,8 +76,17 @@ can result in UI layout problems.
If you use DPI-aware insets in an empty border (`JBUI.Borders.empty()`), then the insets will be updated automatically, for example, if scaling is changed because the <ui-path>IDE Zoom</ui-path> action was performed or for any other reason. If you use DPI-aware insets in an empty border (`JBUI.Borders.empty()`), then the insets will be updated automatically, for example, if scaling is changed because the <ui-path>IDE Zoom</ui-path> action was performed or for any other reason.
If you use the insets elsewhere, you need to manually call `JBInsets.update()` in your component's `updateUI()` method to update the insets accordingly. If you use the insets elsewhere, you need to manually call `JBInsets.update()` in your component's `updateUI()` method to update the insets accordingly.
## Manipulating Icons ## Icons
### Manipulating Icons
Use [`IconUtil`](%gh-ic%/platform/core-ui/src/util/IconUtil.kt) to scale/colorize/darken/desaturate existing [icons](icons.md) as needed. Use [`IconUtil`](%gh-ic%/platform/core-ui/src/util/IconUtil.kt) to scale/colorize/darken/desaturate existing [icons](icons.md) as needed.
### Combining Icons
Use [`RowIcon`](%gh-ic%/platform/core-ui/src/ui/RowIcon.kt) to combine icons horizontally (_\$modifier\$_ _\$element\$_).
To stack icons, use [`LayeredIcon`](%gh-ic%/platform/core-ui/src/ui/LayeredIcon.kt).
[`IconWithOverlay`](%gh-ic%/platform/core-ui/src/ui/icons/IconWithOverlay.java) additionally allows controlling the shape of the overlay icon.
<include from="snippets.topic" element-id="missingContent"/> <include from="snippets.topic" element-id="missingContent"/>