x
xintreaJan. 24, 2018, 6:36 a.m.

В чем отличие NumberAnimation от PropertyAnimation в языке QML?

qml, анимация

Вопрос назрел, по документации непонятно зачем сделано два идентичных типа.

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

Do you like it? Share on social networks!

5
Evgenii Legotckoi
  • Jan. 24, 2018, 6:54 a.m.

PropertyAnimation - это базовый тип для нескольких видов анимации, в том числе и для NumberAnimation, который наследован от него.

Единственное видимое отличие NumberAnimation от PropertyAnimation в том, что в документации присутствует переопределение свойств from и to. Если посмотреть другие анимации, которые наследованы от PropertyAnimation, то можно увидеть, что там также переопределены свойства from и to, с некоторым дополнениями свойств в отдельных случаях.

То есть все эти анимации свойств являются специализированными объектами для выполнения анимаций. Единственное, что мне приходит на ум, так это то, что это было сделано в целях специализации типов QML, а также что под капотом этих специализированных анимаций присутствует некая оптимизация для специализированных типов данных значений from и to. Но я в исходники этих типов не заглядывал, так что это только предположение.

    x
    • Jan. 24, 2018, 2:41 p.m.

    В декументации есть какая-то странная фраза про свойство from:


    This property holds the starting value for the animation.
    For example, the following animation is not applied until the x value has reached 100:

    Я перевел как: Это свойство устанавливает начальное значение, которое будет анимироваться. Например, следующая анимация не будет применяться пока значение X не достигнет 100.

    Сижу и думаю, что бы это значило.

      Evgenii Legotckoi
      • Jan. 24, 2018, 4:38 p.m.

      Учитывая пример из документации, в котором Вы это смотрели

      Item {
          states: [
              // ...
          ]
      
          transition: Transition {
              NumberAnimation { properties: "x"; from: 100; duration: 200 }
          }
      }
      Смысл данного предложения заключается в следующем:
      Добавленная анимация может быть применена к объектом в том и только в том случае, когда его свойство x будет равно 100.
      То есть, если положение объекта по оси X будет отлично от 100, то анимация выполняться не будет ни при каких условиях. Но это не значит, что Вы не можете её добавить в ваш объект QML, просто запустить вы её сможете только тогда, когда объект будет иметь позицию по координате X равную 100.
        x
        • Jan. 30, 2018, 3:22 p.m.

        А что вообще это за странная анимация, которая начинается при x=100, длится 200мс, но непонятно на каком значении заканчивается и непонятно какую переменную обрабатывает?

          Evgenii Legotckoi
          • Jan. 30, 2018, 4:12 p.m.

          Вот вам пример такой "странной" анимации.

          import QtQuick 2.9
          import QtQuick.Window 2.2
          import QtQuick.Controls 2.2
          
          Window {
              visible: true
              width: 640
              height: 480
              title: qsTr("Hello World")
          
              Rectangle {
                  id: rect
                  color: "green"
                  width: 50
                  height: 50
                  x: 100
          
                  transitions: Transition {
                      NumberAnimation { properties: "x"; from: 100; duration: 200 }
                  }
          
                  states: [
                      // This adds a second state to the container where the rectangle is farther to the right
          
                      State { name: "other"
          
                          PropertyChanges {
                              target: rect
                              x: 200
                          }
                      }
                  ]
              }
          
              Button {
                  text: qsTr("Click me")
          
                  anchors.bottom: parent.bottom
                  anchors.horizontalCenter: parent.horizontalCenter
          
                  onClicked: rect.state = "other"
              }
          }
          Эти анимации и изменения свойств предназначены для работы со состояниями. Состояние изменяет целевое свойство. И если одно из изменений позволяет данное изменение, то есть первоначальное положение объекта по оси x равно 100, то анимация, а если быть точным анимированое изменение свойства сработает. В противном случае не будет работать. Ну а длительность изменения будет равна 200 мс.

            Comments

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

            C ++ - Test 004. Pointers, Arrays and Loops

            • Result:50points,
            • Rating points-4
            m

            C ++ - Test 004. Pointers, Arrays and Loops

            • Result:80points,
            • Rating points4
            m

            C ++ - Test 004. Pointers, Arrays and Loops

            • Result:20points,
            • Rating points-10
            Last comments
            Evgenii Legotckoi
            Evgenii LegotckoiNov. 1, 2024, 12:37 a.m.
            Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
            A
            ALO1ZEOct. 19, 2024, 6:19 p.m.
            Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
            ИМ
            Игорь МаксимовOct. 5, 2024, 5:51 p.m.
            Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
            d
            dblas5July 5, 2024, 9:02 p.m.
            QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
            k
            kmssrFeb. 9, 2024, 5:43 a.m.
            Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
            Now discuss on the forum
            m
            moogoNov. 22, 2024, 6:17 p.m.
            Mosquito Spray System Effective Mosquito Systems for Backyard | Eco-Friendly Misting Control Device & Repellent Spray - Moogo ; Upgrade your backyard with our mosquito-repellent device! Our misters conce…
            Evgenii Legotckoi
            Evgenii LegotckoiJune 25, 2024, 1:11 a.m.
            добавить qlineseries в функции Я тут. Работы оень много. Отправил его в бан.
            t
            tonypeachey1Nov. 15, 2024, 5:04 p.m.
            google domain [url=https://google.com/]domain[/url] domain [http://www.example.com link title]
            NSProject
            NSProjectJune 4, 2022, 1:49 p.m.
            Всё ещё разбираюсь с кешем. В следствии прочтения данной статьи. Я принял для себя решение сделать кеширование свойств менеджера модели LikeDislike. И так как установка evileg_core для меня не была возможна, ибо он писался…

            Follow us in social networks