【花雕学编程】行空板K10系列实验之同心圆换屏电子相册

行空板K10是一款专为快速体验物联网和学习人工智能而设计的开发学习板，100%采用国产芯片，知识产权自主可控，符合信息科技课程中编程学习、物联网及人工智能等教学需求。该板集成2.8寸LCD彩屏、WiFi蓝牙、摄像头、麦克风、扬声器、RGB指示灯、多种传感器及丰富的扩展接口。凭借高度集成的板载资源，教学过程中无需额外连接其他设备，便可轻松实现传感器控制、物联网应用以及人脸识别、语音识别、语音合成等AI人工智能项目。

主要特点
集成摄像头&内置算法，可进行离线图像检测
集成麦克风&内置算法，可进行离线语音识别
集成扬声器&内置算法，可进行离线语音合成
2.8寸彩色屏幕，数据展示更清晰
集成度高，利于教学
接口丰富，兼容软件多，扩展性好

屏幕显示相关积木

【花雕学编程】行空板K10系列实验之屏幕循环显示同心圆换屏电子相册

实验开源代码

#include "unihiker_k10.h" // 包含行空板 UNIHIKER_K10库
#include "arduino_image_cache.h" // 包含图像缓存库

// 动态变量，用于表示当前圆的半径
volatile float mind_n_R;

// 创建UNIHIKER_K10对象并设置屏幕方向
uint8_t screen_dir = 2;
UNIHIKER_K10 k10;

void setup() {
    // 初始化UNIHIKER_K10对象
    k10.begin();
    k10.initScreen(screen_dir);
    
    // 创建并初始化画布
    k10.creatCanvas();
    
    // 设置屏幕背景颜色为黑色
    k10.setScreenBackground(0x000000);
}

void loop() {
    // 从小到大绘制圆形
    mind_n_R = 0;
    for (int index = 0; index < 12; index++) {
        k10.canvas->canvasCircle(120, 160, mind_n_R, 0xFF6666, 0x33FFFF, true);
        k10.canvas->updateCanvas();
        mind_n_R += 15;
    }

    // 绘制第一张图片
    k10.canvas->canvasDrawBitmap(0, 0, 240, 320, image_data1);
    k10.canvas->updateCanvas();
    delay(1000);

    // 从小到大绘制圆形
    mind_n_R = 0;
    for (int index = 0; index < 12; index++) {
        k10.canvas->canvasCircle(120, 160, mind_n_R, 0xFF6666, 0x33FFFF, true);
        k10.canvas->updateCanvas();
        mind_n_R += 15;
    }

    // 绘制第二张图片
    k10.canvas->canvasDrawBitmap(0, 0, 240, 320, image_data2);
    k10.canvas->updateCanvas();
    delay(1000);

    // 从小到大绘制圆形
    mind_n_R = 0;
    for (int index = 0; index < 12; index++) {
        k10.canvas->canvasCircle(120, 160, mind_n_R, 0xFF6666, 0x33FFFF, true);
        k10.canvas->updateCanvas();
        mind_n_R += 15;
    }

    // 绘制第三张图片
    k10.canvas->canvasDrawBitmap(0, 0, 240, 320, image_data3);
    k10.canvas->updateCanvas();
    delay(1000);
}
复制代码

代码解读

1、动态变量与对象初始化：

动态变量mind_n_R用于表示当前绘制圆形的半径。

创建一个UNIHIKER_K10对象k10，并设置屏幕方向screen_dir。

2、画布与屏幕初始化：

在setup函数中，初始化k10对象，设置屏幕方向，并创建画布。

调用setScreenBackground将屏幕背景颜色设置为黑色。

3、圆形绘制与图片显示：

在loop函数中，通过循环从小到大绘制填充的圆形，每次半径增加15像素，颜色为红色填充蓝色边框。

在每次绘制完圆形后，通过调用canvasDrawBitmap函数依次绘制三张图片。

4、实时更新与调整：

调用updateCanvas函数实时更新画布，确保圆形和图片绘制的动态效果。

动态调整圆形半径，确保从小到大的绘制效果。

该程序展示了如何使用UNIHIKER_K10库在屏幕上动态绘制圆形和图片，并通过循环和延时实现不同半径和颜色的圆形效果。

Mind+图形编程

实验场景图  动态图