Как в QML красить в более чем 2 цвета?

Question

МихаилллAug. 14, 2019, 1:27 p.m.

Как в QML красить в более чем 2 цвета?

Добрый день.
У меня есть календарь.
Мне нужно красить делегаты в 4 цвета, в зависимости от условий.
В этом коде хотел сделать окрашивание в 3 цвета, но в синий не красится, в 2 других цвета красится. Скажите пожалуйста, как добится нужного результата?

 color: model.date >= Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") && model.date <= Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr2(), "dd.MM.yyyy") ? model.date ===  Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") ? "blue" : "gainsboro" : "white"

We recommend hosting TIMEWEB

Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Subscribe to the discussion2

Section subscription99

Do you like it? Share on social networks!

Aug. 14, 2019, 1:35 p.m.
(edited)

Добрый день.

Ну вы явно накосячили с записью условного выражения. Лучше перепишите это на использование функции. Я как бы за использования условных выражений. Но всё хорошо в меру, у вас например явно уже достаточно нечитаемая запись.

Насколько помню, у вас там делегат. Думаю, что можно записать так.

delegate: Item {
    Text {
        anchors.fill: parent

        function getColor(date) {
            if (date >= Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") && date <= Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr2(), "dd.MM.yyyy"))
            {
                return "blue";
            }
            else if (date ===  Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy"))
            {
                return "gainsboro";
            }
            return "white";
        }

        color: getColor(model.date)
    }
}

Заметьте, я написал код полностью с делегатом, чтобы было понятнее, что и куда писать. Обратите на это внимание.

Aug. 14, 2019, 1:42 p.m.

Немного поправил код

Aug. 14, 2019, 2:15 p.m.

Сделал так, но все равно в синий не красит, в 2 других цвета красит. В первом уловие Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") срабатывает как нужно, а во 2 Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") почему-то не срабатывает.

                function getColor(date) {
                    if (date > Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") && date < Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr2(), "dd.MM.yyyy"))
                    {
                        return "gainsboro";
                    }
                    else if (date ===  Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy"))
                    {
                        return "blue";
                    }
                    return "white";
                }
                color: getColor(model.date)

Evgenii Legotckoi → Михаиллл
#

Aug. 14, 2019, 2:23 p.m.
(edited)

Сравните, что вообще возвращается в обоих вариантах, к тому же оператор === отличается от оператора ==

Оператор === также сравнивает возвращаемые типы данных. Вполне возможно, что типы данных не совпадают.

function getColor(date) {
    console.log(date,  Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy"));
    if (date > Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy") && date < Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr2(), "dd.MM.yyyy"))
    {
      return "gainsboro";
    }
    else if (date ===  Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy"))
    {
      return "blue";
    }
    return "white";
}

Aug. 14, 2019, 5:11 p.m.

                    console.log( model.date )
                    console.log(Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy"));

возвращает:

Invalid parameter passed to C runtime function.
qml: Чт авг 15 03:00:00 2019 GMT+0300
Invalid parameter passed to C runtime function.
qml: Чт авг 15 00:00:00 2019 GMT+0300

похоже разница в 03:00:00 и 00:00:00.
Скажите пожалуйста, как это учесть и сделать так, что-бы это было равно?

Aug. 14, 2019, 5:34 p.m.

Попробовал сделать так, но тоже нет результата

else if (model.day == Date.fromLocaleString(Qt.locale(), AppCore.getDateOypr1(), "dd.MM.yyyy").getDate())/

Хотя значения получаются одинаковые

Aug. 14, 2019, 5:41 p.m.

И такой вариант почему то не работает

else if (Qt.formatDate(model.date,"dd.MM.yyyy") ===  AppCore.getDateOypr1())

хотя

                    console.log(Qt.formatDate(model.date,"dd.MM.yyyy"))
                    console.log(AppCore.getDateOypr1());

возврощают

qml: 15.08.2019
qml: 15.08.2019

Evgenii Legotckoi → Михаиллл
#

Aug. 14, 2019, 5:43 p.m.
The answer was marked as a solution.

Знаете, мне приходит на ум, что лучше сделать в AppCore какой-то метод, который будет принимать передаваемую дату и C++ части делать все необходимые проверки, а на выходе будет взвращать QString с нужным вам цветом. Там просто будет более контролируемое преобразование, которое будет проще привести к гарантированному результату.

Aug. 14, 2019, 6:18 p.m.

Переделал в c++, заработало. Странные баги в QML

Evgenii Legotckoi → Михаиллл
#

Aug. 14, 2019, 6:20 p.m.

Да это не столько баги QML, сколько поведение JavaScript, который используется в нём. Из-за отсутствия строгой типизации получаем некоторые проблемы с преобразованием типов. в итоге, на первый взгляд всё правильно, а типы данных не совпадают, в итоге не работает. Та ещё головная боль.

Comments

Only authorized users can post comments.
Please, Log in or Sign up