Практическая работа 3

Практическая работа 3. часть 1.

1.Создать три разноцветных квадрата размерами 250, 200, 150.

2.В первый поместить текст с названием его цвета, разместить текст по центру, используя свойство anchors.

3.Выстроить квадраты в виде пирамидки, размещенной по центру экрана, используя свойство anchors.

часть 2.

1.Создать компонент Grid, поместить в него три разноцветных квадрата размерами 250, 200,

2.Разбить содержимое Grid на 2 колонки, используя свойство columns.

3.Используя свойство spacing сделать отступы между содержимым компонента Grid.

4.Создать компонент Row, поместить в него три разноцветных квадрата размерами 250, 200,

5.Используя свойство spacing сделать отступы между содержимым компонента Row.

6.Создать компонент Column, поместить в него три разноцветных квадрата размерами 250, 200, 150.

7.Используя свойство spacing сделать отступы между содержимым компонента Column.

8.Задать компонентам Row и Column позиционирование, чтобы исключить наложение

часть 3.

1.Создать компонент Flow, поместить в него три разноцветных квадрата размерами 250, 200,

2.Используя свойство anchors.fill задать для компонента Flow заполнение родительского компонента.

3.Добавить во Flow несколько компонентов Text с тектом.

часть 4.

1.Создать три разноцветных квадрата размерами 150, 200, 250.

2.Используя свойство z сделать так, чтобы средний квадрат оказался на переднем плане.

2.Используя свойство z сделать так, чтобы маленький квадрат оказался на переднем плане.

часть 5.

1.Создать три прямоугольника, спозиционировать их таким образом, чтобы они делили экран на три равные части по вертикали.

2.В первый прямоугольник поместить компонент MouseArea, используя свойство anchors спозиционировать его таким образом, чтобы компонент занимал всю область родителя.

3.Задать первому прямоугольнику цвет в зависимости от состояния нажатия на MouseArea (свойство pressed у MouseArea)

4.Определить внутри прямоугольника функцию numbers, принимающую один параметр n, и

выводящую в консоль числа от 0 до n.

5.Используя свойство onClicked у MouseArea вызвать функцию numbers с аргументом 10, определенную в прямоугольнике.

6.Создать в каталоге pages Javascript файл func.js.

7.Определить в файле func.js функцию numbers, принимающую один параметр n, и выводящую в консоль числа от n до 0.

8.Используя директиву import подключить в MainPage.qml файл func.js: import "func.js" as Func

9.Во втором прямоугольнике создать кнопку, вызывающую функцию numbers из func.js с аргументом 10: Func.numbers(10);

10.В третий прямоугольник добавить компоненты Text, Timer, Button.

11.Задать компоненту текста id: text

12.Задать таймеру свойства id, interval: 1000, repeat: true, running: true, onTriggered: time.text = Date().toString()

13.С помощью компонента Button создать две кнопки, отвечаюших за запуск и остановку таймера (вызов у таймера методов start и stop)