qml/components/InfoRow.qml

   1 import QtQuick 2.0
   2 import Sailfish.Silica 1.0
   3
   4 Item {
   5     id: detailItem
   6     width: parent.width
   7     height: Math.max(labelText.height, valueText.height)
   8
   9     property alias label: labelText.text
  10     property alias value: valueText.text
  11     property real leftMargin: Theme.horizontalPageMargin
  12     property real rightMargin: Theme.horizontalPageMargin
  13     property real midlineRatio: 0.5
  14     property real midlineMin: 0.0
  15     property real midlineMax: width
  16     property real midLine: Math.min(Math.max((width * midlineRatio), midlineMin), midlineMax)
  17     property int pixelSize: Theme.fontSizeSmall
  18     property alias labelTextBold: labelText.font.bold
  19     property alias valueTextBold: valueText.font.bold
  20
  21     Text {
  22         id: labelText
  23
  24         y: Theme.paddingSmall
  25         anchors {
  26             left: parent.left
  27             right: parent.right
  28             rightMargin: (width - midLine) + Theme.paddingSmall
  29             leftMargin: detailItem.leftMargin
  30         }
  31         horizontalAlignment: Text.AlignLeft
  32         color: Theme.primaryColor
  33         font.pixelSize: pixelSize
  34         textFormat: Text.PlainText
  35         wrapMode: Text.Wrap
  36     }
  37
  38     Text {
  39         id: valueText
  40
  41         y: Theme.paddingSmall
  42         anchors {
  43             left: parent.left
  44             right: parent.right
  45             leftMargin: midLine + Theme.paddingSmall
  46             rightMargin: detailItem.rightMargin
  47         }
  48         horizontalAlignment: Text.AlignLeft
  49         color: Theme.primaryColor
  50         font.pixelSize: pixelSize
  51         textFormat: Text.PlainText
  52         wrapMode: Text.Wrap
  53     }
  54 }