1.12. 使用LCD显示器画几何图形

本节种我们将继续探索LCD屏幕显示的功能，掌握如何在BlueFi的彩色LCD屏幕上绘制基本几何图形，包括直线、三角形、任意多边形、 矩形、圆角矩形和圆，并掌握边框线径、填充与透明等处理。利用这些绘制基本几何图形的方法，我们能够创意出各种各样的几何图案。

1.12.1. 绘制基本几何图形

相信你现在能明白本节最后面所列举的基本几何图形接口及其说明，本节第一个示例程序就是将所有这些接口在BlueFi屏幕上绘制基本几何 图形。示例程序如下：

../../_static/images/basics/shape.png

在这个示例中，我们将显示器代码抽屉中不同的几种画图形的积木块全部用了一遍，目的是让你学会使用这些代码块完成不同图形的绘制。

示例代码分析：

  • 第1行，初始化程序，相当与程序下载进Bluefi之后告知Bluefi从此开始执行程序
  • 第2行，一个无穷循环的程序块
  • 第3行，创建图层shape，并指定其包含的最大元素个数为4
  • 第4行，绘制一个名叫line的直线，并指定其两端点坐标和颜色，将line添加到shape图层中
  • 第5行，绘制一个名叫circle的圆，并指定圆心坐标和圆角半径，以及颜色，将circle添加到shape图层中
  • 第6行，绘制一个名叫rect的方形，并指定左上角顶点坐标、宽度和高度，以及颜色将rect添加到shape图层中
  • 第7行，绘制一个名叫cir_rect的圆角方形，并指定左上角顶点坐标、宽度、高度和圆角半径，以及颜色将cir_rect添加到shape图层中
  • 第8行，将shape图层显示到screen上

总结：

  • 基本几何形状及其参数
  • 填充与透明
  • 绝对坐标
  • 本节中，你总计完成了8行代码的编写工作

重要

出现的代码块

  • 绘制直线(起点、终点坐标，颜色)
  • 绘制方形(中心点坐标，长、宽设置，颜色，填充/不填充)
  • 绘制圆角方形(中心点坐标，长、宽设置，圆角半径，颜色，填充/不填充)
  • 绘制圆形(中心点坐标，半径设置，颜色，填充/不填充)