查看: 4460|回复: 6

[经验] 分享自己整理的ucGUI移植手册

[复制链接]
  • TA的每日心情
    开心
    2016-7-30 08:42
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]偶尔看看I

    发表于 2016-7-29 15:14:42 | 显示全部楼层 |阅读模式
    分享到:
    本帖最后由 wbeast 于 2016-7-29 15:15 编辑

    1.简介
    UCGUI是一种嵌入式应用中的图形支持系统。它设计用于为任何使用LCD图形显示的应用提供高效的独立于处理器及LCD控制器的图形用户接口,它适用单任务或是多任务系统环境, 并适用于任意LCD控制器和CPU下任何尺寸的真实显示或虚拟显示。它的设计架构是模块化的,由不同的模块中的不同层组成,由一个LCD驱动层来包含所有对LCD的具体图形操作。 UCGUI可以在任何的CPU上运行,因为它是100%的标准C代码编写的。UCGUI能够适应大多数的使用黑白或彩色LCD的应用,它提供非常好的允许处理灰度的颜管理。还提供一个可扩展的2D图形库及占用极少RAM的窗口管理体系。

    2.  说明
    l  硬件平台:宝马LPC1768开发板
    l  软件平台 :keil4.60
    l  液晶显示模块:ILI1928 3.2寸屏
    l  所需的资料:UCGUI3.90源码+ucosII源码+LPC1768源码
    l  uCOS例程
    3.UCGUI的移植步骤
    Step1: 移植     UCGUI源码,解压源码,把\UCGUI3.90版源码\Start\里面的configGUI文件夹拷贝到KEIL工程Project\UCGUI路径下。如下图示


    QQ截图20160706164357.png
    QQ截图20160706164407.png

    (1)将相关的文件添加KEIL的工程目录

    QQ截图20160706164421.png

    2ConfigGUI文件夹内容描述


      
    GUI/AntiAlias
      
    抗锯齿源码文件
    GUI/ConvertColor
    用于彩色转换的色彩转化源码文件
    GUI/ConvertMono
                             黑白两色及灰度色彩转换源码文件
    GUI/Core
    GUI内核源码文件
    GUI/Font
    字库源码文件
    GUI/JPEG
    图片显示源码文件
    GUI/LCDDriver
    LCD驱动源码文件
    GUI/MenDev
                                    存储设备源码文件
    GUI/Widget
    视窗控件源码文件
    GUI/WM
    视窗管理器源码文件
    Config
    配置文件目录,包含了LCD和Touch配置源码文件


    Setp2.我们只需要修改Config和LCDDriver以及Touch文件夹里面的文件,
    (1)Con fig文件夹包含了一下文件
    1.GUIConf.h  :该文件就是GUI的信息,
    u  #define GUI_OS                    (1)  /* Compile with multitasking support 多任务触摸支持*/
    u  #define GUI_SUPPORT_TOUCH         (1) /* Support a touch screen (req. win-manager) 支持触摸屏*/
    u  #define GUI_SUPPORT_UNICODE       (1) /* Support mixed ASCII/UNICODE strings  unicode支持 */
    u  #define GUI_DEFAULT_FONT          &GUI_Font6x8   //默认的字体(需要更改字体大小的,在这更改)
    u  //#define GUI_ALLOC_SIZE          12500 /* Size of dynamic memory ... For WM and memory devices*/
    u  #define GUI_ALLOC_SIZE          5000 /* Size of dynamic memory ... For WM and memory devices动态内存的大小(根据芯片内存的大小来选择动态内存的大小)*/
    u  #define GUI_WINSUPPORT            1 /* Window manager package available 支持窗口操作 */
    u  #define GUI_SUPPORT_MEMDEV        1 /* Memory devices available支持动态内存操作 */
    u  #define GUI_SUPPORT_AA            1 /* Anti aliasing available 抗锯齿显示*/

    2.LCDConf.h  主要就是屏的尺寸参数
    u  #define LCD_XSIZE      (240)  /* X-resolution of LCD, Logical coor. 屏的长*/
    u  #define LCD_YSIZE      (320)  /* Y-resolution of LCD, Logical coor. 屏的宽*/(不同参数的屏要修改以上两个参数,例如你要是使用7寸屏参数800,480了)
    u  //#define LCD_BITSPERPIXEL (8)
    u  #define LCD_BITSPERPIXEL (16)  //总线的数据长度(不同总线数据长度的要修改)
    u  #define LCD_CONTROLLER (-1)   //控制器的信号
    u  #define LCD_FIXEDPALETTE 565 //TFT格式(注意显示的格式)
    u  #define LCD_SWAP_RB                  (1)   //是否红蓝交换
    u  #define LCD_INIT_CONTROLLER()   LCD_SSD1298_Init()(注意红色部分修改为自己的初始化代码)


    3.GUITouchConf.h 主要就是触摸屏的参数
    u  #define GUI_TOUCH_AD_LEFT                1800 //触摸左侧的AD测量值
    u  #define GUI_TOUCH_AD_RIGHT              195  //触摸右侧的AD测值
    u  #define GUI_TOUCH_AD_TOP           1835 //触摸顶部的AD测量值
    u  #define GUI_TOUCH_AD_BOTTOM        136  //触摸底部的AD测量值
    u  #define GUI_TOUCH_SWAP_XY    1    // x,y方向翻转
    u  #define GUI_TOUCH_MIRROR_X   0    //x方向镜像
    u  #define GUI_TOUCH_MIRROR_Y   1    //y方向镜像

    Setp3.LCDDriver工程文件下的LCDDummy.C文件中找到LCD_L0_SetPixelIndex函数,在函数内添加以下代码

    QQ截图20160706164437.png

    并在LCD_L0_GetPixelIndex()函数,添加以下的代码
    QQ截图20160706164447.png


    Setp4.在KEIL工程 uCGUI_Port文件夹下的 GUI_Port.c,该文件主要就是操作系统的接口函数,将源码里的sample/GUI_X文件夹的GUI_X.c里面的内容全部复制到GUI_Port.c里面(如果不带操作系统可以忽略此步骤)。在GUI_Port.c添加如下四个函数,这四个函数为触摸屏的接口函数,第1.2函数不用实现函数功能,第3.4个函数需要实现函数功能。
    1.void GUI_TOUCH_X_ActivateX(void)
             2.void GUI_TOUCH_Y_ActivateY(void)
             3.int GUI_TOUCH_X_MeasureX(void)
    4.int  GUI_TOUCH_Y_MeasureY(void)

    GUI_TOUCH_X_MeasureX(void)//读取X轴方向坐标
    QQ截图20160706164502.png


    GUI_TOUCH_X_MeasureY(void)//读取Y轴方向坐标
    QQ截图20160706164520.png


    Step5:在bsp.c实现以下函数功能,并在main.c中调用该函数

    void  AppTask2 (void *p_arg)
    {

           GUI_SetBkColor(GUI_RED);//设置背景颜色
           GUI_Clear();
           GUI_SetFont(&GUI_Font8x16);//设置字体

           while(1)
           {
    hButton_1= BUTTON_CreateAsChild(60, 120, 50, 50, hFrame, 1, WM_CF_SHOW);//创建按钮
    BUTTON_SetText(hButton_1,"1");//设置按钮文本参数
    BUTTON_SetBkColor(hButton_1,0,GUI_YELLOW);//设置按钮文本参数
    BUTTON_SetFont(hButton_1,&GUI_Font8x16);//设置字体大小

    hButton_2= BUTTON_CreateAsChild(120, 120, 50, 50, hFrame, 2, WM_CF_SHOW);//创建按钮
    BUTTON_SetText(hButton_2,"2");设置按钮文本参数
    BUTTON_SetBkColor(hButton_2,0,GUI_YELLOW);//设置按钮文本参数
    BUTTON_SetFont(hButton_2,&GUI_Font8x16);//设置字体大小
    OSTimeDly(5);      //延时
           }

    }
    Step6:编译如果没有错误,下载程序到开发板中,效果如下图所示

    QQ截图20160706164533.png

    GUI移植步骤.pdf (630.71 KB, 下载次数: 28)
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2018-7-19 09:51
  • 签到天数: 17 天

    连续签到: 1 天

    [LV.4]偶尔看看III

    发表于 2016-7-29 15:20:08 | 显示全部楼层
    很详细,感谢分享
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2021-3-13 10:11
  • 签到天数: 1088 天

    连续签到: 2 天

    [LV.10]以坛为家III

    发表于 2016-7-29 18:45:25 | 显示全部楼层
    感谢分享,受教了。
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2021-12-7 12:35
  • 签到天数: 1354 天

    连续签到: 1 天

    [LV.10]以坛为家III

    发表于 2016-7-29 22:55:27 | 显示全部楼层
    下载下来,参考和学习
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2013-12-17 13:39
  • 签到天数: 48 天

    连续签到: 1 天

    [LV.5]常住居民I

    发表于 2016-8-1 09:13:07 | 显示全部楼层
    楼主有心了,谢谢
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-8-2 09:48:46 | 显示全部楼层
    thank you very much
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2016-8-2 09:50:02 | 显示全部楼层
    thank you very much
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 注册/登录

    本版积分规则

    关闭

    站长推荐上一条 /2 下一条



    手机版|小黑屋|与非网

    GMT+8, 2024-4-27 03:50 , Processed in 0.171412 second(s), 28 queries , MemCache On.

    ICP经营许可证 苏B2-20140176  苏ICP备14012660号-2   苏州灵动帧格网络科技有限公司 版权所有.

    苏公网安备 32059002001037号

    Powered by Discuz! X3.4

    Copyright © 2001-2024, Tencent Cloud.