Getting Started꞉ Item Labels and Icons - aestheticinteractive/Hover-UI-Kit GitHub Wiki

On this page, you'll learn how to customize the default item renderer's labels and icons by changing its colors and materials.

Instructions

Customize Item Label And Icons :camera: Modifying the default item renderer's labels and icons

  1. Complete the Scene Setup step.
  2. Add an item to your scene. See the Checkbox Item or Slider Item instructions for assistance.
  3. Find the Text component of the renderer's Label object.
    1. Set "Font Size" to control the size of the text. This can also affect the size of the icon.
    2. Set "Color" to control the color of the text.
  4. Find the RawImage component of the renderer's IconOuter or IconInner objects.
    1. Set "Color" to control the color of the icon.
    2. Set the "Material" to change the icon graphic. For the default item renderer, the material's texture must follow the conventions of the StandardIconsTexture texture.

Related Assets

This tutorial uses the GettingStarted-Customize-ItemCanvas scene, from the "HoverDemos" folder. In the animation, the ScanlineIconsMaterial uses the ScanlineIconsTexture texture.