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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170 | #include "Arduino.h"
#include "lvgl.h"
#include "esp_lcd_panel_io.h"
#include "esp_lcd_panel_ops.h"
#include "esp_lcd_panel_vendor.h"
#include "pin_config.h"
#include "esp_sntp.h"
// グローバル変数
esp_lcd_panel_io_handle_t io_handle = NULL;
static lv_disp_draw_buf_t disp_buf;
static lv_disp_drv_t disp_drv;
static lv_color_t *lv_disp_buf;
static bool is_initialized_lvgl = false;
lv_style_t log_style;
lv_obj_t *log_label;
lv_obj_t *circle_obj;
lv_style_t circle_style;
int circle_x_pos = EXAMPLE_LCD_H_RES - 30; // 画面の右端から少し左に開始する位置
enum Direction { LEFT, RIGHT };
Direction circle_direction = RIGHT;
int i = 0;
/**
* LVGLがデータのフラッシュの準備ができたときに通知
*/
static bool example_notify_lvgl_flush_ready(esp_lcd_panel_io_handle_t panel_io, esp_lcd_panel_io_event_data_t *edata, void *user_ctx) {
// LVGLの初期化が完了していれば
if (is_initialized_lvgl) {
lv_disp_drv_t *disp_driver = (lv_disp_drv_t *)user_ctx;
lv_disp_flush_ready(disp_driver);
}
return false;
}
/**
* LVGLのデータをLCDにフラッシュするコールバック関数
*/
static void example_lvgl_flush_cb(lv_disp_drv_t *drv, const lv_area_t *area, lv_color_t *color_map) {
esp_lcd_panel_handle_t panel_handle = (esp_lcd_panel_handle_t)drv->user_data;
int offsetx1 = area->x1;
int offsetx2 = area->x2;
int offsety1 = area->y1;
int offsety2 = area->y2;
esp_lcd_panel_draw_bitmap(panel_handle, offsetx1, offsety1, offsetx2 + 1, offsety2 + 1, color_map);
}
void setup() {
// 電源オンの設定
pinMode(PIN_POWER_ON, OUTPUT);
digitalWrite(PIN_POWER_ON, HIGH);
// LCDの設定: LCDのReadピンをHighに設定
pinMode(PIN_LCD_RD, OUTPUT);
digitalWrite(PIN_LCD_RD, HIGH);
// LCDバスの初期化設定
esp_lcd_i80_bus_handle_t i80_bus = NULL;
esp_lcd_i80_bus_config_t bus_config = {
.dc_gpio_num = PIN_LCD_DC,
.wr_gpio_num = PIN_LCD_WR,
.clk_src = LCD_CLK_SRC_PLL160M,
.data_gpio_nums = {
PIN_LCD_D0, PIN_LCD_D1, PIN_LCD_D2, PIN_LCD_D3, PIN_LCD_D4, PIN_LCD_D5, PIN_LCD_D6, PIN_LCD_D7
},
.bus_width = 8,
.max_transfer_bytes = LVGL_LCD_BUF_SIZE * sizeof(uint16_t),
.psram_trans_align = 0,
.sram_trans_align = 0
};
// LCDバスとIOの作成と初期化
esp_lcd_new_i80_bus(&bus_config, &i80_bus);
esp_lcd_panel_io_i80_config_t io_config = {
.cs_gpio_num = PIN_LCD_CS,
.pclk_hz = EXAMPLE_LCD_PIXEL_CLOCK_HZ,
.trans_queue_depth = 20,
.on_color_trans_done = example_notify_lvgl_flush_ready,
.user_ctx = &disp_drv,
.lcd_cmd_bits = 8,
.lcd_param_bits = 8,
.dc_levels = { .dc_idle_level = 0, .dc_cmd_level = 0, .dc_dummy_level = 0, .dc_data_level = 1 }
};
ESP_ERROR_CHECK(esp_lcd_new_panel_io_i80(i80_bus, &io_config, &io_handle));
// LCDパネルの初期化と設定
esp_lcd_panel_handle_t panel_handle = NULL;
esp_lcd_panel_dev_config_t panel_config = {
.reset_gpio_num = PIN_LCD_RES,
.color_space = ESP_LCD_COLOR_SPACE_RGB,
.bits_per_pixel = 16,
.vendor_config = NULL
};
esp_lcd_new_panel_st7789(io_handle, &panel_config, &panel_handle);
esp_lcd_panel_reset(panel_handle);
esp_lcd_panel_init(panel_handle);
esp_lcd_panel_invert_color(panel_handle, true);
esp_lcd_panel_swap_xy(panel_handle, true);
esp_lcd_panel_mirror(panel_handle, false, true);
esp_lcd_panel_set_gap(panel_handle, 0, 35);
// 画面を徐々に点灯させる
ledcSetup(0, 10000, 8);
ledcAttachPin(PIN_LCD_BL, 0);
for (uint8_t i = 0; i < 0xFF; i++) {
ledcWrite(0, i);
delay(2);
}
// LVGLグラフィックライブラリの初期化
lv_init();
lv_disp_buf = (lv_color_t *)heap_caps_malloc(LVGL_LCD_BUF_SIZE * sizeof(lv_color_t), MALLOC_CAP_DMA | MALLOC_CAP_INTERNAL);
lv_disp_draw_buf_init(&disp_buf, lv_disp_buf, NULL, LVGL_LCD_BUF_SIZE);
lv_disp_drv_init(&disp_drv);
disp_drv.hor_res = EXAMPLE_LCD_H_RES;
disp_drv.ver_res = EXAMPLE_LCD_V_RES;
disp_drv.flush_cb = example_lvgl_flush_cb;
disp_drv.draw_buf = &disp_buf;
disp_drv.user_data = panel_handle;
lv_disp_drv_register(&disp_drv);
is_initialized_lvgl = true;
// LVGLのラベルを作成し、ディスプレイにスタイルを追加
log_label = lv_label_create(lv_scr_act());
lv_style_init(&log_style);
lv_style_set_text_color(&log_style, lv_color_hex(0xFF10F0));
lv_obj_add_style(log_label, &log_style, LV_PART_MAIN);
lv_obj_align(log_label, LV_ALIGN_TOP_LEFT, 0, 0);
lv_obj_set_width(log_label, LV_PCT(100));
lv_label_set_long_mode(log_label, LV_LABEL_LONG_SCROLL);
lv_label_set_recolor(log_label, true);
lv_label_set_text(log_label, "");
// LVGLの円のスタイルを追加
lv_style_init(&circle_style);
lv_style_set_bg_color(&circle_style, lv_color_hex(0x00FFF)); // この例では円を紫色にしています
lv_style_set_radius(&circle_style, LV_RADIUS_CIRCLE);
lv_style_set_bg_opa(&circle_style, LV_OPA_COVER);
// LVGLの円のオブジェクトを作成
circle_obj = lv_obj_create(lv_scr_act());
lv_obj_add_style(circle_obj, &circle_style, 0);
lv_obj_set_size(circle_obj, 60, 60); // この例では円のサイズを60x60に設定しています
lv_obj_align(circle_obj, LV_ALIGN_TOP_LEFT, circle_x_pos, 30); // 画面の上部から30ピクセル下に位置
}
void loop() {
i++;
lv_timer_handler();
String msg = "Hello World\n" + String(i);
lv_label_set_text(log_label, msg.c_str());
// 移動方向に応じて円を移動
if (circle_direction == RIGHT) {
circle_x_pos += 5; // 5ピクセルごとに右に移動
if (circle_x_pos >= EXAMPLE_LCD_H_RES - 60) { // 画面の右端に到達したら
circle_direction = LEFT; // 方向を左に変更
}
} else {
circle_x_pos -= 5; // 5ピクセルごとに左に移動
if (circle_x_pos <= 0) { // 画面の左端に到達したら
circle_direction = RIGHT; // 方向を右に変更
}
}
lv_obj_align(circle_obj, LV_ALIGN_TOP_LEFT, circle_x_pos, 30);
delay(100);
}
|