git.iko.soy/unity8
on xenial help sign in
Center-align title when it's alone in the header.
commit383bfc2b6a8f225fd223e56896ba666d28841826 authorMichał Karnicki <michal.karnicki@canonical.com> dateFri 7 Feb 2014, 11:56 (13 years ago) parent9fb61f5
4 files changed+62
compare with xenial
unifiedsplit
qml/Dash/Card.qml+1 qml/Dash/CardHeader.qml+2 qml/Dash/CardTool.qml+18 tests/qmltests/Dash/tst_CardTool.qml+41
qml/Dash/Card.qml+1
@@ -24,6 +24,7 @@ Item {
2424 property var cardData
2525
2626 property alias fontScale: header.fontScale
27+ property alias headerAlignment: header.headerAlignment
2728 readonly property alias headerHeight: header.height
2829
2930 property bool showHeader: true
qml/Dash/CardHeader.qml+2
@@ -29,6 +29,8 @@ Item {
2929 // FIXME: Saviq, used to scale fonts down in Carousel
3030 property real fontScale: 1.0
3131
32+ property alias headerAlignment: titleLabel.horizontalAlignment
33+
3234 visible: mascotImage.status === Image.Ready || title || price
3335 height: row.height > 0 ? row.height + row.margins * 2 : 0
3436
qml/Dash/CardTool.qml+18
@@ -105,6 +105,24 @@ Item {
105105 */
106106 readonly property alias headerHeight: card.headerHeight
107107
108+ /*!
109+ \brief Desired alignment of header components.
110+ */
111+ readonly property int headerAlignment: {
112+ var subtitle = components["subtitle"];
113+ var price = components["price"];
114+ var summary = components["summary"];
115+
116+ var hasSubtitle = subtitle && (typeof subtitle === "string" || subtitle["field"])
117+ var hasPrice = price && (typeof price === "string" || subtitle["field"]);
118+ var hasSummary = summary && (typeof summary === "string" || summary["field"])
119+
120+ var isOnlyTextComponent = !hasSubtitle && !hasPrice && !hasSummary;
121+ if (!isOnlyTextComponent) return Text.AlignLeft;
122+
123+ return (template["card-layout"] === "horizontal") ? Text.AlignHCenter : Text.AlignLeft;
124+ }
125+
108126 Card {
109127 id: card
110128 objectName: "card"
tests/qmltests/Dash/tst_CardTool.qml+41
@@ -72,6 +72,22 @@ Rectangle {
7272 "name": "Art, header - portrait",
7373 "layout": { "components": Helpers.update(JSON.parse(Helpers.fullMapping), { "art": {"aspect-ratio": 0.5, "summary": undefined }}) }
7474 },
75+ {
76+ "name": "Title - vertical",
77+ "layout": { "template": { "card-layout": "vertical" }, "components": { "title": "title" } }
78+ },
79+ {
80+ "name": "Title - horizontal",
81+ "layout": { "template": { "card-layout": "horizontal" }, "components": { "title": "title" } }
82+ },
83+ {
84+ "name": "Title, subtitle - vertical",
85+ "layout": { "template": { "card-layout": "vertical" }, "components": { "title": "title", "subtitle": "subtitle" } }
86+ },
87+ {
88+ "name": "Title, price - horizontal",
89+ "layout": { "template": { "card-layout": "horizontal" }, "components": { "title": "title", "price": "price" } }
90+ },
7591 ]
7692
7793 CardTool {
@@ -121,6 +137,7 @@ Rectangle {
121137 height: cardTool.cardHeight || implicitHeight
122138
123139 clip: true
140+ headerAlignment: cardTool.headerAlignment
124141
125142 Rectangle {
126143 anchors.fill: parent
@@ -302,5 +319,29 @@ Rectangle {
302319 } else tryCompare(cardTool, "cardHeight", data.height);
303320 }
304321 }
322+
323+ function test_card_header_component_alignment_data() {
324+ return [
325+ { tag: "Title - vertical", component: "titleLabel", property: "headerAlignment",
326+ value: Text.AlignLeft, index: 11, layout_index: 0 },
327+ { tag: "Title - horizontal", component: "titleLabel", property: "headerAlignment",
328+ value: Text.AlignHCenter, index: 12, layout_index: 0},
329+ { tag: "Title, subtitle - vertical", component: "titleLabel", property: "headerAlignment",
330+ value: Text.AlignLeft, index: 13, layout_index: 0},
331+ { tag: "Title, price - horizontal", component: "titleLabel", property: "headerAlignment",
332+ value: Text.AlignLeft, index: 14, layout_index: 0},
333+ ]
334+ }
335+
336+ function test_card_header_component_alignment(data) {
337+ selector.selectedIndex = data.index;
338+ if (data.hasOwnProperty("layout_index")) {
339+ layoutSelector.selectedIndex = data.layout_index;
340+ }
341+
342+ if (data.hasOwnProperty("property")) {
343+ tryCompare(cardTool, data.property, data.value);
344+ }
345+ }
305346 }
306347}