if you tired of QML, go take some html+css+js as a antipattern and come
back relaxed to QML
On Sat, Apr 15, 2017 at 1:40 PM, Alexander Dyagilev <alervd...@gmail.com>
wrote:
> Hello,
>
> It seems to be a very non intuitive for me... :(
>
> I'm trying to create my own header for ListView as TableView does not
> exist in Quick Controls 2.
>
> ListView
> {
> header: DownloadListHeader{}
>
> delegate: DownloadListItem
> {
> preInfoColumnWidth: header.preInfoColumnWidth
> }
>
> }
>
> gives the following result:
>
>
> This:
>
> DownloadListHeader
> {
> id: downloadsViewHeader
> }
>
> ListView
> {
> header: downloadsViewHeader
> delegate: DownloadListItem
> {
> preInfoColumnWidth: header.preInfoColumnWidth
> }
> }
>
> gives:
>
>
> This:
>
> DownloadListHeader
> {
> id: downloadsViewHeader
> }
>
> ListView
> {
> header: downloadsViewHeader
> delegate: DownloadListItem
> {
> preInfoColumnWidth: downloadsViewHeader.preInfoColumnWidth
> }
> }
>
> Gives:
>
>
> Ooops, this:
>
> DownloadListHeader
> {
> id: downloadsViewHeader
> }
>
> ListView
> {
> header: DownloadListHeader {}
> delegate: DownloadListItem
> {
> preInfoColumnWidth: downloadsViewHeader.preInfoColumnWidth
> }
> }
>
> Gives the expected behaviour:
>
>
> Could somebody please explain me differences between all these variants?
> Right now, all this look crazy for me.
>
>
> Just in case. The remaining code:
>
> import QtQuick 2.7
>
> import QtQuick.Controls 2.0
>
> import QtQuick.Layouts 1.0
>
> ToolButton
>
> {
>
> property int preInfoColumnWidth: 50
>
> text: "Column #1"
>
> height: 20
>
> }
>
>
> -------
> import QtQuick 2.7import QtQuick.Controls 2.0import QtQuick.Layouts 1.0
>
> ItemDelegate
> { property int preInfoColumnWidth: 0
>
> height: 40
>
> Row { spacing: 10
>
> Row { width: preInfoColumnWidth
>
> CheckBox { } }
>
> Text { text: name width: 150
> elide: Text.ElideRight anchors.verticalCenter:
> parent.verticalCenter }
>
> Column { anchors.verticalCenter:
> parent.verticalCenter width: 80 spacing: 2
>
> Row { width: parent.width
> height: 10 Text { text: progress + "%"; anchors.left:
> parent.left} Text { text: timeLeft == "" ? "Paused" :
> timeLeft; anchors.right: parent.right} }
>
> ProgressBar { from: 0; to: 100; value:
> progress height: 10; width: parent.width } }
>
> Text { text: size + "MB" width: 50
> elide: Text.ElideRight anchors.verticalCenter:
> parent.verticalCenter } }
> }
>
>
>
>
> _______________________________________________
> Interest mailing list
> Interest@qt-project.org
> http://lists.qt-project.org/mailman/listinfo/interest
>
>
--
Best regards,
Vlad
_______________________________________________
Interest mailing list
Interest@qt-project.org
http://lists.qt-project.org/mailman/listinfo/interest
