QML Style Element

Symbian: Provides platform-specific style parameters for fonts, colors, and layouts. More...

List of all members, including inherited members

Properties

• borderSizeMedium : int
• colorChecked : color
• colorDisabledDark : color
• colorDisabledLight : color
• colorDisabledMid : color
• colorHighlighted : color
• colorNormalDark : color
• colorNormalLight : color
• colorNormalLink : color
• colorNormalMid : color
• colorPressed : color
• colorTextSelection : color
• fontFamilyRegular : string
• fontSizeLarge : int
• fontSizeMedium : int
• fontSizeSmall : int
• graphicSizeLarge : int
• graphicSizeMedium : int
• graphicSizeSmall : int
• graphicSizeTiny : int
• paddingLarge : int
• paddingMedium : int
• paddingSmall : int

Detailed Description

You should use these parameters when you want to make your UI consistent with the Symbian platform style. Symbian-style is exposed as a context property named platformStyle. It is not possible to instantiate a Style object in QML, but the style must be accessed through the context property. The following example illustrates how to use the style parameters.

 Item {
     width: text.width + icon.width + platformStyle.paddingSmall + 2 * platformStyle.paddingMedium
     height: Math.max(text.height, icon.height) + 2 * platformStyle.paddingMedium

     Image {
         id: icon
         anchors.left: parent.left
         anchors.leftMargin: platformStyle.paddingMedium
         anchors.verticalCenter: parent.verticalCenter
         width: platformStyle.graphicSizeSmall
         height: platformStyle.graphicSizeSmall
         ...
     }

     Text {
         id: text
         anchors.left: icon.right
         anchors.leftMargin: platformStyle.paddingSmall
         anchors.right: parent.right
         anchors.rightMargin: platformStyle.paddingMedium
         anchors.verticalCenter: parent.verticalCenter
         font.family: platformStyle.fontFamilyRegular
         font.pixelSize: platformStyle.fontSizeLarge
         color: platformStyle.colorNormalLight
         ...
     }
 }

The actual return values of the properties may vary between device configurations. For example, if the resolutions of two devices are different, it is probable that the pixel values of the properties are different.

Property Documentation