【算法初体验】【白嫖福利】花了一天写了个基于51单片机的OLED图形库——即拿即用

最新推荐文章于 2024-06-10 21:05:51 发布
最新推荐文章于 2024-06-10 21:05:51 发布
阅读量5k 收藏 174
点赞数 39
分类专栏： 白嫖福利 速成 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linfengXBB/article/details/116711735
版权

文章目录

前言

我发现关于51使用OLED的UI算法并不多，其实可以去开源项目找。但是开源项目的代码复杂化了，也比较难以理解。所以我专程花了一天研究OLED的图形算法并且写了这篇博客来总结。

b站视频演示：入口

【OLED】【算法小白】花了一天在51单片机上硬肝OLED的UI算法

一、OLED显示原理


特殊之处就是它把Y轴64个点划分为8页，X轴是128个点。
我们就是要想方设法做到能点亮这128*64个点的矩阵中的任意一个点。

二、UI源函数———画点函数

所有的图形都是由点构成的，所以怎样精确的去画一个点就是实现一切UI算法的根源所在。

画点函数
//X:0~128，Y:0~63
void Setpos(unsigned char x0,unsigned char y0)
{
	unsigned char y,mod,pos;
	if(y0%8==0){	//输入的y进行处理,如果能被8整除，值必然在0~7页
		 y=y0/8;	//设它的点在对应值的第一个点。
		 pos = 0x01;	
	}
	else{
		y = y0/8;		//如果不能被整除
		mod = y0%8;		//取余数，用把余数看成1~7个二进制位
						//然后用16进制在那一页上设立对应的值
		switch(mod)
		{
			case 1:
			pos = 0x02;
			break;
			case 2:
			pos = 0x04;
			break;
			case 3:
			pos = 0x08;
			break;
			case 4:
			pos = 0x10;
			break;
			case 5:
			pos = 0x20;
			break;
			case 6:
			pos = 0x40;
			break;
			case 7:
			pos = 0x80;
			break;
			default:
			break;

		}
	}
	OLED_Set_Pos(x0,y);		//OLED设置起始位置的函数
	OLED_WR_Byte(pos,1);	//在那个位置写数据,1表示那个点亮，0表示那个点灭

}

三、画线函数

1.画横线（速度可调，适合做动画）
//x0:起始位置,x:结束位置,y0:设置纵坐标time:设置打点延时，最小单位1ms。
void Draw_Hline(unsigned char x0,unsigned char x,unsigned char y0,unsigned int time)
{	
	unsigned char y,mod,pos,i;
	if(y0%8==0){
		 y=y0/8;		//输入的y进行处理,如果能被8整除，值必然在0~7页
		 pos = 0x01;	//设它的点在对应值的第一个点。
	}
	else{
		y = y0/8;		//如果不能被整除
		mod = y0%8;		//取余数，用把余数看成1~7个二进制位
						//然后用16进制在那一页上设立对应的值。
		switch(mod)
		{
			case 1:
			pos = 0x02;
			break;
			case 2:
			pos = 0x04;
			break;
			case 3:
			pos = 0x08;
			break;
			case 4:
			pos = 0x10;
			break;
			case 5:
			pos = 0x20;
			break;
			case 6:
			pos = 0x40;
			break;
			case 7:
			pos = 0x80;
			break;
			default:
			break;

		}
	}
	OLED_Set_Pos(x0,y);		//设置起始坐标
	for(i=x0;i<x+1;i++)		//依次在对应的页上打点，形成横线。
	{
		Delay_1ms(time);	//控制时间
		OLED_WR_Byte(pos,1);//写数据	
	}

}
2.画竖线（速度可调，适合做动画）
//y0:起始位置,y:结束位置,x0:设置横坐标 time:设置打点延时，最小单位1ms。
void Draw_Vline(unsigned char y0,unsigned char y,unsigned char x0,unsigned int time)
{	
	unsigned char y1,y2,pos,pos1,mod0,mod1,i;
		if(y0%8==0){
		 y1=y0/8;
		 pos = 0xff;
	}
	else{
		y1 = y0/8;
		mod0 = y0%8;		//对竖线首页值的设置
		switch(mod0)
		{
			case 1:
			pos = 0xfe;
			break;
			case 2:
			pos = 0xfc;
			break;
			case 3:
			pos = 0xf8;
			break;
			case 4:
			pos = 0x10;
			break;
			case 5:
			pos = 0xe0;
			break;
			case 6:
			pos = 0xc0;
			break;
			case 7:
			pos = 0x80;
			break;
			default:
			break;

		}
	}
	if(y%8==0){
		 y2=y/8;
		 pos1 = 0x01;
	}
	else{
		y2 = y/8;
		mod1 = y%8;
		switch(mod1)	//对竖线尾页值的设置
		{
			case 1:
			pos1 = 0x03;
			break;
			case 2:
			pos1 = 0x07;
			break;
			case 3:
			pos1 = 0x0f;
			break;
			case 4:
			pos1 = 0x1f;
			break;
			case 5:
			pos1 = 0x3f;
			break;
			case 6:
			pos1 = 0x7f;
			break;
			case 7:
			pos1 = 0xff;
			break;
			default:
			break;

		}
	}
	OLED_Set_Pos(x0,y1);	//打首页值的点
	OLED_WR_Byte(pos,1);
	Delay_1ms(time);
	OLED_Set_Pos(x0,y1+1);
	for(i=y1+1;i<y2;i++)	//中间的的点全部设为亮
	{
		Delay_1ms(time);
		OLED_Set_Pos(x0,i);
		OLED_WR_Byte(0xff,1);	
	} 
   	OLED_Set_Pos(x0,y2);	//打尾页值的点
	Delay_1ms(time);
	OLED_WR_Byte(pos1,1);
}
3.反向竖线（速度可调，适合做动画）

跟竖线画法差不多，反过来画而已

void Draw_VlineF(unsigned char y0,unsigned char y,unsigned char x0,unsigned int time)
{	
	unsigned char y1,y2,pos,pos1,mod0,mod1,i;
		if(y0%8==0){
		 y1=y0/8;
		 pos = 0xff;
	}
	else{
		y1 = y0/8;
		mod0 = y0%8;
		switch(mod0)
		{
			case 1:
			pos = 0xfe;
			break;
			case 2:
			pos = 0xfc;
			break;
			case 3:
			pos = 0xf8;
			break;
			case 4:
			pos = 0x10;
			break;
			case 5:
			pos = 0xe0;
			break;
			case 6:
			pos = 0xc0;
			break;
			case 7:
			pos = 0x80;
			break;
			default:
			break;

		}
	}
	if(y%8==0){
		 y2=y/8;
		 pos1 = 0x01;
	}
	else{
		y2 = y/8;
		mod1 = y%8;
		switch(mod1)
		{
			case 1:
			pos1 = 0x03;
			break;
			case 2:
			pos1 = 0x07;
			break;
			case 3:
			pos1 = 0x0f;
			break;
			case 4:
			pos1 = 0x1f;
			break;
			case 5:
			pos1 = 0x3f;
			break;
			case 6:
			pos1 = 0x7f;
			break;
			case 7:
			pos1 = 0xff;
			break;
			default:
			break;

		}
	}
	OLED_Set_Pos(x0,y2);
	OLED_WR_Byte(pos1,1);
	Delay_1ms(time);
	OLED_Set_Pos(x0,y1+1);
	for(i=y2-1;i>y1;i--)
	{
		Delay_1ms(time);
		OLED_Set_Pos(x0,i);
		OLED_WR_Byte(0xff,1);	
	} 
   	OLED_Set_Pos(x0,y1);
	Delay_1ms(time);
	OLED_WR_Byte(pos,1);


}
4. 画任意方向的直线(参考，不能改变速度)
void OLED_DrawLine(int x1,int y1,int x2,int y2)
{
    int dx,dy,e;
    dx=x2-x1; 
    dy=y2-y1;
    if(dx>=0)
    {
        if(dy >= 0) // dy>=0
        {
            if(dx>=dy) // 1/8 octant
            {
                e=dy-dx/2;
                while(x1<=x2)
                {
                    Setpos(x1,y1);
                    if(e>0){y1+=1;e-=dx;}   
                    x1+=1;
                    e+=dy;
                }
            }
            else        // 2/8 octant
            {
                e=dx-dy/2;
                while(y1<=y2)
                {
                    Setpos(x1,y1);
                    if(e>0){x1+=1;e-=dy;}   
                    y1+=1;
                    e+=dx;
                }
            }
        }
        else           // dy<0
        {
            dy=-dy;   // dy=abs(dy)
            if(dx>=dy) // 8/8 octant
            {
                e=dy-dx/2;
                while(x1<=x2)
                {
                    Setpos(x1,y1);
                    if(e>0){y1-=1;e-=dx;}   
                    x1+=1;
                    e+=dy;
                }
            }
            else        // 7/8 octant
            {
                e=dx-dy/2;
                while(y1>=y2)
                {
                    Setpos(x1,y1);
                    if(e>0){x1+=1;e-=dy;}   
                    y1-=1;
                    e+=dx;
                }
            }
        }   
    }
    else //dx<0
    {
        dx=-dx;     //dx=abs(dx)
        if(dy >= 0) // dy>=0
        {
            if(dx>=dy) // 4/8 octant
            {
                e=dy-dx/2;
                while(x1>=x2)
                {
                    Setpos(x1,y1);
                    if(e>0){y1+=1;e-=dx;}   
                    x1-=1;
                    e+=dy;
                }
            }
            else        // 3/8 octant
            {
                e=dx-dy/2;
                while(y1<=y2)
                {
                  Setpos(x1,y1);

                    if(e>0){x1-=1;e-=dy;}   
                    y1+=1;
                    e+=dx;
                }
            }
        }
        else           // dy<0
        {
            dy=-dy;   // dy=abs(dy)
            if(dx>=dy) // 5/8 octant
            {
                e=dy-dx/2;
                while(x1>=x2)
                {
                   Setpos(x1,y1);
                    if(e>0){y1-=1;e-=dx;}   
                    x1-=1;
                    e+=dy;
                }
            }
            else        // 6/8 octant
            {
                e=dx-dy/2;
                while(y1>=y2)
                {
                   Setpos(x1,y1);
                    if(e>0){x1-=1;e-=dy;}   
                    y1-=1;
                    e+=dx;
                }
            }
        }   
    }
}

四、图形函数

图形函数其实就是由点线构成的

1.画矩形

void Draw_Rectangle(unsigned char x0,unsigned char y0,unsigned char x,unsigned char y,unsigned int time)
{
	 Draw_Hline(x0,x-1,y0,time);

	 Draw_Vline(y0,y,x,time*8);

	 Draw_Hline(x0+1,x-1,y,time);

	 Draw_VlineF(y0,y,x0,time*8);


}
4.画棱形
void Draw_dimond(unsigned char x0,unsigned char y0,unsigned char R)
{
	unsigned char xi,yi,di;
	di = 0-(R>>1);
	xi = 0;
	yi = R;
	while(yi>=xi)
	{
		Setpos(x0+xi-1,y0+yi-1);
		Setpos(x0+yi-1,y0+xi-1);
		Setpos(x0-xi,y0+yi-1);
		Setpos(x0-yi,y0+xi-1);
		Setpos(x0-xi,y0-yi);
		Setpos(x0-yi,y0-xi);
		Setpos(x0+xi-1,y0-yi);
		Setpos(x0+yi-1,y0-xi);
		xi++;
		if(di<0)
		{
			di+=xi;

		}
		else {
			yi--;
			di+=xi-yi;
		}	
	}
}

动态曲线绘制

原理如下：

//核心代码
	while(1)
	{ 


	  for(l=28;l<128;l+=5)	//设置横坐标区域
	  {
		  if(l>=128)		//当数据打印满一页时开始刷新
		  {
		  	 FLAG = 1;		//刷新标志位
		  }
		  if(FLAG ==1)
		  {	 
		  //刷新	
		  	for(n=l-3;n<l+1;n++)	//一行一行的刷新，刷新后打上新数据
			{
		  	 	Clear(0,50,n,0);	//刷新纵坐标
			}
		  }
		  num = rand()%48;	//产生0~48的随机数
		  OLED_ShowNum(0,0,num,2,16);	//显示随机数

		  OLED_DrawLine(l-3,lasty,l,num);	//前一次打的数跟这一次打的数都连上线
		  lasty = num;		//更新数据

		  Delay_50ms(1);

		 
	}
	}

总结

完整代码：此博客的完整项目代码

麟枫
关注
  • 39
    点赞
  • 踩
  • 174
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
基于51单片机在LCD12864上画曲线的Proteus仿真及程序
08-30
基于51单片机在LCD12864上画曲线的Proteus仿真及程序
单片机模块——OLED模块（三）
wozhihecha的博客
02-03 1385
介绍OLED上画正弦函数和圆形的方法
利用U82G库实现OLED多样式画面显示
最新发布
Kamisama6930的博客
06-10 674
U8g2是GitHub上一款十分优秀的开源图形库。U8g2主要被设计用于嵌入式系统，特别是在如Arduino、Raspberry Pi、NodeMCU以及ARM等开发平台上使用。它支持多种类型的显示技术，包括OLED和LCD屏幕，且可兼容例如SSD1306这样的底层驱动。这个库不仅使得开发者能够轻松地在这些设备上实现图形显示，还提供了极大的灵活性和易用性。U8g2库提供了丰富的绘图功能，包括但不限于画直线、圆形、矩形以及更复杂的形状。这些功能使得开发者能够在显示屏上创建从简单到复杂的各种图形用户界面。
C51：IIC_OLED
qq_73379310的博客
06-25 746
IIC全称Inter-Integrated Circuit (集成电路总线)是由PHILIPS公司在80年代开发的两线式串行总线，用于连接微控制器及其外围设备。IIC属于半双工同步通信方式。
51单片机与Oled显示屏配合显示简单的图片
杨栋的博客
09-02 994
oled显示图片
OLED显示曲线
程序员小哈的专栏
06-15 8378
大家好，我是程序员小哈。 问题由来 前两天有网友留言，能否做一个显示波形的实例，之前也有人提过类似问题，那么今天我们就来安排一下。 问题分析 我们在网上经常能看到一些大佬用0.96寸OLED制作的迷你示波器。 制作这个mini示波器，界面中的曲线绘制是一个难点。 小哈哥的主要工作是做上位机VC++开发的，由于要做谱图显示，所以也用到了曲线的绘制，下图中就是使用VC++进行曲线绘制的部分代码，我们可以看出，曲线是由一系列首尾相连的直线组成，所以要想绘制曲线，首先要实现移动到线条起点的函数MoveTo，以及
【LVGL应用开发--基于STM32】第1章 初识LVGL
Hello_Muyi的博客
10-26 3569
在实际应用中，我们时常需要制作 UI 界面来实现人机交互，简单的 UI 可以直接编写代码，但对于那些复杂的交互界面，自己编写 UI 界面可能就力不从心了。因此可使用第三方的 GUI库来设计 UI界面，例如 LVGL、emWin、QT等图形用户库，它们都可以设计漂亮的 UI界面。本章主要是认识和了解LVGL图形用户界面，本章分为如下几部分内容：1.1 LVGL简介1.2 LVGL移植要求1.3 LVGL源码下载与介绍。
基于51单片机简易示波器设计OLED显示（包含源程序原理图PCB）
07-12
本项目"基于51单片机简易示波器设计OLED显示"就是利用51单片机进行了一次创新性的应用实践。 示波器是电子工程师必备的测试工具，它可以显示信号电压随时间变化的波形，用于分析电路的工作状态。传统示波器通常体积...
这是一个用51单片机作为主控的“MP3音乐盒”项目.zip
07-13
总之，这个项目覆盖了嵌入式系统开发的多个重要方面，对于学习51单片机和嵌入式系统的初学者来说，是一个非常有价值的实践案例。通过深入研究，不仅可以提升硬件设计和软件编程能力，还能了解音频处理、用户交互设计...
51单片机230个proteus仿真文件
12-14
在这个“51单片机230个Proteus仿真文件”压缩包中，包含了大量基于51单片机的Proteus仿真项目，这些项目覆盖了各种实际应用和基础实验，是学习51单片机编程和硬件交互的宝贵资源。通过这些实例，学习者可以深入理解...
51单片机音乐播放oled.rar
04-15
在51单片机中驱动OLED屏通常需要适配特定的驱动库，如SSD1306或SH1106，这些库包含初始化设置和图形/文本绘制函数。 LED灯则用于指示音调，可能通过不同的闪烁模式或者颜色变化来表达不同音调。这需要单片机通过...
STM32F103+FFT+OLED25664屏音乐频谱动态显示单片机软件源码+PDF硬件原理图+文档说明.zip
08-10
该资源包包含了一套完整的基于STM32F103微控制器的音乐频谱动态显示项目，使用了快速傅里叶变换（FFT）算法来处理音频数据，并在OLED25664显示屏上实时展示音乐频谱。下面将详细阐述这个项目中的关键知识点。 1. ...
玩转u8g2 OLED库，一篇就够——基于SMT32、HAL
珍妮玛士多的博客
04-22 1万+
OLED图形库众多，如Adafruit_GFX 和 Adafruit_SSD1306库。但是，今天要使用的是 U8g2图形库。参考文章：深入学习Arduino u8g2 OLED库，一篇就够参考文章：GitHub–>u8g2reference。
51单片机实战教程（25 人机界面编程二）
billliu66的博客
12-27 2251
本文将简介如何利用IDE控件，实现零代码制作一个UI页面。
51单片机实战教程（26 人机界面编程三）
billliu66的博客
12-28 1161
本文将讲解如何用美工图片实现制作UI页面。
单片机显示方案-OLED
热门推荐
l420ll的博客
12-11 1万+
显示方案在单片机项目中往往能够使整个项目锦上添花，仿佛打开了单片机“心灵”的窗户，此次给大家介绍OLED显示方案。OLED的特点： 就我而言对OLED感觉现在能买到便宜的OLED显示屏，0.96寸或者0.91寸的128×64，128×32，无论白色还是蓝色最大特点就是自发光，炫酷显示，高分辨率，低温工作环境。上图：非常炫酷 OLED显示方案： 市面上OLED有好
基于STM32移植U8g2图形库——OLED显示（HAL库）
black_sneak的博客
08-13 1万+
基于STM32移植U8g2图形库的OLED显示教学（HAL库版本，文末有代码开源）
【51单片机篇】IIC协议&OLED显示
m0_66492811的博客
08-01 2799
IIC协议及OLED显示
【STM32标准库】【自制库】0.96寸OLED显示屏（SSD1306）(5)指定两点画线段
m0_57585228的博客
05-20 1543
使用STM32F4系列驱动OLED显示屏的自制库
基于51单片机控制 OLED 绘制一个 3D 线条的图形
06-01
很抱歉，我是一名自然语言处理模型，无法提供代码实现的答案。但我可以给您一些思路： 1. 首先需要了解 OLED 的控制协议，例如SPI或I2C，以及OLED的显示分辨率。 2. 了解3D图形的数学原理，例如三维坐标系、投影、旋转等。 3. 使用51单片机控制OLED显示器进行画图，可以使用C语言编写程序，在程序中实现3D线条的绘制算法。 4. 将绘制好的图形通过OLED协议传输到OLED屏幕上显示。 希望以上的思路能够帮助您。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值