• Home

ItemEditorStyle

Provides custom styling for the ItemEditor. More...

• List of all members, including inherited members

Properties

• contentDelegateBackground : Component
• contentDelegateTypeList : Component
• label : Text

Detailed Description

You can create a custom ItemEditor by replacing the according delegate of the ItemEditorStyle with a custom design. If you want to restyle all ItemEditors in your app it is advised to use GameStyle to restyle the elements.

Example Usage

Following example adjusts the background of the item editor.

 ItemEditor {
   id: itemEditor
   itemEditorStyle: ItemEditorStyle {
     contentDelegateBackground: Rectangle {
         anchors.fill: parent
         border.width: 2
         border.color: "#ff0000"
         radius: 4
         gradient: Gradient {
             GradientStop { position: 0 ; color: "#ccc" }
             GradientStop { position: 1 ; color: "#aaa"  }
         }
     }
     contentDelegateTypeList: Rectangle {
         anchors.fill: parent
         border.width: 2
         border.color: "#ff0000"
         radius: 4
         gradient: Gradient {
             GradientStop { position: 0 ; color: "#eee" }
             GradientStop { position: 1 ; color: "#ccc" }
         }
     }
   }
 }

If you need a custom label, you can replace the label item properties.

See also ItemEditor and GameStyle.

Property Documentation