Открыть боковую панель
evseev84
Прикладная разработка на Qt
Коммиты
3be0b064
Коммит
3be0b064
создал
Окт 24, 2023
по автору
OMP Education
Просмотр файлов
Add module: QML Basics.
#7
владелец
87d6fd8c
Изменения
6
Развернуть все
Скрыть пробелы
Построчно
Рядом
modules/contents.md
Просмотр файла @
3be0b064
...
@@ -23,7 +23,12 @@ Copyright © 2016–2023 ООО «Открытая мобильн
...
@@ -23,7 +23,12 @@ Copyright © 2016–2023 ООО «Открытая мобильн
[
конспект
](
./debug_and_profiling/lecture.md
)
[
конспект
](
./debug_and_profiling/lecture.md
)
*
[
Задания
](
./debug_and_profiling/tasks.md
)
*
[
Задания
](
./debug_and_profiling/tasks.md
)
*
[
Тесты
](
./debug_and_profiling/tests.md
)
*
[
Тесты
](
./debug_and_profiling/tests.md
)
*
Основы QML
*
[
Основы QML
](
./qml_basics
)
*
Лекция:
[
cлайды
](
./qml_basics/lecture.fodp
)
,
[
конспект
](
./qml_basics/lecture.md
)
*
[
Задания
](
./qml_basics/tasks.md
)
*
[
Тесты
](
./qml_basics/tests.md
)
*
Сигналы, слоты, свойства
*
Сигналы, слоты, свойства
*
Анимации, состояния, переходы
*
Анимации, состояния, переходы
*
Компоненты
*
Компоненты
...
...
modules/qml_basics/lecture.fodp
0 → 100644
Просмотр файла @
3be0b064
Это отличие свёрнуто
Нажмите, чтобы развернуть
modules/qml_basics/lecture.md
0 → 100644
Просмотр файла @
3be0b064
Это отличие свёрнуто
Нажмите, чтобы развернуть
modules/qml_basics/tasks.md
0 → 100644
Просмотр файла @
3be0b064
# Задания по теме «Основы QML»
Copyright
©
2016–2023 ООО
«Открытая мобильная платформа».
Этот документ предоставляется в
соответствии
с
[
Публичной лицензией Creative Commons с указанием авторства версии 4.0 Международная
](
../../LICENSE.CC-BY-4.0.ru.md
)
.
## Задание 1
Отобразить на экране три квадрата (синего, красного и зеленого цветов) ровно так,
как показано на рисунке.
## Задание 2
Поместить в центр синего квадрата из предыдущего задания текст “Квадрат”
(или любой другой текст на Ваш выбор) белого цвета.
modules/qml_basics/tests.md
0 → 100644
Просмотр файла @
3be0b064
# Тесты по теме «Основы QML»
Copyright
©
2016–2023 ООО
«Открытая мобильная платформа».
Этот документ предоставляется в
соответствии
с
[
Публичной лицензией Creative Commons с указанием авторства версии 4.0 Международная
](
../../LICENSE.CC-BY-4.0.ru.md
)
.
## Single choice
Как можно создать угловой градиент?
---
*
Использовать свойство Gradient.angle
*
Использовать Gradient и задать поворот на 90 градусов
*
**Использовать готовое изображение**
## Multiple choice
Какие из данных определений свойств не являются корректными?
---
*
`property int count: 0`
*
`property var myObject`
*
**`property string title = "The title"`**
## Multiple choice
Какое значение нужно присвоить свойству color объекта Rectangle, чтобы получить прямоугольник зелёного цвета?
---
*
**`green`**
*
**`"#00FF00"`**
## Multiple choice
С помощью какого свойства можно изменить размер шрифта текста?
---
*
**`font.pointSize`**
*
**`font.pixelSize`**
## Multiple choice
Какие из свойст якорей привязываются к якорям других элементов?
---
*
`anchors.margins`
*
`anchors.centerIn`
*
`anchors.fill`
*
**`anchors.top`**
*
**`anchors.horizontalCenter`**
## Order
Есть три перекрывающих друг друга прямоугольника разных цветов, которым соответствует следующий код:
```
qml
Item
{
Rectangle
{
x
:
0
;
y
:
0
;
width
:
100
;
height
:
100
color
:
"
red
"
}
Rectangle
{
x
:
50
;
y
:
25
;
width
:
100
;
height
:
100
color
:
"
green
"
Rectangle
{
x
:
-
25
;
y
:
25
;
width
:
100
;
height
:
100
color
:
"
blue
"
z
:
-
1
}
}
}
```
В каком порядке будут отрисованы прямоугольники?
---
*
Красный
*
Синий
*
Зелёный
## Order
Есть три перекрывающих друг друга прямоугольника разных цветов, которым соответствует следующий код:
```
qml
Item
{
Rectangle
{
x
:
0
;
y
:
0
;
width
:
100
;
height
:
100
color
:
"
red
"
z
:
10
Rectangle
{
x
:
50
;
y
:
25
;
width
:
100
;
height
:
100
color
:
"
green
"
}
}
Rectangle
{
x
:
25
;
y
:
50
;
width
:
100
;
height
:
100
color
:
"
blue
"
}
}
```
В каком порядке будут отрисованы прямоугольники?
---
*
Зелёный
*
Красный
*
Синий
## Matching
Сопоставьте QML-компоненты и их функциональность.
---
| | |
|---------|--------------------------|
|
`Grid`
| Контейнер-сетка |
|
`Image`
| Внешний вид изображения |
|
`Row`
| Горизонтальный контейнер |
## Multiple choice
Сколько параметров сетки нужно указать у Grid?
---
*
**Параметры можно не указывать, по умолчанию будут 4 столбца**
*
**Можно указать только columns, число строк будет рассчитано автоматически**
*
**Можно указать только rows, число столбцов будет рассчитано автоматически**
*
Обязательно нужно указать и columns, и rows
resources/three_rectangles.png
0 → 100644
Просмотр файла @
3be0b064
534 Б
Редактирование
Предварительный просмотр
Поддерживает Markdown
0%
Попробовать снова
или
прикрепить новый файл
.
Отмена
You are about to add
0
people
to the discussion. Proceed with caution.
Сначала завершите редактирование этого сообщения!
Отмена
Пожалуйста,
зарегистрируйтесь
или
войдите
чтобы прокомментировать
