Прототип векторного редактора Вектор-Д для ОС Аврора для планшетов (скетч для QmlPrototyper) - дальнейший прогресс
txt
MainPage.txt52.85 Kb
Прогресс при разработке прототипа векторного редактора Вектор-Д (Vector-D).
Прототипирование ведется на планшете F+ Lifetab+, 4.0.2.303, 10", QmlPrototyper 0.4.14. Больше 1500 строк кода пока.
Известный нюанс - на Аврора 5 позиционирование полей ввода в диалогах отличается от такового на Аврора 4, будет скорректировано при сборке приложения.
Пробовал на Масштаб Т1 на Аврора 5 - очень шустро работает, но нужно адаптировать интерфейс под смартфон.
Для полного счастья не хватает кастомного компонента для выбора цвета из палитры и возможности загрузки уже созданного файла в редактор, а также сохранения svg-файла по произвольному пути. Но часть из этих функций появятся уже в приложении, прототип перегружать таким функционалом смысла нет.
Выходной файл со снеговиком:
<svg>
<rect x="0" y="0" rx="20" ry="20" width="800" height="600" stroke="Lightgrey" stroke-width="8" fill="white" />
<circle x="330.831298828125" y="90.925048828125" cx="370.831298828125" cy="130.925048828125" r="40" stroke="Yellow" stroke-width="3" fill="beige" />
<ellipse x="369.8072509765625" y="128.892578125" cx="391.8072509765625" cy="136.892578125" rx="22" ry="8" style="fill:red; stroke:yellow; stroke-width:3" />
<text x="38.98126220703125" y="560.5556640625" height="100" width="800" font-size="35" font-weight="800" font-style="italic" fill="grey">Всех с наступающим Новым Годом ' 2025! </text>
<circle x="320.834228515625" y="170.86090087890625" cx="370.834228515625" cy="220.86090087890625" r="50" stroke="yellow" stroke-width="3" fill="Beige" />
<circle x="296.8458251953125" y="270.7757568359375" cx="371.8458251953125" cy="345.7757568359375" r="75" stroke="yellow" stroke-width="3" fill="beige" />
<circle x="352.8160400390625" y="110.90765380859375" cx="360.8160400390625" cy="118.90765380859375" r="8" stroke="black" stroke-width="3" fill="none" />
<circle x="376.80352783203125" y="107.91009521484375" cx="384.80352783203125" cy="115.91009521484375" r="8" stroke="black" stroke-width="3" fill="none" />
<circle x="270.85888671875" y="183.8466796875" cx="295.85888671875" cy="208.8466796875" r="25" stroke="yellow" stroke-width="3" fill="beige" />
<circle x="417.78192138671875" y="173.854736328125" cx="442.78192138671875" cy="198.854736328125" r="25" stroke="yellow" stroke-width="3" fill="beige" />
<rect x="177.90728759765625" y="426.6441650390625" rx="0" ry="0" width="400" height="10" stroke="beige" stroke-width="2" fill="lightgrey" />
</svg>
<rect x="0" y="0" rx="20" ry="20" width="800" height="600" stroke="Lightgrey" stroke-width="8" fill="white" />
<circle x="330.831298828125" y="90.925048828125" cx="370.831298828125" cy="130.925048828125" r="40" stroke="Yellow" stroke-width="3" fill="beige" />
<ellipse x="369.8072509765625" y="128.892578125" cx="391.8072509765625" cy="136.892578125" rx="22" ry="8" style="fill:red; stroke:yellow; stroke-width:3" />
<text x="38.98126220703125" y="560.5556640625" height="100" width="800" font-size="35" font-weight="800" font-style="italic" fill="grey">Всех с наступающим Новым Годом ' 2025! </text>
<circle x="320.834228515625" y="170.86090087890625" cx="370.834228515625" cy="220.86090087890625" r="50" stroke="yellow" stroke-width="3" fill="Beige" />
<circle x="296.8458251953125" y="270.7757568359375" cx="371.8458251953125" cy="345.7757568359375" r="75" stroke="yellow" stroke-width="3" fill="beige" />
<circle x="352.8160400390625" y="110.90765380859375" cx="360.8160400390625" cy="118.90765380859375" r="8" stroke="black" stroke-width="3" fill="none" />
<circle x="376.80352783203125" y="107.91009521484375" cx="384.80352783203125" cy="115.91009521484375" r="8" stroke="black" stroke-width="3" fill="none" />
<circle x="270.85888671875" y="183.8466796875" cx="295.85888671875" cy="208.8466796875" r="25" stroke="yellow" stroke-width="3" fill="beige" />
<circle x="417.78192138671875" y="173.854736328125" cx="442.78192138671875" cy="198.854736328125" r="25" stroke="yellow" stroke-width="3" fill="beige" />
<rect x="177.90728759765625" y="426.6441650390625" rx="0" ry="0" width="400" height="10" stroke="beige" stroke-width="2" fill="lightgrey" />
</svg>
А вот и иллюстрация назначения этого редактора:
