demo工程暂存 优化菜单界面UI和功能

Demo/lv_drivers/gtkdrv/README.md

@@ -0,0 +1,97 @@
+# Add GTK under Linux in Eclipse
+
+## Install GDK
+
+```
+sudo apt-get install libgtk-3-dev
+sudo apt-get install libglib2.0-dev
+```
+
+## Add GTK include paths and libraries
+
+In "Project properties > C/C++ Build > Settings" set the followings:
+
+- "Cross GCC Compiler > Command line pattern"
+  - Add ` ${gtk+-cflags}` to the end (add a space between the last command and this)
+  
+- "Cross GCC Compiler > Includes"
+  - /usr/include/glib-2.0
+  - /usr/include/gtk-3.0
+  - /usr/include/pango-1.0
+  - /usr/include/cairo
+  - /usr/include/gdk-pixbuf-2.0
+  - /usr/include/atk-1.0
+		
+- "Cross GCC Linker > Command line pattern"
+  - Add ` ${gtk+-libs}` to the end (add a space between the last command and this)
+ 
+ 
+- "Cross GCC Linker > Libraries"
+  - Add `pthread`
+ 
+ 
+- In "C/C++ Build > Build variables"
+  - Configuration: [All Configuration]
+
+  - Add
+    - Variable name: `gtk+-cflags`
+      - Type: `String`
+      - Value: `pkg-config --cflags gtk+-3.0`
+    - Variable name: `gtk+-libs`
+      - Type: `String`
+      - Value: `pkg-config --libs gtk+-3.0`
+
+
+## Init GDK in LVGL
+
+1. In `main.c` `#incude "lv_drivers/gdkdrv/gdkdrv.h"`
+2. Enable the GTK driver in `lv_drv_conf.h` with `USE_GTK 1`
+3. After `lv_init()` call `gdkdrv_init()`; 
+4. Add a display:
+```c
+  static lv_disp_buf_t disp_buf1;
+  static lv_color_t buf1_1[LV_HOR_RES_MAX * LV_VER_RES_MAX];
+  lv_disp_buf_init(&disp_buf1, buf1_1, NULL, LV_HOR_RES_MAX * LV_VER_RES_MAX);
+
+  /*Create a display*/
+  lv_disp_drv_t disp_drv;
+  lv_disp_drv_init(&disp_drv);
+  disp_drv.buffer = &disp_buf1;
+  disp_drv.flush_cb = gtkdrv_flush_cb;
+```
+5. Add mouse:
+```c
+  lv_indev_drv_t indev_drv_mouse;
+  lv_indev_drv_init(&indev_drv_mouse);
+  indev_drv_mouse.type = LV_INDEV_TYPE_POINTER;
+```
+6. Akk keyboard:
+```c
+  lv_indev_drv_t indev_drv_kb;
+  lv_indev_drv_init(&indev_drv_kb);
+  indev_drv_kb.type = LV_INDEV_TYPE_KEYPAD;
+  indev_drv_kb.read_cb = lv_keyboard_read_cb;
+  lv_indev_drv_register(&indev_drv_kb);
+```
+7. Configure tick in `lv_conf.h`
+```c
+#define LV_TICK_CUSTOM     1
+#if LV_TICK_CUSTOM == 1
+#define LV_TICK_CUSTOM_INCLUDE  "lv_drivers/gtkdrv/gtkdrv.h"       /*Header for the sys time function*/
+#define LV_TICK_CUSTOM_SYS_TIME_EXPR (gtkdrv_tick_get())     /*Expression evaluating to current systime in ms*/
+#endif   /*LV_TICK_CUSTOM*/
+```
+8. Be sure `LV_COLOR_DEPTH` is `32` in `lv_conf.h`
+
+## Run in a window
+Build and Run to "normally" run the UI in a window  
+
+## Run in browser
+With the help of `Broadway` the UI can be easily shown via a browser. 
+
+1. Open Terminal and start *Broadway* with `broadwayd :5`. Leave the terminal running.
+2. Navigate to where eclipse created the binary executable (my_project/Debug) and open a terminal in that folder. 
+In this terminal run `GDK_BACKEND=broadway BROADWAY_DISPLAY=:5 ./my_executable` (replace *my_executable* wih name of your executable)
+3. Open a web browser and go to `http://localhost:8085/`
+
+![LVGL with GTK/GDK Broadway backend](https://github.com/lvgl/lv_drivers/blob/master/gtkdrv/broadway.png?raw=true)

Demo/lv_drivers/gtkdrv/gtkdrv.c

@@ -0,0 +1,327 @@
+/**
+ * @file gtk.c
+ *
+ */
+
+/*********************
+ *      INCLUDES
+ *********************/
+#include "gtkdrv.h"
+
+#if USE_GTK
+#define _DEFAULT_SOURCE /* needed for usleep() */
+#include <stdlib.h>
+#include <unistd.h>
+#include <gtk/gtk.h>
+#include <gtk/gtkx.h>
+#include <pthread.h>
+#include <time.h>
+#include <sys/time.h>
+
+/*********************
+ *      DEFINES
+ *********************/
+
+/**********************
+ *      TYPEDEFS
+ **********************/
+
+/**********************
+ *  STATIC PROTOTYPES
+ **********************/
+static void gtkdrv_handler(void * p);
+static gboolean mouse_pressed(GtkWidget *widget, GdkEventButton *event,
+    gpointer user_data);
+static gboolean mouse_released(GtkWidget *widget, GdkEventButton *event,
+    gpointer user_data);
+static gboolean mouse_motion(GtkWidget *widget, GdkEventMotion *event,
+    gpointer user_data);
+static gboolean keyboard_press(GtkWidget *widget, GdkEventKey *event,
+    gpointer user_data);
+static gboolean keyboard_release(GtkWidget *widget, GdkEventKey *event,
+    gpointer user_data);
+
+static void quit_handler(void);
+
+/**********************
+ *  STATIC VARIABLES
+ **********************/
+static GtkWidget    *window;
+static GtkWidget    *event_box;
+
+static GtkWidget    *output_image;
+static GdkPixbuf    *pixbuf;
+
+static unsigned char run_gtk;
+
+static lv_coord_t mouse_x;
+static lv_coord_t mouse_y;
+static lv_indev_state_t mouse_btn = LV_INDEV_STATE_REL;
+static lv_key_t last_key;
+static lv_indev_state_t last_key_state;
+
+static uint8_t fb[LV_HOR_RES_MAX * LV_VER_RES_MAX * 3];
+
+/**********************
+ *      MACROS
+ **********************/
+
+/**********************
+ *   GLOBAL FUNCTIONS
+ **********************/
+
+void gtkdrv_init(void)
+{
+    // Init GTK
+    gtk_init(NULL, NULL);
+
+    /* Or just set up the widgets in code */
+    window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
+    gtk_window_set_default_size(GTK_WINDOW(window), LV_HOR_RES_MAX, LV_VER_RES_MAX);
+    gtk_window_set_resizable (GTK_WINDOW(window), FALSE);
+    output_image = gtk_image_new();
+    event_box = gtk_event_box_new (); // Use event_box around image, otherwise mouse position output in broadway is offset
+    gtk_container_add(GTK_CONTAINER (event_box), output_image);
+    gtk_container_add(GTK_CONTAINER (window), event_box);
+
+    gtk_widget_add_events(event_box, GDK_BUTTON_PRESS_MASK);
+    gtk_widget_add_events(event_box, GDK_SCROLL_MASK);
+    gtk_widget_add_events(event_box, GDK_POINTER_MOTION_MASK);
+    gtk_widget_add_events(window, GDK_KEY_PRESS_MASK);
+
+    g_signal_connect(window, "destroy", G_CALLBACK(quit_handler), NULL);
+    g_signal_connect(event_box, "button-press-event", G_CALLBACK(mouse_pressed), NULL);
+    g_signal_connect(event_box, "button-release-event", G_CALLBACK(mouse_released), NULL);
+    g_signal_connect(event_box, "motion-notify-event", G_CALLBACK(mouse_motion), NULL);
+    g_signal_connect(window, "key_press_event", G_CALLBACK(keyboard_press), NULL);
+    g_signal_connect(window, "key_release_event", G_CALLBACK(keyboard_release), NULL);
+
+
+    gtk_widget_show_all(window);
+
+    pixbuf = gdk_pixbuf_new_from_data((guchar*)fb, GDK_COLORSPACE_RGB, false, 8, LV_HOR_RES_MAX, LV_VER_RES_MAX, LV_HOR_RES_MAX * 3, NULL, NULL);
+    if (pixbuf == NULL)
+    {
+        fprintf(stderr, "Creating pixbuf failed\n");
+        return;
+    }
+
+    pthread_t thread;
+    pthread_create(&thread, NULL, gtkdrv_handler, NULL);
+}
+
+
+/*Set in lv_conf.h as `LV_TICK_CUSTOM_SYS_TIME_EXPR`*/
+uint32_t gtkdrv_tick_get(void)
+{
+    static uint64_t start_ms = 0;
+    if(start_ms == 0) {
+        struct timeval tv_start;
+        gettimeofday(&tv_start, NULL);
+        start_ms = (tv_start.tv_sec * 1000000 + tv_start.tv_usec) / 1000;
+    }
+
+    struct timeval tv_now;
+    gettimeofday(&tv_now, NULL);
+    uint64_t now_ms;
+    now_ms = (tv_now.tv_sec * 1000000 + tv_now.tv_usec) / 1000;
+
+    uint32_t time_ms = now_ms - start_ms;
+
+    return time_ms;
+}
+
+
+/**
+ * Flush a buffer to the marked area
+ * @param drv pointer to driver where this function belongs
+ * @param area an area where to copy `color_p`
+ * @param color_p an array of pixel to copy to the `area` part of the screen
+ */
+void gtkdrv_flush_cb(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p)
+{
+    lv_coord_t hres = disp_drv->rotated == 0 ? disp_drv->hor_res : disp_drv->ver_res;
+    lv_coord_t vres = disp_drv->rotated == 0 ? disp_drv->ver_res : disp_drv->hor_res;
+
+
+    /*Return if the area is out the screen*/
+    if(area->x2 < 0 || area->y2 < 0 || area->x1 > hres - 1 || area->y1 > vres - 1) {
+
+        lv_disp_flush_ready(disp_drv);
+        return;
+    }
+
+    int32_t y;
+    int32_t x;
+    int32_t p;
+    for(y = area->y1; y <= area->y2 && y < disp_drv->ver_res; y++) {
+        p = (y * disp_drv->hor_res + area->x1) * 3;
+        for(x = area->x1; x <= area->x2 && x < disp_drv->hor_res; x++) {
+            fb[p] = color_p->ch.red;
+            fb[p + 1] = color_p->ch.green;
+            fb[p + 2] = color_p->ch.blue;
+
+            p += 3;
+            color_p ++;
+        }
+    }
+
+    /*IMPORTANT! It must be called to tell the system the flush is ready*/
+    lv_disp_flush_ready(disp_drv);
+}
+
+
+bool gtkdrv_mouse_read_cb(lv_indev_drv_t * drv, lv_indev_data_t * data)
+{
+    data->point.x = mouse_x;
+    data->point.y = mouse_y;
+    data->state = mouse_btn;
+
+    return false;
+}
+
+
+bool gtkdrv_keyboard_read_cb(lv_indev_drv_t * drv, lv_indev_data_t * data)
+{
+    data->key = last_key;
+    data->state = last_key_state;
+
+    return false;
+}
+
+
+
+
+/**********************
+ *   STATIC FUNCTIONS
+ **********************/
+
+static void gtkdrv_handler(void * p)
+{
+    while(1) {
+        gtk_image_set_from_pixbuf(GTK_IMAGE(output_image), pixbuf); // Test code
+
+        /* Real code should: call gdk_pixbuf_new_from_data () with pointer to frame buffer
+        generated by LVGL. See
+        https://developer.gnome.org/gdk-pixbuf/2.36/gdk-pixbuf-Image-Data-in-Memory.html
+        */
+
+        gtk_main_iteration_do(FALSE);
+        /* Explicitly calling each iteration of the GTK main loop allows LVGL to sync frame
+        buffer updates with GTK. It is perhaps also possible to just call gtk_main(), but not
+        sure how sync will work then
+        */
+        usleep(1*1000);
+    }
+}
+
+static gboolean mouse_pressed(GtkWidget *widget, GdkEventButton *event,
+    gpointer user_data)
+{
+    mouse_btn = LV_INDEV_STATE_PR;
+    // Important, if this function returns TRUE the window cannot be moved around inside the browser
+    // when using broadway
+    return FALSE;
+}
+
+
+static gboolean mouse_released(GtkWidget *widget, GdkEventButton *event,
+    gpointer user_data)
+{
+    mouse_btn = LV_INDEV_STATE_REL;
+    // Important, if this function returns TRUE the window cannot be moved around inside the browser
+    // when using broadway
+    return FALSE;
+}
+
+/*****************************************************************************/
+
+static gboolean mouse_motion(GtkWidget *widget, GdkEventMotion *event,
+    gpointer user_data)
+{
+    mouse_x = event->x;
+    mouse_y = event->y;
+    // Important, if this function returns TRUE the window cannot be moved around inside the browser
+    // when using broadway
+    return FALSE;
+}
+
+
+static gboolean keyboard_press(GtkWidget *widget, GdkEventKey *event,
+    gpointer user_data)
+{
+
+    uint32_t ascii_key = event->keyval;
+    /*Remap some key to LV_KEY_... to manage groups*/
+    switch(event->keyval) {
+        case GDK_KEY_rightarrow:
+        case GDK_KEY_Right:
+            ascii_key =  LV_KEY_RIGHT;
+            break;
+
+        case GDK_KEY_leftarrow:
+        case GDK_KEY_Left:
+            ascii_key =  LV_KEY_LEFT;
+            break;
+
+        case GDK_KEY_uparrow:
+        case GDK_KEY_Up:
+            ascii_key =  LV_KEY_UP;
+            break;
+
+        case GDK_KEY_downarrow:
+        case GDK_KEY_Down:
+            ascii_key =  LV_KEY_DOWN;
+            break;
+
+        case GDK_KEY_Escape:
+            ascii_key =  LV_KEY_ESC;
+            break;
+
+        case GDK_KEY_BackSpace:
+            ascii_key =  LV_KEY_BACKSPACE;
+            break;
+
+        case GDK_KEY_Delete:
+            ascii_key = LV_KEY_DEL;
+            break;
+
+        case GDK_KEY_Tab:
+            ascii_key = LV_KEY_NEXT;
+            break;
+
+        case GDK_KEY_KP_Enter:
+        case GDK_KEY_Return:
+        case '\r':
+            ascii_key = LV_KEY_ENTER;
+            break;
+
+        default:
+            break;
+
+    }
+
+     last_key = ascii_key;
+     last_key_state = LV_INDEV_STATE_PR;
+     // For other codes refer to https://developer.gnome.org/gdk3/stable/gdk3-Event-Structures.html#GdkEventKey
+
+     return TRUE;
+}
+
+static gboolean keyboard_release(GtkWidget *widget, GdkEventKey *event,
+    gpointer user_data)
+{
+     last_key = 0;
+     last_key_state = LV_INDEV_STATE_REL;
+     // For other codes refer to https://developer.gnome.org/gdk3/stable/gdk3-Event-Structures.html#GdkEventKey
+
+     return TRUE;
+}
+
+static void quit_handler(void)
+{
+    exit(0);
+    run_gtk = FALSE;
+}
+#endif /*USE_GTK*/
+

Demo/lv_drivers/gtkdrv/gtkdrv.h

@@ -0,0 +1,59 @@
+/**
+ * @file gtkdrv
+ *
+ */
+
+#ifndef GTKDRV_H
+#define GTKDRV_H
+
+#ifdef __cplusplus
+extern "C" {
+#endif
+
+/*********************
+ *      INCLUDES
+ *********************/
+#ifndef LV_DRV_NO_CONF
+#ifdef LV_CONF_INCLUDE_SIMPLE
+#include "lv_drv_conf.h"
+#else
+#include "../../lv_drv_conf.h"
+#endif
+#endif
+
+#if USE_GTK
+
+#ifdef LV_LVGL_H_INCLUDE_SIMPLE
+#include "lvgl.h"
+#else
+#include "lvgl/lvgl.h"
+#endif
+
+
+/*********************
+ *      DEFINES
+ *********************/
+
+/**********************
+ *      TYPEDEFS
+ **********************/
+
+/**********************
+ * GLOBAL PROTOTYPES
+ **********************/
+void gtkdrv_init(void);
+uint32_t gtkdrv_tick_get(void);
+void gtkdrv_flush_cb(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p);
+bool gtkdrv_mouse_read_cb(lv_indev_drv_t * drv, lv_indev_data_t * data);
+bool gtkdrv_keyboard_read_cb(lv_indev_drv_t * drv, lv_indev_data_t * data);
+/**********************
+ *      MACROS
+ **********************/
+
+#endif /*USE_GTK*/
+
+#ifdef __cplusplus
+} /* extern "C" */
+#endif
+
+#endif /* GTKDRV_H */