Как добавить некоторое дополнение между ListView и его нижним колонтитулом?

Рассмотрите следующий отрывок QML:

ListView {
    //...

    footer: Text {
        text: "Sample Text"
    }
}

Это отобразит текст "Демонстрационный текст" непосредственно у основания ListView. Однако нет никакого пространства между последним объектом в списке и текстом.

Как я добавляю некоторый интервал/дополнение? Я попытался установить anchors.top и anchors.topMargin но все, что делает, дают мне "Возможный цикл привязки, обнаруженный на вертикальном" предупреждении привязки. Ничто, кажется, не работает.

5
задан 19 November 2014 в 09:55

3 ответа

Я использую ContactModel.qml доступный в примере SDK .

Для добавления некоторого интервала между нижним колонтитулом и последним элементом списка можно создать специализированный компонент для нижнего колонтитула и изменить расположение путем, Вы хотите в нем:

import QtQuick 2.0
import Ubuntu.Components 0.1

Item {
    width: 200
    height: 350

    ListView {
        width: 180; height: 200
        model: ContactModel {}
        delegate: Text {
            text: name + ": " + number
        }

        Component {
            id: myfooter
            Item {
                width: parent.width
                height: units.gu(3)
                Text {
                    anchors.bottom: parent.bottom
                    text: "Sample Text"
                }
            }
        }

        footer: myfooter
    }
}

результат:

enter image description here

2
ответ дан 17 November 2019 в 11:44

То, что я закончил тем, что делал, создавало Column и вставляло Rectangle перед содержанием, я хотел появиться в нижнем колонтитуле:

Rectangle {
    color: "transparent"
    width: parent.width
    height: units.gu(3)
}
2
ответ дан 17 November 2019 в 11:44

Остерегайтесь прозрачных прямоугольников в шрифтах, им еще просто не присваивают в том особенно шрифт, другие шрифты могли бы отобразить специальные символы или графических меток!

Имеют Вас, попробовал очевидное (выйдите из новой строки)

footer: Text {
    text: "\nSample Text"
}
0
ответ дан 17 November 2019 в 11:44

Другие вопросы по тегам:

Похожие вопросы: