1 屏幕显示原理

2 图片文字显示

屏幕显示原理

任何的屏幕，都是由一个个的像素点组成的。无论是LCD，OLED ，还是这个墨水屏，屏幕最终的显示效果，是由它的一个个像素点整体的组合效果，所以无论是哪种数据的传输都是在屏幕上打点。通过控制像素点颜色，进行显示不同的色彩。我们将显示的数据，通过取模获得一个包含字体信息的数组，把数据送入屏幕，然后显示出来。

墨水屏显示原理

墨水屏的显示与其他屏幕的显示原理是不同的。它本身是不发光的，而是靠外界光线的反射而显示。所以它正常显示时是几乎不耗电的，只有在刷新显示过程中才会耗电。所以比较省电，而且显示效果和纸质书籍效果相当，相比其他屏幕，是比较护眼的。

讯享网
图.墨水屏的屏幕
上电时，带有不同电压的“油墨”，在不同极性电压的作用下，黑色“油墨”跑到上面，白色“油墨”跑到下面，屏幕就开始显示颜色了。

2.13寸黑白红三色墨水屏

对于黑白红三色，可以拆分为黑白图片、红白图片，然后将两张图片叠加起来就变成了黑白红图片了，所以黑白红的刷新是指是 对于黑白图片，我们可以规定，如果如果是黑色我们定义成0，如果是白色就定义成1，那么有了表示颜色的方式：
白色：□，对应1
黑色：■：对应0
一个点在图形上一般称之为像素点（pixel）,而颜色不是1就是0，也就是1个位就可以标识颜色：1Pixel = 1bit，那么一个字节里面就包含了8个像素点。
以16个像素点为例，我们假设前8个像素点为黑，后8个像素点为白色，那么可以这么认为，像素点1-16，对应这0位到15位，0表示黑色，1表示白色：
对于2.13inch e-paper B,是红黑白三色，我们需要把图片拆成2张图片，一张黑白图片，一张红白图片，在传输的时候因为一个寄存器是控制黑白显示的，一个寄存器是控制红白
显示。 2.13的黑白部分1个字节控制8个像素点，红白部分1个字节控制8个像素点
举个栗子，假设有8个像素点，前面4个是红色，后面4个黑色：
需要把他们拆成一个黑白图片，一个红白图片，这两个图片都是8个像素点，只不过黑白图片前四个像素为白色，后4个像素点为黑色，而红白图片前4个像素点为红色，后四个像素点为白色 。

 *摘微雪的原理介绍 

显示函数

我们用的是元泰给的驱动，（开发墨水屏的都知道元太吧？）在此基础上修改，以适应nordic芯片。

图片显示

讯享网在这里插入代码片 `void dis_img(unsigned char num) { 
    unsigned int wide, high; unsigned int pcnt; /*bw image/ SPI4W_WRITECOM(0x4E); //Set RAM X address  SPI4W_WRITEDATA(0x00); SPI4W_WRITECOM(0x4F); //Set RAM Y address  SPI4W_WRITEDATA(0xF9); SPI4W_WRITEDATA(0x00); SPI4W_WRITECOM(0x24); //Write RAM (Black White) pcnt = 0; // 复位或保存提示字节序号 for(wide=0; wide<250; wide++) { 
    for(high=0; high<16; high++) / { 
    switch (num) { 
    case PIC_A: //SPI4W_WRITEDATA(gImage_YB02[pcnt]); SPI4W_WRITEDATA(gImage_1_bw[pcnt]); break; case PIC_B: SPI4W_WRITEDATA(gImage_2d13_CSDL_bw[pcnt]); break; case PIC_C: SPI4W_WRITEDATA(gImage_WYJTEST_BW3[pcnt]); break; case PIC_R: SPI4W_WRITEDATA(0x00); break; case PIC_E: SPI4W_WRITEDATA(gImage_H213TEST[pcnt]); break; case PIC_VLINE: if(col<80) SPI4W_WRITEDATA(0x00); else SPI4W_WRITEDATA(0xff); break; case PIC_HLINE: if(row<5) SPI4W_WRITEDATA(0x00); else SPI4W_WRITEDATA(0xff); break; case PIC_WHITE: SPI4W_WRITEDATA(0xff); break; case PIC_BLACK: SPI4W_WRITEDATA(0x00); break; default: break; } pcnt++; } } /*bw image/ SPI4W_WRITECOM(0x4E); // set RAM x address count to 0; SPI4W_WRITEDATA(0x00); SPI4W_WRITECOM(0x4F); // set RAM y address count to 296; 2D9 SPI4W_WRITEDATA(0xF9); SPI4W_WRITEDATA(0x00); SPI4W_WRITECOM(0x26); pcnt = 0; // 复位或保存提示字节序号 for(wide=0; wide<250; wide++) // 总共250列  { 
    for(high=0; high<16; high++) // 总共122行，每个像素1bit,即 122/8 字节 { 
    switch (num) { 
    case PIC_A: //SPI4W_WRITEDATA(gImage_YB03[pcnt]); SPI4W_WRITEDATA(gImage_1_red[pcnt]); break; case PIC_B: SPI4W_WRITEDATA(gImage_2d13_CSDL_r[pcnt]); break; case PIC_C: SPI4W_WRITEDATA(gImage_WYJTEST_RED3[pcnt]); break; case PIC_R: SPI4W_WRITEDATA(0xFF); break; case PIC_VLINE: if(col>160) SPI4W_WRITEDATA(0xFF); else SPI4W_WRITEDATA(0x00); break; case PIC_HLINE: if(row>9) SPI4W_WRITEDATA(0xff); else SPI4W_WRITEDATA(0x00); break; case PIC_E: SPI4W_WRITEDATA(0x00); break; case PIC_WHITE: SPI4W_WRITEDATA(0x00); break; case PIC_BLACK: SPI4W_WRITEDATA(0x00); break; default: break; } pcnt++; } } SPI4W_WRITECOM(0x18); SPI4W_WRITEDATA(0x80); SPI4W_WRITECOM(0x22); SPI4W_WRITEDATA(0xF7); //Load LUT from MCU(0x32), Display update SPI4W_WRITECOM(0x20); DELAY_mS(1); READBUSY(); } 

``
简单分析一下，首先设置了两个for循环，一个是屏幕的长，一个是屏幕的宽。两个for循环下来，刚好把屏幕的每个像素点都数了一遍。所以这个for循环里面就是打点，每执行一下，显示出一个像素点，执行了（widehigh）次.这里屏幕的高设为16，是因为一个数据（0x00）占八位，即八个像素点。
gImage_1_red[pcnt]这个数组里面放的是整个屏幕的显示数据，总共400个字节（25016）,pcnt=0,从第0个字节开始放，执行一次循环，pcnt++,放入下一个，直到把整屏的数据全放进去。
显示效果：
这是图片，不是写的字

文字显示

Draw_char(200,224,0,2,0);//0 ,黑色；1，红色。其他 ，黑底白字 .. //省略了驱动，只写显示 for(wide=0; wide<250; wide++) { 
    for(high=0; high<16; high++) { 
    if(x_start<wide && wide<x_end && y_start<= high && high <= y_end) SPI4W_WRITEDATA (hz_bw[pcnt++]);//放入文字 else SPI4W_WRITEDATA (0XFF); } 

也可以再优化一下，指定位置显示想要的文字

讯享网Draw_String(100,11,"蓝") void Draw_String(uint32_t x, uint32_t y, const unsigned char *chs) { 
    Display_init(); SPI4W_WRITECOM(0X24); uint32_t i = 0; unsigned int high, wide; unsigned int pcnt=0; while (*chs != '\0') //非空字符 { 
    if(*chs >= 0xa0) //汉字 { 
    for(i=0;i < GB16_NUM();i++) if ((*chs == hz_index[i*2]) && (*(chs+1) == hz_index[i*2+1])) //if ((*chs == hz_index[i])) { 
    pcnt=(32)*i; //LCD_Draw(x,y,&hz[32*(i)],16,16);  for(wide=0; wide<250; wide++) { 
    for(high=0; high<16; high++) { 
    if(x<wide && wide<x+16 && y<= high && high <= y+1) SPI4W_WRITEDATA(hz[pcnt++]); else SPI4W_WRITEDATA (0xFF); } } // pcnt++; x+=16; } chs+=2; } else { 
    for (i=0 ;i < ASCII_NUM();i++) { 
    if (*chs == zf_index[i]) { 
    pcnt=(16)*i; for(wide=0; wide<250; wide++) { 
    for(high=0; high<16; high++) if(x<wide && wide<x+8 && y<= high && high <= y+1) SPI4W_WRITEDATA(zf[pcnt++]); else SPI4W_WRITEDATA(0xFF); //  } x += 8; break; } } chs++; } } } 

显示效果： 

下期说一下数据格式，取模方式，和数据的调整。