alex_lip
alex_lip20 марта 2018 г. 3:21

Картинка на картинке внутри column

Добрый день.
Есть row - внутри нее column - внутри column - две картинки - одна под другой - как бы сделать так, чтобы нижняя картинка немного наезжала на верхнюю(то есть поднять ее на 2- пикселов, чтобы она перекрыла низ верхней картинки). Anchors.topMargin: -20; - не работает.

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Вам это нравится? Поделитесь в социальных сетях!

17
Evgenii Legotckoi
  • 20 марта 2018 г. 3:47
  • Ответ был помечен как решение.

Добрый день!

Якоря в row и column как правило либо не работают вовсе, зависит от версий библиотек, либо работают только в одно направлении, Для row это только ось y, для column это ось x.

В рамках вашей задачи вам придётся отказаться от row и column вовсе. Не получится реализовать такое с их помощью.
Поместите оба изображения в Item, а в нём уже позиционируйте с помощь якорей изображения так, как Вам нужно.

Item {
    id: root

    Item {
        id: first
        anchors {
            top: parent.top
            left: parent.left
            right: parent.right
        }
    }
    Item {
        id: second
        anchors {
            top: first.bottom
            topMargin: -20
            left: parent.left
            right: parent.right
        }
    }
}
То есть вместо column используйте такой Item, в котором с помощью якорей будете позиционировать изображения так, как Вам необходимо.

Сам по себе объект column для такого, что вы хотите сделать, не предназначен.
    alex_lip
    • 20 марта 2018 г. 4:00

    Спасибо. Я так и думал (( Я только начал графикой в QML интересоваться. Не подскажете куда посмотреть для начала? Примеры - Ваши уроки - и т.д. Я почему спрашиваю - столкнулся с тем, что QtQuick 2 - сильно отличается от предыдущих версий и старые примеры только путают(например отстутствие Style) .

      Evgenii Legotckoi
      • 20 марта 2018 г. 4:08

      Да, QtQuick 2 сильно отличается, ничего не поделаешь, но он значительно лучше.
      Лучше скажите, что конкретно хотите делать. Проще будет подсказать. Ещё заглядывайте в раздел Android . Я понемногу сейчас пишу сравнительные статьи и там именно на новом QtQuick 2 всё сделано.

        alex_lip
        • 20 марта 2018 г. 4:21

        Хочу со спрайтами разобраться. Хочу понять для чего нужен image provider. Как показать галерею на андроиде и ios.

          Evgenii Legotckoi
          • 20 марта 2018 г. 4:31

          Про спрайты - это можете почитать вот эти статьи спокойно.

          1. https://evileg.com/post/177/
          2. https://evileg.com/post/310/
          А что касается галереи - это интересно... но такой статьи у меня нет. Надо будет подумать о её написании, со временем и самому может понадобиться галерея.

          Что касается Image Provider, то как я понял из документации, то это что-то вроде универсального провайдера изображений, с помощью которого можно предоставлять изображения в необходимом качестве в зависимости от запрошенного размера, я только сразу не нашёл ещё как его установить правильно в приложение.
            alex_lip
            • 20 марта 2018 г. 5:58

            Спасибо!

            Про image provider есть пример - но он у меня не запускается.

              Evgenii Legotckoi
              • 20 марта 2018 г. 6:05

              Хорошо, что пример есть, надо будет глянуть. На первый взгляд по документации там ничего сложного нет. Возможно, что сам по себе пример устаревший в Qt Creator

                alex_lip
                • 20 марта 2018 г. 8:39

                Прочитал статью https://evileg.com/post/310/ - пытаюсь на объекте где есть mouse click повесить

                                            TapHandler {
                                                   // gesturePolicy : TapHandler.DragThreshold
                longPressThreshold:2 onTapped: console.log("longPressThreshold") }
                Долгое нажатие не перехватывается. Вы пробовали использовать данное событие?


                  Evgenii Legotckoi
                  • 20 марта 2018 г. 9:15

                  Обработчик не тот используете, нужно использовать onLongPressed

                  Item {
                          anchors.fill: parent
                  
                          TapHandler {
                              longPressThreshold: 10.0
                              onTapped: console.log("standard press")
                              onLongPressed: console.log("long press")
                          }
                      }
                    alex_lip
                    • 20 марта 2018 г. 9:33

                    Отлично. Можно вместо  onClicked: использовать там где надо клик и долгое нажатие.

                      Evgenii Legotckoi
                      • 20 марта 2018 г. 9:36

                      Ага. При этом TapHandler Выступает в качестве присоединяемого объекта, которых, как я понял, может быть несколько. А это значит, что можно контролировать несколько степеней долгого нажатия, например. Это гораздо удобнее, чем прикручивать MouseArea. Посколько наложение нескольких MouseArea неминуемо приводило к конфликтам при передаче сигнала от выше стоящей MouseArea к ниже стоящей.

                        alex_lip
                        • 22 марта 2018 г. 2:46

                        Не получилось два TapHandler на одим Item повесить - по LongPress срабатывает только первый


                                                                        Item {
                                                                            anchors.fill: parent
                        
                                                                            TapHandler {
                                                                                longPressThreshold: 2.0
                                                                                onTapped: {
                                                                                    view_nazn_isp.currentIndex = model.index
                                                                                    console.log(text_nazn_isp.text)
                                                                                  }
                                                                                onLongPressed:
                                                                                {
                                                                                    //Qt.openUrlExternally("tel:%1".arg(phone)) ;
                                                                                    Qt.openUrlExternally("tel:89999999") ;
                                                                                    console.log("long press 2")
                                                                                }
                                                                            }
                                                                            TapHandler {
                                                                                longPressThreshold: 4.0
                                                                                onLongPressed:
                                                                                {
                                                                                    //Qt.openUrlExternally("tel:%1".arg(phone)) ;
                                                                                    Qt.openUrlExternally("tel:80000000") ;
                                                                                    console.log("long press 4")
                                                                                }
                                                                            }



                          Evgenii Legotckoi
                          • 22 марта 2018 г. 4:20

                          Значит всё-таки не взлетело... ну остаётся только пометить этот момент в памяти и придумывать иные ухищрения, если всё-таки потребуется такой функционал.

                            alex_lip
                            • 22 марта 2018 г. 4:26

                            Сделал через tapcount - тоже прикольно


                                                                                TapHandler {
                                                                                    longPressThreshold: 0.7
                                                                                    onTapped:
                                                                                      if (tapCount == 3)
                                                                                      {
                                                                                          Qt.openUrlExternally("tel:"+mobila) ;
                                                                                          console.log("tap count 3")
                                                                                      }
                                                                                    else
                                                                                    {
                                                                                        view_nazn_isp.currentIndex = model.index
                                                                                        console.log(text_nazn_isp.text)
                                                                                    }
                                                                                    onLongPressed:
                                                                                    {
                                                                               
                                                                                        Qt.openUrlExternally("tel:"+phone) ;
                                                                                        console.log("long press 2")
                                                                                    }
                                                                                }



                              Evgenii Legotckoi
                              • 22 марта 2018 г. 4:29

                              получается, что в одном случае долно держим, а в другом три раза тапнуть нужно?
                              да, пожалуй забавно будет... правда не уверен, что в плане юзабилити это будет понятно пользователю )))

                                alex_lip
                                • 22 марта 2018 г. 4:31
                                • (ред.)

                                тройной тап - это недокументированная функция для доступа к мобильному номеру))

                                Для пользователя возможно будет понятен двойной тап и долгое нажатие
                                А так - конечно контекстное меню все-таки лучше всего. Правда его я пока не пробовал.

                                  Evgenii Legotckoi
                                  • 22 марта 2018 г. 4:33

                                  ха ха.. Это как на Honor 8 нужно в настройках на идентификатор телефона нажать семь раз, чтобы получить доступ к режиму разработчика.

                                    Комментарии

                                    Только авторизованные пользователи могут публиковать комментарии.
                                    Пожалуйста, авторизуйтесь или зарегистрируйтесь
                                    МВ

                                    Qt - Тест 001. Сигналы и слоты

                                    • Результат:68баллов,
                                    • Очки рейтинга-1
                                    ЛС

                                    C++ - Тест 001. Первая программа и типы данных

                                    • Результат:53баллов,
                                    • Очки рейтинга-4
                                    АА

                                    C++ - Тест 001. Первая программа и типы данных

                                    • Результат:60баллов,
                                    • Очки рейтинга-1
                                    Последние комментарии
                                    d
                                    dblas55 июля 2024 г. 11:02
                                    QML - Урок 016. База данных SQLite и работа с ней в QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
                                    k
                                    kmssr8 февраля 2024 г. 18:43
                                    Qt Linux - Урок 001. Автозапуск Qt приложения под Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
                                    АК
                                    Анатолий Кононенко5 февраля 2024 г. 1:50
                                    Qt WinAPI - Урок 007. Работаем с ICMP Ping в Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
                                    EVA
                                    EVA25 декабря 2023 г. 10:30
                                    Boost - статическая линковка в CMake проекте под Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
                                    J
                                    JonnyJo25 декабря 2023 г. 8:38
                                    Boost - статическая линковка в CMake проекте под Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
                                    Сейчас обсуждают на форуме
                                    ИМ
                                    Игорь Максимов3 октября 2024 г. 4:05
                                    Реализация навигации по разделам Спасибо Евгений!
                                    C
                                    Charlesmek3 октября 2024 г. 1:15
                                    добавить qlineseries в функции +7 (3812) 56-56-65 — городской телефон 052-83 — МТС 670 — Tele2 +7 (923) 699-30-03 — Мегафон 07-045 — Билайн https://mypsyhealth.ru/терапия/2022/04/27/blood-pressure 14 https://mypsyhealth…
                                    JW
                                    Jhon Wick1 октября 2024 г. 15:52
                                    Indian Food Restaurant In Columbus OH| Layla’s Kitchen Indian Restaurant If you're looking for a truly authentic https://www.laylaskitchenrestaurantohio.com/ , Layla’s Kitchen Indian Restaurant is your go-to destination. Located at 6152 Cleveland Ave, Colu…
                                    КГ
                                    Кирилл Гусарев27 сентября 2024 г. 9:09
                                    Не запускается программа на Qt: точка входа в процедуру не найдена в библиотеке DLL Написал программу на C++ Qt в Qt Creator, сбилдил Release с помощью MinGW 64-bit, бинарнику напихал dll-ки с помощью windeployqt.exe. При попытке запуска моей сбилженной программы выдаёт три оши…
                                    F
                                    Fynjy22 июля 2024 г. 4:15
                                    при создании qml проекта Kits есть но недоступны для выбора Поставил Qt Creator 11.0.2. Qt 6.4.3 При создании проекта Qml не могу выбрать Kits, они все недоступны, хотя настроены и при создании обычного Qt Widget приложения их можно выбрать. В чем может …

                                    Следите за нами в социальных сетях