Различия

Показаны различия между двумя версиями страницы.

--- develop:qt:quick [2021/08/22 16:34]
admin
+++ develop:qt:quick [2021/08/31 15:22] (текущий)
admin
@@ Строка 14: / Строка 14: @@
 ===== JavaScript =====
-----
 **Java** интерпретируется и применяется сходу, например тут- **"width: parent.width / 5"**, значение сначала высчитывается, на **java**, после этого присваивается свойству.\\
 Можно вставлять целые функции:
@@ Строка 82: / Строка 82: @@
 </details>
 ===== Объекты =====
 ==== Не визуальные ====
 ----
@@ Строка 93: / Строка 92: @@
 | [Mouse; Drop; Pinch; MultiPointTouch]Area; [Mouse; Key]Event; etc | Пользовательский ввод |
 ==== Визуальные ====
 ----
@@ Строка 141: / Строка 140: @@
 </details>
 ==== Свойства элементов ====
 ----
@@ Строка 189: / Строка 188: @@
 </details>
 === Собственные свойства ===
 ----
@@ Строка 197: / Строка 196: @@
 Необходимо указывать **типы данных**, они строго типизированы (bool, double, enumeration, int, list, real, string, time, url, var, color, date, font, matrix4x4, point, rect, size, Vercor[2,3,4]d).\\
 ==== Собственные элементы ====
 ----
@@ Строка 244: / Строка 243: @@
 </details>
 ==== Собственные модули ====
 ----
@@ Строка 250: / Строка 249: @@
 Располагают их в отдельной папке, создают файл **qmldir** с картой описания qml файлов элементов, с указанием версии.\\
 ==== Динамическое создание элементов ====
 ----
@@ Строка 279: / Строка 278: @@
 **Flickable** - типа скроллбара, в нем можно располагать элементы большого размера
 ==== Готовые элементы ====
 ----
@@ Строка 310: / Строка 309: @@
 Так же, в модуле **QtQuick.Extras** есть аналогичные, но выглядящие более специфично, элементы.\\
 ==== Диалоговые окна ====
 ----
@@ Строка 394: / Строка 393: @@
 </details>
 ===== Управление размещением =====
 ==== Фиксаторы ====
@@ Строка 548: / Строка 546: @@
 </details>
 ==== Традиционные размещения ====
 ----
@@ Строка 632: / Строка 630: @@
 </details>
 ==== Размещение в виде потока ====
 ----
+Упорядочивает элементы змейкой, пытаясь уместить их как можно больше.\\
 <details>
-<summary>:!: Пример: </summary>
+<summary>:!: Пример: Десять элементов, размещаются потоком</summary>
 <code QML>
+import QtQuick 2.12; import QtQuick.Controls 2.2; import QtQuick.Layouts 1.12
+ApplicationWindow
+{
+    width: 640; height: 480; visible: true;
+    Rectangle
+    {
+        anchors.fill: parent
+        Flow
+        {
+            anchors.fill: parent
+            anchors.margins: 20
+            spacing: 20
+            Repeater
+            {
+                model:
+                {
+                    var v = new Array(10);
+                    for(var i= 0; i < v.length; ++i)
+                        v[i]= i % 2 ? "green" : "red"
+                    return v;
+                }
+                Rectangle
+                {
+                    width: 64; height: 64; radius: 32; color: modelData
+                    Text
+                    {
+                        color: "white"; font.pixelSize: 48; font.family: "Courier"; anchors.centerIn: parent; text: index
+                    }
+                }
+            }
+        }
+    }
+}
 </code>
 </details>
-====  ====
-----

zxcx

Инструменты пользователя

Инструменты сайта

Различия

Инструменты страницы