STM32 ILI9341驱动TFTLCD（七）LCD画实心三角形、矩形、圆形

上次测试画直线函数时，已经通过三条直线画出了一个空心三角形，今天来画一下实心的，分别画下实心三角形、实心矩形、实心圆。

1、实心三角形

实心三角形，可以先画任意两条边，然后以这两条边的交点为顶点，向第三条直线的点画直线。在画第三条直线时，思想和画直线是一样的，只是在画好点之后，多加了顶点向刚画好的点画直线这一步。到第三条直线画完时，实心三角形也就画好了。

画实心三角形函数

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

  LCD_DrawLine(x0,y0,x1,y1,color);//画第一条直线
  LCD_DrawLine(x0,y0,x2,y2,color);//画第二条直线

  if(x2< x1)    //如果起点在终点左边，起点终点互换位置，确保从左到右划线
  {
    xm = x1;
    x1 = x2;
    x2 = xm;

    ym = y1;
    y1 = y2;
    y2 = ym;
  }
  xm = x1;
  ym = y1;
  LCD_DrawPoint(xm,ym,color);//写起点

  if(y2 >=y1)    //斜率为正
  {
    step = (y2-y1)+(x2-x1);//需要移动的步数
    while(step--)
    {
      if((y2-ym)*(x2-x1) >(y2-y1)*(x2-xm))//判断斜率
        ym++;
      else 
        xm++;
      LCD_DrawPoint(xm,ym,color);
      LCD_DrawLine(x0,y0,xm,ym,color);
    }
  }
  else        //斜率为负
  {
    step = (y1-y2)+(x2-x1);//需要移动的步数
    while(step--)
    {
      if((y2-ym)*(x2-x1)< (y2-y1)*(x2-xm))//判断斜率
        ym--;
      else 
        xm++;
      LCD_DrawPoint(xm,ym,color);
      LCD_DrawLine(x0,y0,xm,xm,color);
    }
  }
}

主函数

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


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

屏幕显示如图

2、实心矩形

空心矩形的画法可以想象同空心三角形一样，只要给出两个对角点，就可以确定矩形的四个点，连出四条线组成矩形。

空心矩形函数

void LCD_DrawRectangle(u16 x0,u16 y0,u16 x1,u16 y1,u16 color)
{
  LCD_DrawLine(x0,y0,x0,y1,color);
  LCD_DrawLine(x0,y0,x1,y0,color);
  LCD_DrawLine(x0,y1,x1,y1,color);
  LCD_DrawLine(x1,y0,x1,y1,color);
}

实心矩形可以从左到右依次从上往下画线，原理也很简单。函数如下

void LCD_DrawSolidRectangle(u16 x0,u16 y0,u16 x1,u16 y1,u16 color)
{
  u16 i = 0;
  for(i=0;i< y1-y0;i++)
  {
    LCD_DrawLine(x0,y0+i,x1,y0+i,color);
  }
}

主函数

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


int main()
{
  u16 i = 0;
  ILI9341_Init();                  //ILI9341初始化
  LCD_DrawSolidRectangle(100,100,200,200,RED);
  while(1);
}

屏幕显示如图

3、实心圆

空心圆的画法，可以把圆分为8等分，每份占45°，根据圆的对称性，画出其中1/8，其余的也就画出来了。

圆上的点的和半径之间有xx+yy=r*r的关系，可以通过判断和半径之间的大小关系来确定每一个点要怎么移动。同时，如果圆心为原点，那么45°对应的x和y是相等的，可以通过这个来判断这1/8的圆是否已经画好。

空心圆函数

void LCD_DrawCircle(u16 x,u16 y,u16 r,u16 color)
{
  u16 xm = 0,ym = r;
  u16 i = 0;
  //先画出圆在x、y轴上的四个点
  LCD_DrawPoint(x,y+r,color);
  LCD_DrawPoint(x+r,y,color);
  LCD_DrawPoint(x,y-r,color);
  LCD_DrawPoint(x-r,y,color);

  while(xm<=ym)//判断是否画完
  {
    if((xm*xm+ym*ym)< (r*r))//在圆内
      xm++;
    else   //在圆外
      ym--;
    LCD_DrawPoint(x+xm,y+ym,color);
    LCD_DrawPoint(x-xm,y+ym,color);
    LCD_DrawPoint(x-ym,y+xm,color);
    LCD_DrawPoint(x-ym,y-xm,color);
    LCD_DrawPoint(x+ym,y+xm,color);
    LCD_DrawPoint(x+ym,y-xm,color);
    LCD_DrawPoint(x+xm,y-ym,color);
    LCD_DrawPoint(x-xm,y-ym,color);
  }
}

主函数

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


int main()
{
  u16 i = 0;
  ILI9341_Init();                  //ILI9341初始化
  LCD_DrawCircle(120,150,100,RED);
  while(1);
}

屏幕显示如图

空心圆完成了，实心的就很好画了。只要让圆的半径从0开始增加到目标半径，依次画出每个半径的圆，最后呈现出来的就是一个实心圆了。

实心圆函数

void LCD_DrawSolidCircle(u16 x,u16 y,u16 r,u16 color)
{
  u16 i = 0;
  for(i=1;i< r;i++)
    LCD_DrawCircle(x,y,i,color);
}

主函数

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


int main()
{
  u16 i = 0;
  ILI9341_Init();                  //ILI9341初始化
  LCD_DrawSolidCircle(120,150,100,RED);
  while(1);
}

屏幕显示如图

LCD上基本图形的画法就介绍到这里了。