通過前面的學習，已經掌握了LCD顯示圖片以及顯示Gif動畫。這些圖片其實也可以自己通過寫顯存，以畫畫的方式完成。而畫畫最基本的就是點和線了。

要畫一個點，只要取一個點的區域，寫該點的顯存就可以完成。

void LCD_DrawPoint(u16 x,u16 y,u16 color)
{
  ILI9341_SetPageAddr(y,y);      //頁地址設置
  ILI9341_SetColumnAddr(x,x);     //列地址設置
  ILI9341_WriteMemory(&color,1); //寫點的顯存
}

接著進行測試，連續畫多個點看最終效果。

主函數

#include "stm32f4xx.h"
#include "core_cm4.h"
#include "ili9341.h"


int main()
{
  u16 i = 0;
  ILI9341_Init();                  //ILI9341初始化
  for(i=0;i< 240;i++)
    LCD_DrawPoint(i,i,RED);
  while(1);
}

屏幕顯示如下圖

連續畫點可以看到點已經被畫出來，最終連成了一條直線，畫點函數編寫成功。

點畫好了，而兩點又可以確定一條直線，現在開始構造畫直線函數。畫直線可以模仿Windows下的畫圖工具中的直線，縮小時看起來是一條直線，放大后可以看到是由很多個點上下左右移動得到的。

通過什么判斷往哪個方向移動呢？根據數學知識可以知道直線的斜率可以判斷直線與X軸的夾角，那么也可以用來判斷寫入的點在直線上方還是下方，左邊還是右邊。

為了更加方便的編寫函數，默認劃線方向為從左到右，如果起點在終點的右邊，就把終點和起點互換，從左到右畫線。再根據兩點的坐標計算從起點到終點要偏移多少次才能完成。接著就是通過斜率判斷下一個點究竟往哪個方向偏移。不斷循環，直到終點為止。

void LCD_DrawLine(u16 x0,u16 y0,u16 x1,u16 y1,u16 color)
{
  u16 xm = 0,ym = 0;
  u16 step = 0;  

  if(x1< x0)    //如果起點在終點左邊，起點終點互換位置，確保從左到右劃線
  {
    xm = x0;
    x0 = x1;
    x1 = xm;

    ym = y0;
    y0 = y1;
    y1 = ym;
  }
  xm = x0;
  ym = y0;
  LCD_DrawPoint(xm,ym,color);//寫起點

  if(y1 >=y0)    //斜率為正
  {
    step = (y1-y0)+(x1-x0);//需要移動的步數
    while(step--)
    {
      if((y1-ym)*(x1-x0) >(y1-y0)*(x1-xm))//判斷斜率
        ym++;
      else 
        xm++;
      LCD_DrawPoint(xm,ym,color);
    }
  }
  else        //斜率為負
  {
    step = (y0-y1)+(x1-x0);//需要移動的步數
    while(step--)
    {
      if((y1-ym)*(x1-x0)< (y1-y0)*(x1-xm))//判斷斜率
        ym--;
      else 
        xm++;
      LCD_DrawPoint(xm,ym,color);
    }
  }
}

主函數畫三角形進行測試

#include "stm32f4xx.h"
#include "core_cm4.h"
#include "ili9341.h"


int main()
{
  u16 i = 0;
  ILI9341_Init();                  //ILI9341初始化
  while(1)
  {
    LCD_DrawLine(10,20,10,80,RED);
    LCD_DrawLine(10,80,80,80,RED);
    LCD_DrawLine(80,80,10,20,RED);
  }
}

屏幕顯示如下

屏幕顯示出三角形，畫直線函數編寫成功。