LCD补充

时间:2024-10-11 19:02:27

LCD补充

目录

LCD补充

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

回顾LCD

LCD补充功能

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

-- 2、更改LCD屏幕上显示字体和背景的颜色

-- 3、在LCD屏幕上画圆


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

alt text

回顾LCD

-- LCD屏幕的核心:

  • 最重要的就是界面的设计(有专门的UI设计师) 对于产品,一个好看的外壳,一个好看的界面,这些都是很重要的。

  • 屏幕:液晶面板+液晶控制芯片+pcb底板

-- 单片机是和谁通信?和液晶控制芯片通信

-- 液晶控制芯片的型号?ILI9341

-- 双方的通信方式是什么?8080或者spi,但是昨天使用的就是8080

-- 通信过程?8080读写操作(各种操作指令:0x2a,0x2b,0x2c) 

alt text

-- 由于单片机上没有8080,所以又引入了FSMC

-- FSMC的本质是用来扩容的。

-- 那么为什么用FSMC呢?因为FSMC读写时序和8080读写时序接近。
因为单片机上没有8080,但与ILI9341通信必须用8080时序

-- 以上就是昨天LCD的理论内容的简单总结


LCD补充功能

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

先在网站上搜一个想要的动图,然后把他拖入动图拆分软件,然后保存,就可以得到一张一张的图片,然后把这些图片另存为jpg格式,然后用图片取模软件,生成.h文件

-- 可以上网搜动图,网上搜的图片改属性,点另存为就可以更改了,也可以截图改图片的属性,随后使用图片取模软件更改大小 

alt text

-- 动图拆分软件 在线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[i] & (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[i++]);
            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);
        }
    }
}
        


-- 效果图 

alt text

-- 补充:各种图标
iconfont-阿里巴巴矢量图标库


-- 2、更改LCD屏幕上显示字体和背景的颜色

-- 首先更改官方函数,先找到显示字符串的函数 

alt text

-- 然后更改函数,为了使我们更加方便的更改颜色,直接定义两个变量。先复制原来的官方函数然后更改函数名,在函数中添加两个变量,然后更改函数内容 

alt text

//改变颜色
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[num][t]; 	 	//调用1206字体
        else if(size==16)temp=asc2_1608[num][t];	//调用1608字体
        else if(size==24)temp=asc2_2412[num][t];	//调用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);//改变颜色的显示字符串
    }

-- 效果图 

alt text

-- 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);

-- 效果图 

alt text

-- 可以参考该文章


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