{"id":213,"date":"2017-11-22T23:53:35","date_gmt":"2017-11-22T22:53:35","guid":{"rendered":"http:\/\/mikrocontroller.bplaced.net\/wordpress\/?page_id=213"},"modified":"2023-03-04T17:15:07","modified_gmt":"2023-03-04T16:15:07","slug":"07-lcd_graphic-library-stm32f4","status":"publish","type":"page","link":"https:\/\/mikrocontroller.bplaced.net\/wordpress\/stm32f4\/komplette-library-liste-stm32f4\/07-lcd_graphic-library-stm32f4\/","title":{"rendered":"07-LCD_Graphic-Library (STM32F4)"},"content":{"rendered":"

\u2190<\/span> 06-LCD_ST7783-Library (STM32F4)<\/a><\/div><\/div>
08-LCD_Font-Library (STM32F4) →<\/span><\/a><\/div><\/div><\/p>\n

Diese Library dient zum zeichnen von Punkten, Linien und Kreisen auf dem LC-Display.
\nEs k\u00f6nnen auch im Flash gespeicherte Bilder auf das Display gezeichnet werden.<\/p>\n

Sie ben\u00f6tigt dazu die LCD-Library \u201cSTM32_UB_LCD_ST7783<\/a>\u2033<\/p>\n

Im Moment werden 3 Bildformate unterst\u00fctzt :
\n1. = 16Bit (RGB565) \u2013 Image-Files
\n2. = Bitmap Files (BMP, 24bpp, unkompremiert)
\n3. = JPG Files<\/p>\n

F\u00fcr das Format Nr. 1 habe ich das PC-Programm \u201cImageGenerator<\/a>\u201d geschrieben. Das wandelt beliebige BMP-Files in das RGB565-Format um und erzeugt ein C-File, das in der CooCox-IDE eingebunden werden kann.<\/p>\n

F\u00fcr die beiden anderen Formate (2 und 3) habe ich das PC-Programm \u201cFileConverter<\/a>\u201d geschrieben. Dieses lie\u00dft ein beliebiges Hex-File (z.B. ein JPG-File) und erzeugt daraus ein C-File,\u00a0\u00a0das in der CooCox-IDE eingebunden werden kann.<\/p>\n

Hinweis zur Transparenz-Funktion :
\nes kann eine Farbe angegeben werden, die dann nicht auf dem Display gezeichnet wird. Damit erscheinen diese Bereiche dann Transparent. Das Bild muss zuvor so bearbeitet sein, das die stellen die Transparent sein sollen auch wirklich GENAU diese Farbe haben.<\/p>\n

Geschwindigkeit :<\/span>
\nEin Image-Bild mit 240\u00d7320 Pixel (16bpp) wird in ca. 18ms gezeichnet
\nEin BMP-Bild mit 240\u00d7320 Pixel (24pbb) wird in ca. 42ms gezeichnet
\nEin JPG-Bild mit 240\u00d7320 Pixel wird in ca. 566ms gezeichnet<\/p>\n

Speicherverbrauch :<\/span>
\nEin Image-Bild mit 240\u00d7320 Pixel braucht 153.600 Bytes
\nEin BMP-Bild mit 240\u00d7320 Pixel braucht\u00a0230.454 Bytes
\nEin JPG-Bild mit 240\u00d7320 Pixel braucht ca. 15.323 Bytes<\/p>\n

Beispielbild :<\/strong><\/p>\n

\"lcd\"<\/a><\/p>\n

Voraussetzungen :<\/strong><\/p>\n

Benutzte Module der CooCox-IDE : keine\r\nBenutzte Librarys : STM32_UB_LCD_ST7783<\/pre>\n
Enumerationen :<\/strong><\/p>\n
typedef enum {\r\n  GRAPHIC_OK =0,\r\n  GRAPHIC_FILE_ERR,\r\n  GRAPHIC_SIZE_ERR,\r\n  GRAPHIC_ID_ERR,\r\n  GRAPHIC_HEAD_ERR,\r\n  GRAPHIC_WIDTH_ERR,\r\n  GRAPHIC_HEIGHT_ERR,\r\n  GRAPHIC_BPP_ERR,\r\n  GRAPHIC_COMPR_ERR\r\n}GRAPHIC_ERR_t;<\/pre>\n
Funktionen :<\/strong><\/p>\n
void UB_Graphic_DrawPixel(int16_t xpos, int16_t ypos, uint16_t color);                       \/\/ zeichnet einen Pixel\r\nvoid UB_Graphic_DrawLine(int16_t x1, int16_t y1, int16_t x2, int16_t y2, uint16_t color);    \/\/ zeichnet eine Linie zwischen zwei Punkten\r\nvoid UB_Graphic_DrawCircle(int16_t x0, int16_t y0, int16_t radius, uint16_t color);          \/\/ zeichnet einen Kreis an Punkt x,y mit Radius r\r\nvoid UB_Graphic_DrawRect(int16_t x, int16_t y, int16_t w, int16_t h, uint16_t color);\r\nvoid UB_Graphic_DrawFullRect(int16_t x, int16_t y, int16_t w, int16_t h, uint16_t color);\r\nvoid UB_Graphic_DrawFullCircle(int16_t xp, int16_t yp, int16_t r, uint16_t c);\r\nvoid UB_Graphic_DrawStraight(int16_t x, int16_t y, uint16_t l, LCD_DIR_t d, uint16_t color);\r\nGRAPHIC_ERR_t UB_Graphic_DrawImage(UB_Image *img, int16_t xpos, int16_t ypos);               \/\/ zeichnet ein Image aus dem Flash\r\nGRAPHIC_ERR_t UB_Graphic_DrawImageTransparent(UB_Image *img, int16_t xpos, int16_t ypos, uint16_t color); \/\/ zeichnet ein Image mit Transparenz\r\nGRAPHIC_ERR_t UB_Graphic_DrawBmp(UB_Picture *bmp, uint16_t xpos, uint16_t ypos);             \/\/ zeichnet ein BMP-File aus dem Flash\r\nGRAPHIC_ERR_t UB_Graphic_DrawJpg(UB_Picture *jpg, uint16_t xpos, uint16_t ypos);             \/\/ zeichnet ein JPG-File aus dem Flash<\/pre>\n
Beispiel :<\/strong><\/p>\n
\/\/--------------------------------------------------------------\r\n\/\/ File     : main.c\r\n\/\/ Datum    : 18.03.2013\r\n\/\/ Version  : 1.3\r\n\/\/ Autor    : UB\r\n\/\/ EMail    : mc-4u(@)t-online.de\r\n\/\/ Web      : www.mikrocontroller-4u.de\r\n\/\/ CPU      : STM32F4\r\n\/\/ IDE      : CooCox CoIDE 1.7.0\r\n\/\/ Module   : CMSIS_BOOT, M4_CMSIS_CORE\r\n\/\/ Funktion : Demo der LCD-Graphic-Library\r\n\/\/ Hinweis  : Diese zwei Files muessen auf 8MHz stehen\r\n\/\/              \"cmsis_boot\/stm32f4xx.h\"\r\n\/\/              \"cmsis_boot\/system_stm32f4xx.c\"\r\n\/\/--------------------------------------------------------------\r\n\r\n#include \"main.h\"\r\n#include \"stm32_ub_graphic.h\"\r\n\r\nint main(void)\r\n{\r\n  SystemInit(); \/\/ Quarz Einstellungen aktivieren\r\n\r\n  UB_LCD_Init(); \/\/ Init vom LCD\r\n\r\n  \/\/ LCD mit blau l\u00f6schen\r\n  UB_LCD_FillScreen(RGB_COL_BLUE);\r\n\r\n  \/\/ Ein Image (aus dem Flash) Zeichnen\r\n  UB_Graphic_DrawImage(&Emo1_Image,0,0);\r\n\r\n  \/\/ Ein BMP-File (aus dem Flash) Zeichnen\r\n  UB_Graphic_DrawBmp(&Emo2_Bmp,25,80);\r\n\r\n  \/\/ rote Linie zeichnen\r\n  UB_Graphic_DrawLine(10,20,100,150,RGB_COL_RED);\r\n\r\n  \/\/ schwarzen kreis zeichnen\r\n  UB_Graphic_DrawCircle(70,75,50,RGB_COL_BLACK);\r\n\r\n  while(1)\r\n  {\r\n\r\n  }\r\n}\r\n<\/pre>\n
Hier die Library zum\u00a0Download :<\/strong><\/p>\n
ub_stm32f4_lcd_graphic_v106<\/a><\/p>\n
Hier der komplette CooCox-Projektordner zum\u00a0Download :<\/strong><\/p>\n
Demo_07_LCD2<\/a><\/p>\n
Hier der Link zu meinen PC-Programmen :<\/p>\n
PC-Programme<\/a><\/p>\n
5 Antworten auf 07-LCD_Graphic-Library (STM32F4)<\/em><\/h3>\n
    \n
  1. \n
    \n
    \"\"Cortex-Einsteiger<\/cite> sagt:<\/span><\/div>\n
    <\/p>\n
    22. Juli 2013 um 19:11<\/div>\n
    <\/p>\n
    \n
    funktioniert wunderbar! Demo entpacken, Display Dateien f\u00fcr SSD1289 Controller hinzuf\u00fcgen, kompilieren, freuen. Ein einfacheres Beispiel mit Erk\u00e4rung zur Lib Nutzung gibts nicht.<\/p>\n<\/div>\n<\/div>\n
    <\/li>\n
  2. \n
    \n
    \"\"Anton<\/cite> sagt:<\/span><\/div>\n
    <\/p>\n
    11. September 2015 um 12:25<\/div>\n
    <\/p>\n
    \n
    Hallo,
    \nDanke f\u00fcr deine Bibliotheken,
    \nLeider bekomme ich beim \u00dcbersetzen einen Fehler:
    \nDie Funktion UB_Graphic_DrawFullRect() kann nicht gefunden werden. Wo ist die Implementierung dieser Funktion?
    \nMein Ziel ist es ADC-Werte als BarGraph (Peekmeter) darzustellen. Gibt es evtl. eine Funktion die ich hierf\u00fcr gut nutzen kann?
    \nIch benutzte Coocox als IDE.
    \nDanke f\u00fcr deine Hilfe..<\/p>\n<\/div>\n<\/div>\n
    <\/p>\n