Qt Android. QML уроки #5. Custom Calendar

Автор Georgiy Dronov
Qt Android. QML уроки #5. Custom Calendar

Добрый день дорогие друзья.

С вами. Евгений городской канал и велик в данном уроке мы поговорим о том как кастомизировать стилизовать объект в календаре в qml либо в либо фото Desktop неважно разработка программного обеспечения Scorpions кроссплатформенная и там имеется лишь небольшие нюансы которые здесь не в данном случае именно конкретно в этом уроке и так какой мы делаем приложение мы делаем у которого есть главное окно посреди которого располагается кнопочка батон по нажатию на эту кнопку мы вызываем диалоговое окно в котором располагается кастомизировать календарь по нажатию на кнопку открыли дело в этом календаре выбрали дату подтвердили нажав кнопочку. О'КЕЙ в этом диалоге диалоговое окно закрывается и на кнопочки в главном окне у нас оказывается дата из этого календаря которому выбрать когда.

Мы открываем эту кнопочку у нас уже в календаре выставляется текущая дата которая была на ногти установлен.

А при создании приложения при его мы изначально устанавливать текущую дату которую вас в данном случае на устройстве либо на Android устройстве, а потом её меняем с помощью календаря. Итак приступим для хранения параметров дата создадим. Объект который хранит в себе параметр даты тип здесь мы создаем текущую дату в данном случае при своём текущую дату и — это переменная служит для того чтобы не заморачиваться с конвертацией и его дату из даты в строку на кнопочки текстовое поле у нас идёт форматирование даты в строку, а потом обратно конвертировать — это посложнее будет чем просто установить когда-то в нужном формате поэтому мы применяем переменную для хранения даты которые мы получаем из календаря и которого. Мой папа нажатии. Вот это. Передаем соответственно в диалог вот он делал календаря кастомизированные функция по умолчанию — это нужно написать в котором мы. Передаем эту самую переменную Temp Data. Мы в календарь устанавливают нашу дату и открываем календарь откуда взят вот этот вот календарь — это переменная A взята она у нас is IT шника объекта календарь вот вот он наш календарь. Но прежде чем говорить о календаре у его кастомизация уточни момент где. Он располагается объект календарь в данном случае располагается в прямоугольнике. Ретинол который является содержимом я диалога заменяет собой. Контент — это в том случае когда он scontent этом меняется мы делаем кнопочки какие-то объекты в данном случае календари две кнопки и сенсор посмотрим на то как кастомизировать календарь мою растягиваем. Соответственно по области в котором он должен располагаться и далее используем его параметр Style задаем календарь. Объект который можно дальнейшую стилизацию нашего календаря в календарь ставил устанавливается в этот объект в нём имеется Navigation drawer который благодаря стрелочка вправо влево передвигает переменным месяца года и так далее. Далее поле чисел текущего месяца с неактивными числами предыдущего и последующего и допустим ещё два поля может быть — это поле столбцов поля номеров в месяце недель и поле дней недели в данном случае мы поля дни недели оставляю в покое никакого не меняем, а стерилизуем навигейшн бар в котором располагается кнопочки вправо влево и область чисел бар мы создаем прямоугольника rectangle. Задай ему высоту и цвет и в нём располагаем следующий объект будет у нас линии которая отделяет соответственно дни недели от самого кнопочка влево предыдущий месяц в котором отмечается текст текущего месяца и года и кнопочка в правом для месяцев вперед в данном случае. Я использовал обычно объект, но пока пытался сделать стул бата, но мне не понравилось как придёт картинка. Для меня проще быстрее настроить — это через обычный Battle стилизовать. Установить соответствие прямоугольники и в качестве источника взять картинки беру два источника для нажатой кнопке и для не нажатой кнопке Button Left Arrow Left Oracle disable Left Right Right Arrow vessel вот эти вот картинки использовать аналогичности рисуется и правая кнопочка основной момент мы присваиваем его функции по параметрам то, что мы будем делать данном случае всего указатель Control указывает на наш объект который мы стилизуем на сам календарь и вызываем одну из его функции Show previous month то есть мы показываем в календаре предыдущий месяц относительно того который установлен в данный момент не. Аналогично кнопки проводки вперед console Show Next month, что касается лейбла — это текст даты. ДДТ текст, а если быть точным то сюда устанавливается месяц и год для того чтобы получить эти данные нам нужно использовать солдата и взять из него параметры титул присвоил этому объекту в параметрах стояла там как раз вот переменные тайтл который отвечает за месяц и год так же там располагается переменные отвечающие за номера недель в году отвечающий за дни недели и еще ряд параметров в официальной документации они все указаны самое главное, что мы здесь вот именно наш титул после того как мы забрали настроили. Все параметры для бар переходим к следующему этот день делегат выделяет определяем как прямоугольник в дальнейшем настройка то есть этот параметр отвечает за дни месяца 1 января второе третье четвёртое вот эти вот все числа одним располагаются. В подобных прямоугольников то есть всё календаря состоит из этих прямоугольников каждом из которых располагаются одно единственное число растягиваем соответствует прямоугольник по всему родительскому объекту установленным параметрам марганец далее выбираем цвет устанавливаем свет в котором будет располагаться наше число она либо полностью прозрачная то есть берётся фон нашего поля для чисел небо.

0 комментариев
0

Читайте также