Differential D23049 Diff 64991 src/controls/ListSectionHeader.qml

Changeset View

Standalone View

View Options

src/controls/ListSectionHeader.qml

  • This file was added.
1​/*
2​ * Copyright 2019 Björn Feber <bfeber@protonmail.com>
3​ *
4​ * This program is free software; you can redistribute it and/or modify
5​ * it under the terms of the GNU Library General Public License as
6​ * published by the Free Software Foundation; either version 2, or
7​ * (at your option) any later version.
8​ *
9​ * This program is distributed in the hope that it will be useful,
10​ * but WITHOUT ANY WARRANTY; without even the implied warranty of
11​ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12​ * GNU Library General Public License for more details
13​ *
14​ * You should have received a copy of the GNU Library General Public
15​ * License along with this program; if not, write to the
16​ * Free Software Foundation, Inc.,
17​ * 51 Franklin Street, Fifth Floor, Boston, MA 2.010-1301, USA.
18​ */
19​
20​import QtQuick 2.5
21​import QtQuick.Layouts 1.2
22​import QtQuick.Controls 2.5 as QQC2
23​import org.kde.kirigami 2.10
24​
25​/**
26​ * A section delegate for the primitive ListView component.
27​ *
28​ * It's intended to make all listviews look coherent.
29​ *
30​ * Example usage:
31​ * @code
32​ * import QtQuick 2.5
33​ * import QtQuick.Controls 2.5 as QQC2
34​ *
35​ * import org.kde.kirigami 2.10 as Kirigami
36​ *
37​ * ListView {
38​ * [...]
39​ * section.delegate: Kirigami.ListSectionHeader {
40​ * label: section
41​ *
42​ * QQC2.Button {
43​ * text: "Button 1"
44​ * }
45​ * QQC2.Button {
46​ * text: "Button 2"
47​ * }
48​ * }
49​ * [...]
50​ * }
51​ * @endcode
52​ *
53​ */
54​AbstractListItem {
55​ id: listSection
56​
57​ /**
58​ * string: bool
59​ * A single text label the list section header will contain
60​ */
61​ property alias label: listSection.text
62​
63​ default property alias _contents: rowLayout.data
64​
65​ backgroundColor: Theme.alternateBackgroundColor
66​ separatorVisible: false
67​ sectionDelegate: true
68​ hoverEnabled: false
69​ supportsMouseEvents: false
70​
71​ contentItem: RowLayout {
72​ id: rowLayout
73​
74​ Heading {
75​ level: 3
76​ text: listSection.text
77​ Layout.fillWidth: true
78​ }
79​ }
80​}
martUnsubmitted
Done

This is a no-go hack:
those customItems shouldn't be reparented, but rather the property should be an alias to the data of another layout, like:

property alias customItems: innerLayout.data
contentItem: RowLayout {
    id: rowLayout
    RowLayout {
        id: innerLayout
    }

or, i would prefer even more, to just ditch that extra property completely:

default property alias _contents: rowLayout.data
contentItem: RowLayout {

​ id: rowLayout
​ Heading {

....

so one just does

ListSectionHeader {
   Button {....}
}

and just works(tm)

mart: This is a no-go hack: those customItems shouldn't be reparented, but rather the property should…