Уроки Kivy #5: Создание приложения

Продолжение серии уроков по Kivy: сборка интерфейса приложения-калькулятора пропорций ингредиентов с помощью стандартных виджетов, layout'ов и настройки свойств.

Key Takeaways

Kivy позволяет строить адаптивный интерфейс стандартными виджетами, но требует внимания к size_hint и выравниванию
Для переиспользования стилей удобно создавать наследуемые классы в kv-языке
Свойство text_size необходимо для корректного выравнивания текста внутри Label
Ввод из TextInput всегда строковый и требует явного преобразования перед вычислениями

What the video covers

Автор продолжает серию уроков по фреймворку Kivy и переносит в него ранее показанный интерфейс приложения для расчёта пропорций ингредиентов
Интерфейс строится из BoxLayout, GridLayout и TextInput для ввода массы, меток (Label) и кнопки
Размер приложения подгоняется под пропорции смартфона (480x800) через Window.size
Для устранения избыточности кода создаётся дочерний класс Label с общими свойствами, например font_size
Разбирается выравнивание текста в Label: свойство text_size растягивает область текста по размеру виджета, что позволяет работать с halign и valign
Настраиваются отступы и размеры элементов через padding, size_hint и height
Включается экранная клавиатура при фокусе на TextInput через Config и set_config
Описывается функция расчёта пропорций, принимающая массу и возвращающая словарь с весом каждого ингредиента
Обсуждается необходимость приведения строкового ввода TextInput к int/float, включая обработку исключений через try/except
Упоминаются особенности соли для колбасы (нитритная соль, стартовые культуры) как предметная область приложения

Chapters

Как в Kivy сделать так, чтобы текст метки был выровнен по левому краю?

Нужно задать свойство text_size равным size метки, после чего halign и valign начнут работать относительно области самой метки. Без этого выравнивание применяется к внутренней рамке текста и не меняется.

Как включить экранную клавиатуру при фокусе на TextInput?

В Kivy задаётся конфигурация через Config.set('kivy', 'keyboard_mode', ...) с нужным режимом, после чего клавиатура появляется при получении фокуса полем ввода. Важно, чтобы эта строка была выше остального кода, как отмечает автор.

Как избавиться от дублирования свойств в kv-файле?

Нужно создать наследуемый класс в kv-языке, например , и задать в нём общие свойства вроде font_size. Затем использовать MyLabel вместо Label, и изменение размера шрифта потребуется сделать только в одном месте.