Приветствую.
Продолжаем разрабатывать калькулятор и сегодня нам необходимо начать подготавливать то, как будет выглядеть калькулятор.
Давайте начнем с самого простого и потом к более сложному, добавляя новые элементы.
Самый просто функционал:
1. Сложение, вычитание, умножение и деление - арифметические действия.
2. Очистка полей - по нажатию будет происходить очистка полей.
3. Закрытие калькулятора - по нажатию будет происходить закрытие калькулятора.
Запустим конфигуратор, откроем обработку, которую создавали в прошлый раз.
Теперь откроем форму этой обработки (Рисунок 1).
Теперь поместим на форме элементы:
1. Поле ввода первого числа.
2. Поле ввода второго числа.
3. Поле вывода значения.
4. Кнопка сложения, вычитания, умножения и деления.
5. Кнопку очистки.
6. Кнопку закрытия.
Добавим поля и перетащим их на формы (Рисунок 2).
Добавим команды на форму (Рисунок 3).
Теперь давайте сделаем отображение кнопок более привычными и значками.
Для этого выделим кнопку сложения и изменим у нее некоторые свойства, чтобы отображалась картинка, а не текст (Рисунок 4).
Теперь нужны иконки для кнопок (их сможете скачать в конце статьи). Скачиваем иконки и каждой кнопке подключаем свою иконку, указав размеры: высоту и ширину (Рисунок 5).
На картинке размеры кнопки 4 на 3.
Иконки для кнопок в конце статьи.
Давайте теперь немного сгруппируем их (Рисунок 6).
Группировка на форме делается с помощью папок. Расположение элементов делается с помощью ориентации элемента на форме.
Уберем с формы поле "Еще", сняв галочку с свойства (Рисунок 7).
Как только уберете галочку, так сразу это поле исчезнет (Рисунок 8).
Давайте пропишем две кнопки: кнопку закрытия калькулятора и кнопку очистки полей.
Выделяем команду и создаем процедуру на клиенте (Рисунок 9).
Внутри процедуры прописываем код, который будет срабатывать при нажатии и закрыть форму калькулятора, а значит и сам калькулятор (Рисунок 10).
И сразу пропишем для команды "Очистить" (Рисунок 11).
Этот код: ....= ""; Означает, что мы этому полю присваиваем пустоту, то есть очищаем поле.
Запустим и проверим (Рисунок 12).
Кнопка закрытия тоже работает, форма калькулятора закрывается.
Кнопка очистки работает и поля очищаются, но тут есть некоторый нюанс:
поля у нас сейчас строковых данных, а должно быть числом!
Давайте откроем форму и поправим тип данных (Рисунок 13).
Откроем пользователя и проверим очистку - она будет работать, так как такой способ очистки работает для строковых данных и соответственно сработает и для числа, но для числа - нужно использовать приравнивание к нулю (Рисунок 14).
Самостоятельно: сделайте так, чтобы при успешной очистке полей выводилось сообщение о том, что поля успешно очищены (Рисунок 15).
Пока наш калькулятор будет иметь три поля ввода, одно для ввода первого числа, для второго числа и для вывода. Потом мы оставим только одно поле, в котором будут вводиться все значения и выводиться результат, но пока до этого еще рано.
На следующем занятии продолжим дополнять визуальную часть нашего калькулятора.
Иконки - https://disk.yandex.ru/d/IQ1morNeKm9yLQ.
На этом статья урока подходит к концу. Попробуйте выполнить все действия, которые описаны в этом уроке. Если что-то не получается, то вы всегда сможете написать вопрос о том, что вам непонятно или вернуться к предыдущим урокам и посмотреть их - ссылки внизу!
Всем спасибо.
Задать вопросы, которые у вас возникли вы можете, написав комментарий или вступить в группу и задать там свой вопрос, а так же можно на канале нажать кнопку "Написать сообщение".
Ссылка для вступления телеграм-канал - t.me.Apiscourses
Подписаться в группу ВКонтакте
Или написать на электронную почту - awesome.razrab@yandex.ru
Ссылка для вступления в чат на Дзен - https://yandex.ru/chat/#/join/34271c4c-039e-4d1d-97af-b24b3204ad08.
Прошлые уроки:
Введение Урок 1 Урок 2 Урок 3 Урок 4 Урок 5 Урок 6 Урок 7 Урок 8 Урок 9 Урок 10 Урок 11 Урок 12 Урок 13 Урок 14 Урок 15 Урок 16 Урок 17 Урок 18 Урок 19 Урок 20 Урок 21 Урок 22 Урок 23 Урок 24 Урок 25 Урок 26 Урок 27 Урок 28 Урок 29 Урок 30 Урок 31 Урок 32 Урок 33 Урок 34 Урок 35 Урок 36 Урок 37 Урок 38 Урок 39 Урок 40 Урок 41 Урок 42 Урок 43 Урок 44 Урок 45 Урок 46 Урок 47 Урок 48 Урок 49 Урок 50 Урок 51 Урок 52 Урок 53 Урок 54 Урок 55 Урок 56 Урок 57 Урок 58 Урок 59 Урок 60 Урок 61 Урок 62 Урок 63 Урок 64 Урок 65 Урок 66 Урок 67 Урок 68 Урок 69
На этом все. Жду Вас на следующем занятии.
P.S. Подписывайтесь на мой канал :-)
программирование программирование 1с 1с предприятие обучение онлайн обучение 1с
