河曲智叟 发表于 2024-10-15 15:40:18

LCD补充

LCD补充

目录
LCD补充
tip:随着我们学的越来越多,代码长度越来越长,编译越来越慢,有没有高出内存是我们比力关心的一件事,通过以下方法可以及时看到写的代码的大小
回首LCD
LCD补充功能
-- 1、有关在LCD上表现动图,可以用动图拆分软件
-- 2、更改LCD屏幕上表现字体和配景的颜色
-- 3、在LCD屏幕上画圆

tip:随着我们学的越来越多,代码长度越来越长,编译越来越慢,有没有高出内存是我们比力关心的一件事,通过以下方法可以及时看到写的代码的大小


https://img-blog.csdnimg.cn/img_convert/07397decd03805d3f20f3ffabae5436d.png
回首LCD

-- LCD屏幕的核心:


[*] 最重要的就是界面的设计(有专门的UI设计师) 对于产品,一个好看的外壳,一个好看的界面,这些都是很重要的。
[*] 屏幕:液晶面板+液晶控制芯片+pcb底板
-- 单片机是和谁通信?和液晶控制芯片通信
-- 液晶控制芯片的型号?ILI9341
-- 双方的通信方式是什么?8080大概spi,但是昨天利用的就是8080
-- 通信过程?8080读写操作(各种操作指令:0x2a,0x2b,0x2c) 
https://img-blog.csdnimg.cn/img_convert/aaebfabd689cd33cb25fc024c5eec1af.png
-- 由于单片机上没有8080,所以又引入了FSMC
-- FSMC的本质是用来扩容的。
-- 那么为什么用FSMC呢?因为FSMC读写时序和8080读写时序接近。
因为单片机上没有8080,但与ILI9341通信必须用8080时序
-- 以上就是昨天LCD的理论内容的简单总结
LCD补充功能

-- 1、有关在LCD上表现动图,可以用动图拆分软件

   先在网站上搜一个想要的动图,然后把他拖入动图拆分软件,然后生存,就可以得到一张一张的图片,然后把这些图片另存为jpg格式,然后用图片取模软件,生成.h文件
-- 可以上网搜动图,网上搜的图片改属性,点另存为就可以更改了,也可以截图改图片的属性,随后利用图片取模软件更改大小 
https://img-blog.csdnimg.cn/img_convert/34e8dae6e9d63f759945acc8325e82f4.png
-- 动图拆分软件 在线GIF图片帧拆分工具 - UU在线工具
-- 在lcd屏幕上表现动图,温度,湿度,时间的代码。注意获取温湿度的代码和获取时间,在lcd上表现数据这三部分的代码最好分开写,避免造成问题。
#include "2.h"
#include "3.h"

const unsigned char *gImage[]={gImage_2,gImage_3};
u8 i=0;

int main()
{
    //pwm_init();
    dht11_init();
    SysTick_Config(72000);
    usart_init();
    //exti_init();
    key_init();
    uint16_t b=100;
    uint8_t keyflag = 0;
   
    adc_init();
    relay_init();
    rtc_init();
   
   
    LCD_Init();//屏幕初始化一定要写到串口初始化后面
   
    LCD_DrawPoint(10,10);
    LCD_ShowString(0,0,80,16,16,"123456qwer");                                                //宽度字符是汉字的一半,是8,汉字是16,8*10
    //LCD_ShowPhoto(0,16,240,135,(uint8_t *)gImage_1);//必须是



//摄氏度符号的取模显示*************************************************************************
    uint8_t xiang[]=
    {0x60,0x00,0x91,0xF4,0x96,0x0C,0x6C,0x04,0x08,0x04,0x18,0x00,0x18,0x00,0x18,0x00,
    0x18,0x00,0x18,0x00,0x18,0x00,0x08,0x00,0x0C,0x04,0x06,0x08,0x01,0xF0,0x00,0x00};/*"℃",0*/
   
    //1对应的黑色
    uint16_t cnttt = 0;
    for(uint8_t i=0;i<32;i++) {
      for(uint8_t j=0;j<8;j++) {
            if((xiang & (1<<(7-j))) != 0) {
                LCD_DrawPoint(cnttt%16+80, cnttt/16+16);
            }
            cnttt++;       
      }
    }
//*************************************************************************       

   
   
   
    while(1)
    {
      
      if(lcdtime >= 200)
      {
            lcdtime = 0;
            LCD_ShowPhoto(0,80,98,100,(uint8_t *)gImage);
            if(i>=2)i=0;
            sprintf(D_wen, "tem: %.2f℃",dht.tem);
            sprintf(D_shi, "hum: %.2f%RH", dht.hum);
            //printf("tem:%.2f℃\r\n",dht.tem);
            LCD_ShowString(0,16,strlen(D_wen)*8,16,16,D_wen);
            LCD_ShowString(0,32,120,16,16,D_shi);
      }
      
      if(dhtime >=2000)
      {
            dhtime =0 ;
            get_dht11_val();
      }
      
      
      if(rtctime >=999)
      {
            rtctime = 0;
            get_time();
            
            sprintf(D_time, "%04d/%02d/%02d   %02d:%02d:%02d",a.tm_year+1900,a.tm_mon+1,a.tm_mday,a.tm_hour+8,a.tm_min,a.tm_sec);
            
            LCD_ShowString(0,48,180,16,16,D_time);
      }
    }
}
      

-- 结果图 
https://img-blog.csdnimg.cn/img_convert/ad05a200dceb720a9b01b977300ccd18.png
-- 补充:各种图标
iconfont-阿里巴巴矢量图标库
-- 2、更改LCD屏幕上表现字体和配景的颜色

-- 起首更改官方函数,先找到表现字符串的函数 
https://img-blog.csdnimg.cn/img_convert/28fd317eb278caea1ba28f48d6465d71.png
-- 然后更改函数,为了使我们更加方便的更改颜色,直接定义两个变量。先复制原来的官方函数然后更改函数名,在函数中添加两个变量,然后更改函数内容 
https://img-blog.csdnimg.cn/img_convert/b832b18f862bd162efc43905fe0a1ee2.png
//改变颜色
void LCD_ShowCharColor(u16 x,u16 y,u8 num,u8 size,u8 mode,u16 P_COLOR,u16 B_COLOR)
{                                                          
u8 temp,t1,t;
    u16 y0=y;
    u8 csize=(size/8+((size%8)?1:0))*(size/2);                //得到字体一个字符对应点阵集所占的字节数       
    num=num-' ';//得到偏移后的值(ASCII字库是从空格开始取模,所以-' '就是对应字符的字库)
    for(t=0;t<csize;t++)
    {   
      if(size==12)temp=asc2_1206;                //调用1206字体
      else if(size==16)temp=asc2_1608;        //调用1608字体
      else if(size==24)temp=asc2_2412;        //调用2412字体
      else return;                                                                //没有的字库
      for(t1=0;t1<8;t1++)
      {                          
            if(temp&0x80)LCD_Fast_DrawPoint(x,y,P_COLOR);                                                        //最后一个参数是颜色
            else if(mode==0)LCD_Fast_DrawPoint(x,y,B_COLOR);
            temp<<=1;
            y++;
            if(y>=lcddev.height)return;                //超区域了
            if((y-y0)==size)
            {
                y=y0;
                x++;
                if(x>=lcddev.width)return;        //超区域了
                break;
            }
      }       
    }                                      
}   
-- 之后再将改过的函数放进表现字符串的函数中,同样加上表现颜色的变量。
void LCD_ShowStr(u16 x,u16 y,u8 size,u8 *p,u16 P_COLOR,u16 B_COLOR)
{         
    u8 x0=x;
    while((*p<='~')&&(*p>=' '))                //判断是不是非法字符!
    {
            //LCD_ShowChar(x,y,*p,size,0);
      
      LCD_ShowCharColor(x,y,*p,size,0,P_COLOR,B_COLOR);
            p++;
            x+=size/2;
      
      if(x>(240-size/2))                                        //这一行写满了,该换行了
      {
            y+=size;
            x=0;//从头开始/                                /也可以x=x0给一个起点坐标
      }
    }
}

-- 最后在主函数中更改表现的颜色即可
    if(rtctime >=999)
    {
      rtctime = 0;
      get_time();
      
      sprintf(D_time, "%04d/%02d/%02d   %02d:%02d:%02d",a.tm_year+1900,a.tm_mon+1,a.tm_mday,a.tm_hour+8,a.tm_min,a.tm_sec);
      
      LCD_ShowString(0,48,180,16,16,D_time);
    }


    if(dhtime >=2000)
    {
      dhtime =0 ;
      get_dht11_val();
    }


    if(lcdtime >= 2000)
    {
      lcdtime =0 ;
      
      sprintf(D_wen, "tem: %.2f℃",dht.tem);
      sprintf(D_shi, "hum: %.2f%RH", dht.hum);
      //printf("tem:%.2f℃\r\n",dht.tem);
      LCD_ShowString(0,16,strlen(D_wen)*8,16,16,D_wen);       
      LCD_ShowStr(0,32,16,D_shi,RED,YELLOW);//改变颜色的显示字符串
    }
-- 结果图 
https://img-blog.csdnimg.cn/img_convert/3922dd22a682a86a43182677e4fc02fb.png
-- 3、在LCD屏幕上画圆



[*]在bsp_lcd.c文件中,添加函数,并在.h文件中声明
//在LCD屏幕上画圆--------------------------------------------------------------------------------------
void LCD_Draw_ColorPoint(u16 x,u16 y,u16 P_COLOR)
{
    LCD_SetCursor(x,y);                //设置光标位置
    LCD_WriteRAM_Prepare();        //开始写入GRAM
    LCD->LCD_RAM=P_COLOR;
}



void LCD_Draw_ColorCircle(uint16_t x, uint16_t y, uint16_t r,u16 P_COLOR)
{
    /* Bresenham画圆算法 */
    int16_t a = 0, b = r;
    int16_t d = 3 - (r << 1);                //算法决策参数
      
    /* 如果圆在屏幕可见区域外,直接退出 */
    if (x - r < 0 || x + r > 480 || y - r < 0 || y + r > 800)
                return;
      
    /* 开始画圆 */
    while(a <= b)
    {
      LCD_Draw_ColorPoint(x - b, y - a,P_COLOR);
      LCD_Draw_ColorPoint(x + b, y - a,P_COLOR);
      LCD_Draw_ColorPoint(x - a, y + b,P_COLOR);
      LCD_Draw_ColorPoint(x - b, y - a,P_COLOR);
      LCD_Draw_ColorPoint(x - a, y - b,P_COLOR);
      LCD_Draw_ColorPoint(x + b, y + a,P_COLOR);
      LCD_Draw_ColorPoint(x + a, y - b,P_COLOR);
      LCD_Draw_ColorPoint(x + a, y + b,P_COLOR);
      LCD_Draw_ColorPoint(x - b, y + a,P_COLOR);
      a++;

      if(d < 0)
            d += 4 * a + 6;
      else
      {
            d += 10 + 4 * (a - b);
            b--;
      }

      LCD_Draw_ColorPoint(x + a, y + b,P_COLOR);
    }
}
-- main.c

LCD_Init();

LCD_Draw_ColorCircle(120,120,85,RED);

-- 结果图 
https://img-blog.csdnimg.cn/img_convert/aaebfabd689cd33cb25fc024c5eec1af.png
-- 可以参考该文章


【玩转嵌入式屏幕表现】(三)TFT-LCD屏幕打点 + 画线 + 画矩形 + 画圆Bresenham算法实现(基于打点函数,算法可移植到任何屏幕的驱动步伐之上)_51CTO博客_嵌入式lcd表现圆形

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: LCD补充