STM32 F103C8T6学习笔记10：OLED显示屏GIF动图取模—简易时钟—动图手表的制作~

最新推荐文章于 2024-05-29 22:05:10 发布
最新推荐文章于 2024-05-29 22:05:10 发布
阅读量2.8k 收藏 24
点赞数 7
分类专栏： STM32 F103 C8T6笔记 文章标签： stm32 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_64257614/article/details/132395185
版权

今日尝试做一款有动图的OLED实时时钟，本文需要现学一个OLED的GIF动图取模

其余需要的知识点有不会的可以去我  STM32 F103C8T6学习笔记  系列专栏自己查阅把，闲话不多，直接开肝~~~

文章提供源码，测试工程下载，测试效果图。

做个简易的时钟，就不把RTC实时时钟放进来学了，用定时器简单代替了~~

目录

原图GIF：

程序显示时间的问题：

简单版定时器2时间计数：

字符串给OLED打印函数：

 十进制数字转字符串：

下载程序测试：

 GIF取模问题：

程序贴出：

测试效果图：

工程下载：

原图GIF：

这里先提示一下，工程会提供原图GIF（原图像素64*64）：

程序显示时间的问题：

首先解决一下程序显示时间的问题：

简单版定时器2时间计数：

这里初始化定时器2 是10ms周期，然后定义变量在定时器2中断服务函数刷新1s使得SECOND秒加一：

uint16_t YEAR,HOUR,MINUTE,SECOND;
uint16_t TimeDisplay_cnt,TimeDisplay;


//定时器2中断服务函数
void TIM2_IRQHandler(void)
{
	if (TIM_GetITStatus(TIM2, TIM_IT_Update) == SET)
	{		
		if(++TimeDisplay_cnt==100)
		{
			TimeDisplay_cnt=0;SECOND++;
		}

		
		TIM_ClearITPendingBit(TIM2, TIM_IT_Update);//清出中断寄存器标志位，用于退出中断
	}
}

别忘了时分秒之间的逻辑：

		if(SECOND==60){SECOND=0;MINUTE++;}
		if(MINUTE==60){MINUTE=0;HOUR++;}
		if(HOUR==12)  {HOUR=0;}

字符串给OLED打印函数：

 然后就是转化数字字符串给OLED打印的函数：

//显示一个字符号串
void OLED_ShowString(u8 x,u8 y,u8 *chr,u8 Char_Size)
{
	unsigned char j=0;
	while (chr[j]!='\0')
	{		OLED_ShowChar(x,y,chr[j],Char_Size);
			x+=8;
		if(x>120){x=0;y+=2;}
			j++;
	}
}

 十进制数字转字符串：

 主函数使用    sprintf(  );  函数   把十进制数字处理转化到字符串数组中

#include "main.h"

uint16_t YEAR,HOUR,MINUTE,SECOND;
uint16_t TimeDisplay_cnt,TimeDisplay;
uint16_t BMP_cnt,BMP_FLAG;
char  buf[10];   //用于存储oled数据


int main(void)
{	
	init_ALL();     //初始化所有函数
  while(1)
	{
		if(SECOND==60){SECOND=0;MINUTE++;}
		if(MINUTE==60){MINUTE=0;HOUR++;}
		if(HOUR==12)  {HOUR=0;}
		
		sprintf(buf,"%d",YEAR);
		OLED_ShowString(80,0,(u8 *)buf,16);
		sprintf(buf,"%d-",HOUR);
		OLED_ShowString(70,3,(u8 *)buf,12);
		sprintf(buf,"%d-",MINUTE);
		OLED_ShowString(70+15,3,(u8 *)buf,12);
		sprintf(buf,"%d",SECOND);
		OLED_ShowString(70+38,3,(u8 *)buf,12);
		
		
	}
}


//初始化所有函数：
void init_ALL(void)
{
	SysTick_Init(72);         //初始化滴答计时器
	Timer2_Init();						//初始化定时器2
	i2c_GPIO_Config();	      //IIC初始化
	OLED_Init();              //初始化OLED屏幕
	OLED_Clear();             //清空屏幕数据
	YEAR=2023;
	HOUR=8;
	MINUTE=22;
}


//定时器2中断服务函数
void TIM2_IRQHandler(void)
{
	if (TIM_GetITStatus(TIM2, TIM_IT_Update) == SET)
	{		
		if(++TimeDisplay_cnt==100)
		{
			TimeDisplay_cnt=0;SECOND++;
		}
		if(++BMP_cnt==10)										 //定时器   刷新太空人图片
		{
			BMP_cnt=0;BMP_FLAG++;
			if(BMP_FLAG==8){BMP_FLAG=0;}
			
		}
		
		TIM_ClearITPendingBit(TIM2, TIM_IT_Update);//清出中断寄存器标志位，用于退出中断
	}
}

下载程序测试：

 

 

 GIF取模问题：

 动图本质是一帧一帧的图片，因此我们先要将动图分解，在逐个取模....这是个庞大的工程~~

 然后就是每个图片调整大小，像素，取模：

 

程序贴出：

#include "main.h"

uint16_t YEAR,HOUR,MINUTE,SECOND;
uint16_t TimeDisplay_cnt,TimeDisplay;
uint16_t BMP_cnt,BMP_FLAG;
char  buf[10];   //用于存储oled数据

int main(void)
{	
	init_ALL();     //初始化所有函数
  while(1)
	{
		if(SECOND==60){SECOND=0;MINUTE++;}
		if(MINUTE==60){MINUTE=0;HOUR++;}
		if(HOUR==12)  {HOUR=0;}
		
		sprintf(buf,"%d",YEAR);
		OLED_ShowString(80,0,(u8 *)buf,16);
		sprintf(buf,"%02d-",HOUR);
		OLED_ShowString(65,3,(u8 *)buf,12);
		sprintf(buf,"%02d-",MINUTE);
		OLED_ShowString(65+24,3,(u8 *)buf,12);
		sprintf(buf,"%02d",SECOND);
		OLED_ShowString(65+45,3,(u8 *)buf,12);
		
		OLED_ShowChar(70,5,'N',12);
		OLED_ShowChar(70+8,5,'U',12);		
		OLED_ShowChar(70+16,5,'L',12);		
		OLED_ShowChar(70+24,5,'L',12);		
		
   OLED_ShowCHinese(70,6,0);
   OLED_ShowCHinese(70+16,6,1);		
   OLED_ShowCHinese(70+32,6,2);
		
		switch(BMP_FLAG)
		{
			case 1:OLED_DrawBMP(0,0,64,8,BMP1);  break;
			case 2:OLED_DrawBMP(0,0,64,8,BMP2);  break;
			case 3:OLED_DrawBMP(0,0,64,8,BMP3);  break;
			case 4:OLED_DrawBMP(0,0,64,8,BMP4);  break;
			case 5:OLED_DrawBMP(0,0,64,8,BMP5);  break;
			case 6:OLED_DrawBMP(0,0,64,8,BMP6);  break;
			case 7:OLED_DrawBMP(0,0,64,8,BMP7);  break;
			case 8:OLED_DrawBMP(0,0,64,8,BMP8);  break;
			case 9:OLED_DrawBMP(0,0,64,8,BMP9);  break;
			case 10:OLED_DrawBMP(0,0,64,8,BMP10);  break;
			
			case 11:OLED_DrawBMP(0,0,64,8,BMP11);  break;
			case 12:OLED_DrawBMP(0,0,64,8,BMP12);  break;
			case 13:OLED_DrawBMP(0,0,64,8,BMP13);  break;
			case 14:OLED_DrawBMP(0,0,64,8,BMP14);  break;
			case 15:OLED_DrawBMP(0,0,64,8,BMP15);  break;
			case 16:OLED_DrawBMP(0,0,64,8,BMP16);  break;
			case 17:OLED_DrawBMP(0,0,64,8,BMP17);  break;
			case 18:OLED_DrawBMP(0,0,64,8,BMP18);  break;
			case 19:OLED_DrawBMP(0,0,64,8,BMP19);  break;
			case 20:OLED_DrawBMP(0,0,64,8,BMP20);  break;		

			case 21:OLED_DrawBMP(0,0,64,8,BMP21);  break;
			case 22:OLED_DrawBMP(0,0,64,8,BMP22);  break;
			case 23:OLED_DrawBMP(0,0,64,8,BMP23);  break;
			case 24:OLED_DrawBMP(0,0,64,8,BMP24);  break;
			case 25:OLED_DrawBMP(0,0,64,8,BMP25);  break;
			case 26:OLED_DrawBMP(0,0,64,8,BMP26);  break;
			case 27:OLED_DrawBMP(0,0,64,8,BMP27);  break;
			case 28:OLED_DrawBMP(0,0,64,8,BMP28);  break;

		}
		
	}
}


//初始化所有函数：
void init_ALL(void)
{
	SysTick_Init(72);         //初始化滴答计时器
	Timer2_Init();						//初始化定时器2
	i2c_GPIO_Config();	      //IIC初始化
	OLED_Init();              //初始化OLED屏幕
	OLED_Clear();             //清空屏幕数据
	YEAR=2023;
	HOUR=8;
	MINUTE=22;
	SECOND=55;
}


//定时器2中断服务函数
void TIM2_IRQHandler(void)
{
	if (TIM_GetITStatus(TIM2, TIM_IT_Update) == SET)
	{		
		if(++TimeDisplay_cnt==100)
		{
			TimeDisplay_cnt=0;SECOND++;		if(SECOND==60){SECOND=0;MINUTE++;}
		}
		if(++BMP_cnt==10)										 //定时器   刷新太空人图片
		{
			BMP_cnt=0;BMP_FLAG++;
			if(BMP_FLAG==29){BMP_FLAG=1;}
		}
		
		TIM_ClearITPendingBit(TIM2, TIM_IT_Update);//清出中断寄存器标志位，用于退出中断
	}
}

测试效果图：

 

工程下载：

https://download.csdn.net/download/qq_64257614/88232446?spm=1001.2014.3001.5503

NULL指向我
关注
  • 7
    点赞
  • 踩
  • 24
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
专栏目录
STM32 F103C8T6学习笔记10：OLED显示屏GIF动图取模-简易时钟-动图手表的制作~.rar
08-20
STM32 F103C8T6学习笔记10：OLED显示屏GIF动图取模—简易时钟—动图手表的制作~.rar
Arduino TFT GIF取模小工具
06-05
TFT取模小工具，可以将GIF进行分割为jpg图片，同时生成TFT的取模数组，可以直接用于Arduino，显示图片或者GIF
项目随记——OLED屏 图片取模（步聚·及不同色位的视觉美感比较）
最新发布
Yedb2019的博客
05-29 175
五：结论：对黑白屏的OLED来说，单色位图，16位色图，256色位图，三者没有明显区别；24位位图做出来有一种镂空的虚拟感！二：用电脑win7自带的画图软件生成128*64像素 BMP格式图片，设置如下图；最近做项目时，想做一图片作为开机画面，花了点时间比对下不同色位BMP的实物差别。硬件：2.4寸OLED+STM32。
Oled实现动图显示——篮球少年
zongzi的博客
03-22 1463
Oled显示模块，用char定义清除界面会导致画面屏雪花；有符号，表示从-128——127，会导致某些数被吞掉，用int或者unsigned char（表示无符号）第三步：对图片取模（最繁琐的一步，哪里有一键取模软件迫切希望告知）我这里用的是CopyLeft Bu Horse2000,建议使用PCtolCD。动图显示说白了就是把GIF图分离成一帧一帧的图片显示一张图片和显示一张图片差不多。设备：51开发板和0.96寸4针Oled 显示模块。第一步：提取分离图片推荐用Gifsplitter。
OLED时钟
qq1074237849的博客
06-03 4901
OLED显示年、月、日、时、分、秒、星期以及背景图片。
STM32F103C8T6驱动0.96OLED实现动态图片教学（静态原神和动态坤坤动画）
weixin_66429380的博客
01-18 1763
编者第一想法是做一个原神的登陆界面的动态图片，但奈何找不到与之对应的GIF图片（如读者有这张GIF动图请务必联系我），只能做了一张原神标题的静态图片和坤坤的经典动图，这其中更繁琐的是一张一张的取模，制作不易还请大家点赞+收藏+关注后再进行学习。静态图：原神​​​​​​​动态图：坤坤起舞
OLED显示图片
qq_52487856的博客
09-01 9006
今天一个朋友问我取字模相关的问题，我之前也没怎么接触取字模的软件，今天顺便试了试用imag2lcd取出bmp文件，然后通过stm32和oled来显示图片。 首先点击打开，打开一张你要显示的图片（有些图片格式不支持），最大宽度和高度要用128*64，按照下图配置好后，记得调节亮度和对比度，使其更加清晰，然后将其保存。 打开pctolcd2002，模式中选择图形模式，点击软件中文件夹一样的图形用pctolcd2002打开保存好的bmp文件，(记住选项，帮助栏下面的图像大小)，我这儿是（54*64）——软件问题看
Android原生(Native)C开发之七：libjpeg移植笔记
06-23 119
JPEG是Joint Photographic Experts Group(联合图像专家组)的缩写，文件后辍名为".jpg"或".jpeg"，是网上比较常见的图像文件格式，以小尺寸著称，但其最大的缺点是它是一种有损压缩的图像格式，能够将图像压缩在很小的储存空间，图像中重复或不重要的资料会被丢失，因此容易造成图像数据的损伤。尤其是使用过高的压缩比例，将使最终解压缩后恢复的图像质量明显降低，如果追求高...
一款新颖的OLED时钟显示界面
tunami819223的博客
07-04 274
所需硬件为OLEDSSD1036，Arduino uno，代码如下已验证有效。
STM32F103C8T6配置RTC显示年月日时分秒（日历）
weixin_53644463的博客
09-23 5122
用keil5编程，stm32f103c8t6利用RTC实现一个年月日时分秒的日历
图片取模软件（bmp转化）
04-27
Image2Lcd支持的輸入影像格式包括： BMP, WBMP, JPG, GIF, WMF, EMF, ICO
stm32f103图片显示_Stm32jpgpnggif_STM32F103_图片显示_doneq2k_
09-29
通过stm32f103在显示屏上显示图片
STM32图片解码
12-08
资料详细介绍了BMP JPEG GIF等格式图片的解码；学会解码可以灵活的应用到STM32上。
001js代码_仿GIF动画
08-19
001js代码_仿GIF动画的javascrit 源码范例和相关资源。直接运行jsgif.htm可看效果。
0.96寸OLED显示BMP格式例程源码
02-18
0.96寸OLED显示BMP格式例程源码，有需要的可以下载一下，有任何问题可以私信我，我会及时回复的，如果有不懂的也可以私信我，我会及时回复的
STM32 F103C8T6学习笔记9：0.96寸单色OLED显示屏-自由取模显示-显示图像.rar
08-19
在本学习笔记中，我们将深入探讨如何在基于STM32 F103C8T6微控制器的系统中，利用0.96寸单色OLED显示屏进行自由取模显示和图像显示。STM32系列是意法半导体（STMicroelectronics）推出的一款高性能、低功耗的32位微...
OLED显示屏STM32F103C8T6驱动程序.zip_oled stm32f103c8t6_oled显示屏程序_stm32f
07-13
"OLED显示屏STM32F103C8T6驱动程序.zip" 这个压缩包文件的核心主题是针对STM32F103C8T6微控制器设计的OLED（有机发光二极管）显示屏的驱动程序。STM32F103C8T6是一款由STMicroelectronics公司生产的高性能32位微处理...
STM32 F103C8T6学习笔记9：0.96寸单色OLED显示屏-自由取模显示-显示汉字.rar
08-19
在本篇STM32 F103C8T6的学习笔记中，我们将深入探讨如何使用0.96英寸单色OLED显示屏进行自由取模显示，并实现汉字的显示。STM32系列微控制器是由意法半导体（STMicroelectronics）推出的基于ARM Cortex-M3内核的高...
stm32f103c8t6核心板接oled显示屏原理
01-31
STM32F103C8T6核心板接OLED显示屏的原理是通过使用I2C通信协议进行连接。首先，STM32F103C8T6核心板通过I2C总线发送命令和数据给OLED显示屏。OLED显示屏接收到命令和数据后，根据协议进行解析和显示。在连接时，需要将STM32F103C8T6核心板的SCL引脚连接到OLED显示屏的SCL引脚上，SDA引脚连接到OLED显示屏的SDA引脚上。 具体来说，STM32F103C8T6核心板通过对I2C总线的控制，向OLED发送初始化命令和需要显示的数据。OLED接收到命令后，根据指令设置自身的显示参数，如亮度、对比度、扫描方式等。同时，OLED还在接收到数据后将其解析并映射到屏幕上，实现图像、文本等内容的显示。 在整个过程中，STM32F103C8T6核心板负责发送命令和数据，而OLED显示屏则负责接收并进行显示。通过这种方式，可以实现不同的显示效果，包括文本、图形等内容。同时，使用I2C通信协议能够简化连接，提高通信效率，使得STM32F103C8T6核心板和OLED显示屏的连接更加便捷和稳定。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

NULL指向我

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值