Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Делегат в Qml 
V
    Опции темы
vlarry
Дата 9.4.2016, 08:30 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
Добрый день, форумчане.

Есть элемент модели такого типа:
Код

ListElement
{
     type_item:    "rectangle"
     color_item:   "yellow"
     opacity_item: 0.5

     border_item:
     [
             ListElement { color: "red" },
             ListElement { width: 5 }
     ]

     topLeft_item:
     [
             ListElement { lat: 47.94494 },
             ListElement { lng: 33.43207 }
     ]

     bottomRight_item:
     [
             ListElement { lat: 47.95 },
             ListElement { lng: 33.45 }
     ]
}


свойство type_item может иметь разные значения (типы) и соответственно в зависимости от типа должна отображаться соответствующая фигура. Как можно сделать такой делегат?

Если для определенного типа, то проблем нет:
Код

Component
{
    id: objectDelegate

    MapRectangle
    {
        color:   color_item
        opacity: opacity_item

        border.color: border_item.get(0).color
        border.width: border_item.get(1).width

        topLeft:     QtPositioning.coordinate(topLeft_item.get(0).lat, topLeft_item.get(1).lng)
        bottomRight: QtPositioning.coordinate(bottomRight_item.get(0).lat, bottomRight_item.get(1).lng)

        Component.onCompleted:
        {
            console.log(topLeft + ", " + bottomRight);
        }
    }
}


А как в зависимости от типа создавать динамически? Пробовал по разному, но ничего не получилось.
В Qml знаний маловато...
Спасибо.
PM MAIL   Вверх
ss
Дата 10.4.2016, 21:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 133
Регистрация: 17.5.2007

Репутация: нет
Всего: нет
Код


ListView{

            width: 100
            height: 150
            model: dataModel

            delegate:Item{
                width: 40
                height: 25
                id: rectDelegateItem

                Rectangle{
                    anchors.fill: rectDelegateItem
                    color: "orange"
                    visible: model.type_item === "rectangle" ? true : false
                }
                Button{
                    anchors.fill: rectDelegateItem
                    visible: model.type_item === "button" ? true : false
                }
            }
        }



Это сообщение отредактировал(а) ss - 10.4.2016, 21:04
PM MAIL   Вверх
vlarry
Дата 11.4.2016, 12:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
Спасибо за ответ. Попробовал, но не получилось...
Сделал так:

Код

Component
{
    id: objectDelegate

    MapRectangle
    {
        color:   color_item
        opacity: opacity_item

        border.color: border_item.get(0).color
        border.width: border_item.get(1).width

        topLeft:     QtPositioning.coordinate(topLeft_item.get(0).lat, topLeft_item.get(1).lng)
        bottomRight: QtPositioning.coordinate(bottomRight_item.get(0).lat, bottomRight_item.get(1).lng)

        visible: model.type_item === "rectangle"?true:false
    }

    MapCircle
    {
        color:   color_item
        opacity: opacity_item

        border.color: border_item.get(0).color
        border.width: border_item.get(1).width

        center: QtPositioning.coordinate(center_item.get(0).lat, center_item.get(1).lng)
        radius: radius_item

        visible: model.type_item === "circle"?true:false
    }
}


в консоли выводит: Invalid component body specification
PM MAIL   Вверх
vlarry
Дата 11.4.2016, 12:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
Судя по документации, то так и не получится, т.к. MapItemView должен содержать ровно один корневой объект:
Цитата

The Component must contain exactly one MapItem -derived object as the root object.

Как это можно обойти?
Спасибо.
PM MAIL   Вверх
vlarry
Дата 11.4.2016, 13:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
Если попытаться, все MapItem обернуть в один Item {}, то пишет в консоли, что такой итем не поддерживается...У кого есть какие идеи? Спасибо.
PM MAIL   Вверх
vlarry
Дата 11.4.2016, 13:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
Обернул через Item:

Код

Item
{
    id: _delegate

    property Component objectDelegate

    Component
    {
        id: delegateRectangle

        MapRectangle
        {
            color:   objectsModel.color_item
            opacity: objectsModel.opacity_item

            border.color: objectsModel.border_item.get(0).color
            border.width: objectsModel.border_item.get(1).width

            topLeft:     QtPositioning.coordinate(objectsModel.topLeft_item.get(0).lat, objectsModel.topLeft_item.get(1).lng)
            bottomRight: QtPositioning.coordinate(objectsModel.bottomRight_item.get(0).lat, objectsModel.bottomRight_item.get(1).lng)
        }
    }

    Component
    {
        id: delegateCircle

        MapCircle
        {
            color:   objectsModel.color_item
            opacity: objectsModel.opacity_item

            border.color: objectsModel.border_item.get(0).color
            border.width: objectsModel.border_item.get(1).width

            center: QtPositioning.coordinate(objectsModel.center_item.get(0).lat, objectsModel.center_item.get(1).lng)
            radius: objectsModel.radius_item
        }
    }

    Component.onCompleted:
    {
        if(objectsModel.type_item === "rectangle")
            objectDelegate = delegateRectangle;
        else if(objectsModel.type_item === "circle")
            objectDelegate = delegateCircle;

        console.log(objectsModel.type_item); // выводит в консоли "undefined"
    }
}


Как теперь добраться до свойства модели?

Это сообщение отредактировал(а) vlarry - 11.4.2016, 13:58
PM MAIL   Вверх
ss
Дата 11.4.2016, 22:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 133
Регистрация: 17.5.2007

Репутация: нет
Всего: нет
Цитата

 Попробовал, но не получилось...


а что говорит ?


попробуй в строке visible: model.type_item === "rectangle" ? true : false
убрать слово "model."
вот так visible: type_item === "rectangle" ? true : false




делегат через Component

MyDelegate.qml
Код

import QtQuick 2.0
import QtQuick.Controls 1.3

Component{
    id: rectDelegateItem
Row{

    Rectangle{
        color: "orange"
        width: 40
        height: 25
        visible: mcolor !== "Button" ? true : false
    }

    Button{
        text: "button"
        visible: mcolor === "Button" ? true : false
    }
}
}



main.qml
Код

import QtQuick 2.4
import QtQuick.Controls 1.3
import QtQuick.Dialogs 1.2

ApplicationWindow {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")


    MainForm {
        anchors.fill: parent


        ListModel {
                id: dataModel

                ListElement {
                    mcolor: "Button"
                    mtext: "first"
                }
                ListElement {
                    mcolor: "Button"
                    mtext: "second"
                }
                ListElement {
                    mcolor: "Button"
                    mtext: "third"
                }
                ListElement {
                    mcolor: "tomato"
                    mtext: "fourth"
                }
            }

        ListView{

            id: lview
            width: 100
            height: 150
            model: dataModel
            delegate: MyDelegate{}
        }//ListView
    }

}



результат


Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  Безымянный.png 4,37 Kb
PM MAIL   Вверх
vlarry
Дата 12.4.2016, 09:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
С ListView и у меня работает. В проекте я использую вид MapItemView и он не поддерживает Item. 

Цитата

а что говорит ?


Говорит: 
Цитата

QDeclarativeGeoMapItemView map item delegate is of unsupported type.


Пока так и не получилось, то что хотел сделать...а надо smile 

Это сообщение отредактировал(а) vlarry - 12.4.2016, 09:22
PM MAIL   Вверх
vlarry
Дата 12.4.2016, 09:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
В старом модуле QtMobility был такой тип как MapGroup, где можно было создать группу из итемов, а в QtLocation 5.6 ничего подобного не нашел...как эмулировать такую группу?! Зачем убирать полезное...непонятная политика...
PM MAIL   Вверх
vlarry
Дата 18.4.2016, 16:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 153
Регистрация: 16.8.2009

Репутация: нет
Всего: нет
Добрый день.
Нашел все-таки как выводить любой объект, но теперь не знаю как обновить данные фигуры.
Код


MapItemView
{
    id:       objectsView
    model:    objectsModel

    delegate: MapQuickItem
    {
        id: quickItem

        Component.onCompleted:
        {
            console.log("type: ", type_item);

            if(type_item == "circle")
            {
                var lat    = center_item.get(0).lat;
                var lng    = center_item.get(1).lng;
                var center = QtPositioning.coordinate(lat, lng);

                sourceItem             = itemGreen;
                itemGreen.center       = center;
                itemGreen.radius       = radius_item;
                itemGreen.color        = color_item;
                itemGreen.border.color = border_item.get(0).color;
                itemGreen.border.width = border_item.get(1).width;

                console.log("center: ", itemGreen.center, ", radius: ", itemGreen.radius);
            }
        }
    }
}

MapCircle
{
    id: itemGreen

    Component.onCompleted:
    {
        console.log("circle green center: ", itemGreen.center, ", radius: ", itemGreen.radius);
    }
}


В консоли после 
Код

console.log("circle green center: ", itemGreen.center, ", radius: ", itemGreen.radius);

выводит пустые данные, т.е. circle создается раньше, чем считываются данные из модели. Как можно itemGreen обновить после обновления данных итема?
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Правила форума "С/С++: Кроссплатформенное программирование, QT/Gtk+/wxWidgets"
JackYF
Любитель
  • В заголовке темы в квадратных скобках обозначьте используемую вами библиотеку, например: [QT],[GTK],[wx].
  • Если вопрос актуален только для некоторой версии библиотеки, либо, если вы пользуетесь не самой последней версией, укажите это. Например: [QT4], [GTK2].
  • Все начинающие изучать Qt - не забудьте зайти сюда.
  • Проставьте несколько ключевых слов темы, чтобы её можно было легче найти.
  • В вопросе укажите полную версию версию библиотеки, а также все дополнительные используемые программные пакеты.
  • Не забывайте пользоваться кнопкой "Код".
  • Телепатов на форуме нет! Задавайте чёткий, конкретный и полный вопрос. Указывайте полностью ошибки компилятора и компоновщика.
  • Новое сообщение должно иметь прямое отношение к тематике этого раздела. Флуд, флейм, оффтопик запрещены.
  • Категорически запрещается обсуждение вареза, "кряков", взлома программ и т.д.

Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, JackYF, Любитель.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | С/С++: Кроссплатформенное программирование, Qt/Gtk+/wxWidgets | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.1070 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.