Графическая система с графическим интерфейсом

Для платформы R128 в качестве графической системы предусмотрена LVGL.

Описание ЛВГЛ

LVGL — это бесплатная графическая библиотека с открытым исходным кодом, которая предоставляет все необходимое для создания встроенных графических интерфейсов. Она имеет простые в использовании графические элементы, красивые визуальные эффекты и низкое использование памяти. Она соответствует лицензионному соглашению MIT. Вы можете посетить официальный сайт LittlevGL. больше информации.

• Мощные строительные блоки: кнопки、диаграмма、список、ползунок、изображениеждать。
• Расширенный графический движок: анимация, сглаживание, непрозрачность, плавная прокрутка, режимы наложения и многое другое.
• Поддерживает различные устройства ввода: сенсорный экран, мышь, клавиатуру, энкодер, кнопки и т. д.
• Поддерживает несколько мониторов.
• Аппаратно независим и работает с любым микроконтроллером и дисплеем.
• Ее можно расширить, используя небольшой объем памяти (64 КБ Flash-памяти, 16 КБ ROM).
• Многоязычная поддержка, поддерживает UTF-8. Обработка, CJK, 2-сторонняя арабская.
• через класс стили CSS полностью настраиваемые из графических элементов.
• Под влиянием CSS Вдохновленный мощным макетом: Flexbox иGrid。
• Операционная система, внешний графический процессор поддерживается, но не требуется.
• Плавный рендеринг также возможен с использованием одного кадрового буфера.
• Написан на C и совместим с C++.
• Micropython Binding существоватьMicropython Публичный LVGL в Китае API。
• МожетсуществоватьPC Развивайтесь с помощью симулятора.
• 100+ простых примеров.
• существовать ПроволокаиPDF Формат документации и API ссылка.

В настоящее время основные компоненты LVGL 8.1.0 и демонстрационная версия перенесены в RTOS. В следующей таблице приведены описания библиотек, связанных с LVGL:

Конфигурация LVGL

mrtos_menuconfig Конфигурация следующая

System components --->
    thirdparty components --->
        [*] Littlevgl-8 --->
        [*] lvgl examples (официальная демо-версия lvgl)
        [ ] lvgl g2d test （g2d тестовый пример интерфейса)
        [*] lvgl-8.1.0 use sunxifb double buffer (Включите двойную буферизацию, чтобы решить проблему разрыва)
        [*] lvgl-8.1.0 use sunxifb cache (включить ФБ cache）
        [ ] lvgl-8.1.0 use sunxifb g2d (Включить аппаратное ускорение G2D)
        [ ] lvgl-8.1.0 use sunxifb g2d rotate (Включить ротацию оборудования G2D)
        [ ] lvgl-8.1.0 use freetype (включить произвольный тип)

Структура LVGL

LVGL Исходный код находится по адресу lichee/rtos-components/thirdparty/littlevgl-8, Его каркас такой, как показано на рисунке:

существование Вставьте сюда описание изображения

SunxiFB

существовать sunxifb , мы предоставляем набор интерфейсов дисплея, а именно:

Расположение кода следующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_drivers/display/sunxifb.c

существоватьsunxifb_init(rotated),серединаrotatedизвращатьценить Можетдля：

LV_DISP_ROT_NONE,LV_DISP_ROT_90,LV_DISP_ROT_180,LV_DISP_ROT_270。

Наконец, есть задание disp_drv.rotated = rotated . Без вращения g2d,также Можетобозначениеdisp_drv.sw_rotate = 1 Используйте ротацию программного обеспечения.

sunxig2d

существовать sunxig2d середина,осозналg2d ioctlизинкапсуляция,Этифункция ВсеНет необходимости в звонках через приложение,Но это может углубить понимание всей кадриз.,Сопутствующие интерфейсы следующие:

Расположение кода следующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_drivers/display/sunxig2d.c

Вот и все g2d Функции были подключены lvgl Схема построения, использование lvgl из lv_draw_map、lv_img_set_zoom и lv_canvas_draw_img Функцию можно использовать.

lv_g2d_test Полный пример использования из можно найти в приложении.

sunximem

существоватьsunximemсередина,Реализовано управление физической инкапсуляцией Памятьиз.,Этифункция ВсеНет необходимости в звонках через приложение,Но это может углубить понимание всей кадриз.,следующее:

Расположение кода следующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_drivers/display/sunxigmem.c

потому чтоg2dВодитель может толькоиспользоватьфизическая непрерывность Память,Итак, при расшифровке картинки,должен пройти sunxifb_mem_alloc применить на память.

В настоящее время реализованы только приложения bmp и png, gif и з Память, а изображения jpeg еще не реализованы.

при использовании lv_canvas_set_buffer Когда, пройди из buffer должно быть sunxifb_alloc Применять buffer,sunxifb_alloc Будет решено, необходимо ли претендовать на физическую непрерывную память.

Пользовательский холст lv_canvas еще не подключен к функции масштабирования g2d.

evdev

прикоснись к намиздаlvglчиновникизevdev

Расположение кода следующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_drivers/indev/evdev.c

lvgl Чтобы использовать сенсорную функцию, вам необходимо существовать Применить lv_drv_conf.h Конфигурация в файле:

# define USE_EVDEV 1

приложениеlv_drv_conf.h серединаизEVDEV_NAME Он должен соответствовать используемому драйверу сенсорного экрана, например lv_examples из файла конфигурации:

lichee/rtos-components/thirdparty/littlevgl-8/lv_examples/src/lv_drv_conf.h

Если в disp_drv.rotated указан поворот на 90 или 180 градусов, lvgl будет вращать координаты касания внутри себя без необходимости поворачивать координаты касания внутри драйвера сенсорного экрана.

color depth

существоватьприложение lv_conf.h Документация о глубине цвета LV_COLOR_DEPTH из Конфигурация, например. lv_examples из файла конфигурации:

lichee/rtos-components/thirdparty/littlevgl-8/lv_examples/src/lv_conf.h

/*Color depth: 1 (1 byte per pixel), 8 (RGB332), 16 (RGB565), 32 (ARGB8888)*/
#define LV_COLOR_DEPTH 32

Использование SPI экран, приложение LV_COLOR_DEPTH должени Экран поддерживаетсяиз Соответствие формата пикселей；в то время как другие типыизэкран,приложениеLV_COLOR_DEPTH выбирать 16 или 32 может отображаться нормально.

LV_COLOR_DEPTH выбирать16 бит по сравнению с 32 бит, объем памяти меньше, частота кадров выше, но общее количество цветов меньше, а градиентный переход цвета может быть не плавным.

Новое приложение LVGL

Рекомендуется lv_g2d_test В качестве шаблона скопируйте новый проект:

lichee/rtos-components/thirdparty/littlevgl-8/lv_g2d_test

существовать Makefile , нужно включить sunxifb.mk общественный Конфигурация,существоватькомпилироватьприложениепередаст макрос。Способследующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_g2d_test/Makefile

include components/common/thirdparty/littlevgl-8/sunxifb.mk

Кроме того, можно отметить, что имеются следующие Конфигурации.,Эти конфигурации необходимы по требованию, включая,существоватьна некоторых чипахда Не поддерживается G2D_BLEND Для других операций поддерживаются только простые функции вращения:

ifeq ($(CONFIG_LVGL8_USE_SUNXIFB_G2D),y)
CFLAGS+=-DLV_USE_SUNXIFB_G2D_FILL \
        -DLV_USE_SUNXIFB_G2D_BLEND \
        -DLV_USE_SUNXIFB_G2D_BLIT \
        -DLV_USE_SUNXIFB_G2D_SCALE
endif

существоватьприложениекомпилироватьиздействительный Makefile середина,Вы можете скомпилировать только необходимые файлы,Уменьшите размер исполняемого файла.

О лвгл Также рекомендуется использовать файл конфигурации. lv_g2d_test серединаиз,Можно сравнить с оригинальной немодифицированной конфигурацией.,Затем переключитесь соответственно в соответствии с реальной сценой.Конфигурация。Конфигурациядокументследующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_g2d_test/src/lv_conf.h
lichee/rtos-components/thirdparty/littlevgl-8/lv_g2d_test/src/lv_drv_conf.h

Исходный файл:

lichee/rtos-components/thirdparty/littlevgl-8/lvgl/lv_conf_template.h
lichee/rtos-components/thirdparty/littlevgl-8/lv_drivers/lv_drv_conf_template.h.h

Наконец, приложениеиз инициализируется, существует lv_g2d_test , существует относительно понятный процесс вызова. Следует отметить, что из есть. sunxifb_init Вам необходимо передать параметры вращения sunxifb_alloc Просто подайте заявку на память.

LVGL-запуск

Мы предоставляем несколько тестовых случаев, команды выполнения следующие:

lv_examples 0, is lv_demo_widgets
lv_examples 1, is lv_demo_music
lv_examples 2, is lv_demo_benchmark
lv_examples 3, is lv_demo_keypad_encoder
lv_examples 4, is lv_demo_stress

существоватьпри инициализации,Следующее будет напечатано,Будут различия в зависимости от конфигурации.,Указывает, что что-то открыто:

wh=800x480, vwh=800x960, bpp=32, rotated=0
Turn on double buffering.
Turn on 2d hardware acceleration.
Turn on 2d hardware acceleration fill.
Turn on 2d hardware acceleration blit.
Turn on 2d hardware acceleration blend.
Turn on 2d hardware acceleration scale.
Turn on 2d hardware acceleration rotate.

LVGL включает сенсорную функцию

lvgl Для использования сенсорной функции необходимо существованиеприложения. lv_drv_conf.h Включить макросы в файлах USE_EVDEV。Обязательным условием является подтверждение прикосновенияэкран Модуль драйвера можно загрузить нормальноиспользовать,и сделать lv_drv_conf.h серединаиз EVDEV_NAME Соответствует используемому драйверу сенсорного экрана:

# define USE_EVDEV 1
# define EVDEV_NAME "touchscreen"

lvgl Док-драйвер сенсорного экрана из Расположение кода следующее:

lichee/rtos-components/thirdparty/littlevgl-8/lv_drivers/indev/evdev.c

LVGL включать LOG Отладка журнала

lvgl Поставляется с журналом Отладка журнала Функция,существоватьприложение lv_conf.h Макрос включения файла LV_USE_LOG и связанные конфигурации:

#define LV_USE_LOG 1
#define LV_LOG_LEVEL LV_LOG_LEVEL_INFO
#define LV_LOG_PRINTF 1

кроме тогосуществовать sunxifb.c файл или Makefile Определить макрос в LV_USE_SUNXIFB_DEBUG,Может Log Распечатать LVGL Фактическая чистка показывает частоту кадров.

На экране SPI отображается аномальное изображение LVGL.

приложение lv_conf.h документсерединаизLV_COLOR_DEPTH СПИ Экран поддерживает соответствие формата пикселей:

/*Color depth: 1 (1 byte per pixel), 8 (RGB332), 16 (RGB565), 32 (ARGB8888)*/
#define LV_COLOR_DEPTH 32