Ai-WB1系列驱动4.0寸电阻触摸屏运行LVGL v8.3

news/2024/11/28 5:41:12/

文章目录

    • @[TOC](文章目录)
  • 前言
  • 一、功能预览
    • 1.滑动条和按钮
    • 2. 页面切换
    • 3.动画效果
    • 4.RGB控制功能
      • 1)红灯控制
      • 2)绿灯控制
      • 3)蓝灯控制
      • 4)幻彩灯控制
  • 二、接线
  • 二、固件链接
  • 三、联系我们

前言

Ai-WB1系列一共设计了两款模组,分别是:

  • Ai-WB1-12F 对应开发板为:Ai-WB1-12F-Kit
  • Ai-WB1-32S 对应开发板为: Ai-WB1-32S-Kit 以及Ai-WB1-32S-CAM

本文就是用Ai-WB1-12F-Kit进行开发板,运行LVGL v8.3。屏幕参数如下:

  • 驱动芯片: ST7796S SPI驱动
  • 触摸类型: 电阻式, 芯片为:XPT2046
  • 尺寸: 4.0 寸
  • 分辨率:480*320

在这里插入图片描述

一、功能预览

1.滑动条和按钮

在这里插入图片描述

2. 页面切换

在这里插入图片描述

3.动画效果

在这里插入图片描述

4.RGB控制功能

在Ai-WB1-12F-Kit 开发板上有一颗5050 RGB灯,可以利用LVGL 的滑动条组件控制颜色的亮度。
在这里插入图片描述

1)红灯控制

在这里插入图片描述

2)绿灯控制

在这里插入图片描述

3)蓝灯控制

在这里插入图片描述

4)幻彩灯控制

在这里插入图片描述

二、接线

在这里插入图片描述

二、固件链接

https://docs.ai-thinker.com/_media/ai-wb1/ai-wb1_lvgl.zip

三、联系我们

以上就是本期分享的内容,目的在于让大家快速适应新品方案的开发,更多资料可从我们官网上获取。

官方官网:https://www.ai-thinker.com
开发资料:https://docs.ai-thinker.com/
官方论坛:http://bbs.ai-thinker.com
技术支持:support@aithinker.com


http://www.ppmy.cn/news/455457.html

相关文章

FH162儿童电子液晶手写板方案芯片开发

在如今电子产品盛行的年代里,也许很多朋友都像小编一样,逐渐忘记了如何手写了。长期没有手动写字,写出来的字自己都没眼看。写字是从小养成的传统习惯。 在如今电子产品盛行的年代里,也许很多朋友都像小编一样,逐渐忘记…

如何正确地使用ES6提高我们的代码质量(二)

一、拓展运算符(…) 这个符号最大的作用就是展开,展开数组和对象。 ①argument转数组 以下第一个例子就是编写一个将数组重新排序的方法,通过…我们可以轻而易举地分解数组。 // 例子 12-1// bad function sortNumbers() {ret…

2019年中国全国5级行政区划(省、市、县(区)、镇(街道)、村)

国内码云的地址 https://gitee.com/ruina2019/china_area GitHub仓库地址 https://github.com/adyliu/china_area.git

Qt生成二维码

首先需要了解的是,二维码就是以01矩阵图的形式存储的字符串而已,就像我们扫描的网址类型的二维码,扫出来通过解析器其实就是一个url链接。关于其他的说明就自己百度了。 此处使用的是开源库qrencode来进行测试,类似的还有zxing或者…

全国行政区划数据(截止2019年3月)

省市区三级数据(含港澳台钓鱼岛以及经济开发区)和经纬度信息,准确有效! 下载地址请扫码

全国省(23个)、直辖市(4个)、自治区(5个)、特别行政区(2个)

省(23):广东省(粤)湖南省(湘)江西省(赣)河北省(冀)浙江省(浙)湖北省(鄂)云南省(云)山西省(晋&…

中国有多少个省?

中国共计34个省级行政区,包括23个省、5个自治区、4个直辖市、2个特别行政区。 23个省分别为:河北省、山西省、辽宁省、吉林省、黑龙江省、江苏省、浙江省、安徽省、福建省、江西省、山东省、河南省、湖北省、湖南省、广东省、海南省、四川省、贵州省、云…

天地图区域行政区划

我这边的写法是通过每个城市的orgID 如浙江省是330000,getEdgeMapInfo获取下面相对应的城市 然后通过接口返回的json数据 去请求json文件夹获取数据 drawLine(id) {let style {color: blue,weight: 3,opacity: 1,lineStyle: dashed, // 虚线fillColor: transprent…