0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

自定义桌面助手的制作教程

454398 来源:工程师吴畏 2019-08-22 10:31 次阅读

第1步:面包板

自定义桌面助手的制作教程

首先,您需要根据电路原理图将面板中的所有组件接线。如图所示。您应该完全按照原理图中的说明连接屏幕,因为这些引脚与屏幕的库一起使用,但是,按钮并不重要,您可以随心所欲地执行任何操作。您根本不必使用4个按钮或任何按钮,如果您真的想要,可以使用操纵杆。以下是我使用的引脚。请注意,这些是编程中使用的引脚,而不是物理引脚。例如,CS引脚连接到引脚22,当从原理图看时,引脚22实际上是从右上角开始的第三个引脚。有一些不同版本的ESP-32,因此有些引脚可能与本项目中显示的不完全相同。如果您的不同,请尝试为您的版本找到引脚图。

屏幕引脚--------- ESP-32引脚

CS -------------------- 22

DC -------------------- 21

MOSI ------------ ----- 23

CLK ------------------- 19

RST -------- ----------- 18

MISO ---------------- 25

确保你有这些权利,你在屏幕上连接两个VCC和接地引脚。

按钮1 - ----------- 35

按钮2 ------------ 34

按钮3 ------- ----- 33

按钮4 ------------ 32

10uF电容连接到ESP-32上的EN引脚并且开始了。电容器的方向无关紧要。

最后一点是确保Esp-32的5v引脚和GND引脚分别连接到VCC和GND。然后你应该能够将数据线插入ESP-32并且屏幕应该打开并且是白色的。

第2步:基本程序测试

我会继续并附上一些初学者代码,这些代码将帮助您测试组件并从API中提取数据。在Arduino中有5个库需要继续下载。这些库是

WiFi.h

HTTPClient.h

spi.h中

Adafruit_GFX.h

Adafruit_ILI9341.h (ILI9341是此特定屏幕,这是该屏幕的库)

要在Arduino中添加库,请转到“工具”》“管理库”,然后搜索上面提到的三个库。

我附加的入门代码应显示为每个按下的按钮绘制一个小圆圈。耐克股票的价格应该画在屏幕中间的某个地方。当按下一个不同的按钮时,会出现一个新的圆圈。

如果这一切都有效,你知道你的组件正常工作。

第3步:EasyEDA - 原理图

得到https://easyeda.com/创建一个免费帐户并完成所有这些工作。

当您设置EasyEDA时,首先要创建一个新项目并制作一个新的原理图。您要确保放置所有零件并按照我在原理图中显示的方式连接它们,除非您想以某种方式使它们与众不同。在左侧,您可以在各个库中搜索所需的部件,然后将它们放在原理图中。

如果搜索以下术语,您应该能够找到所有组件。这些是零件清单图片中的所有项目,但我会继续在下面输入,以便您可以根据需要复制和粘贴它们。

ESP32S Devkit - ADV(转到左边的“库”,然后在用户提供下搜索)

2.2 TFT LCD - ADV(转到“库”上在用户提供的情况下左右搜索)

C110153(转到左边的“库”,然后在LCSC下搜索)

C94705(转到“库”上左转并在LCSC下搜索)

C58673(转到左边的“图书馆”,然后在LCSC下搜索)

放好所有组件后,将它们连接到正确的引脚以及GDN和VCC连接。您可以使用接线工具连接它们并放置GND和VCC符号。然后,一旦正确连接了所有电线,就可以单击转换为PCB按钮。

步骤4:EasyEDA - PCB设计

当您在PCB环境中开始时,您会在右侧看到一堆图层和数字。将您的单位更改为毫米或您想要使用的任何内容,并将捕捉大小(捕捉大小基本上是您可以在网格上放置的间隔)更改为方便的东西。我制作了10mm,因为我希望我的电路板轮廓为100mm x 100mm,然后在我开始放置组件后将其改为0.01mm。

首先编辑电路板轮廓图层(单击颜色并出现一支铅笔),然后绘制电路板轮廓,在我的情况下,我的电路板为100mmx100mm。完成后,编辑顶层并开始将组件放在板上,将它们拖放到轮廓上。

然后放置组件后,用线工具连接所有蓝线,除非它们连接到GND或VCC。 GND和VCC连接直接连接到电路板,无需通过电线隔离。将所有非VCC和GND连接连接在一起后,可以使用铜区域工具进行最后的连接。在顶层执行一次,在底层执行一次。确保在属性选项卡中将其中一个铜区域更改为VCC,我通常将顶层GND和底层VCC。

完成后,电路板看起来应该完整,您可以放大以查看GND连接到电路板的位置。此时,您希望通过刷新最左侧设计管理器选项卡下的DRC错误来检查DRC错误。如果没有错误,您可以去订购您的电路板。要订购电路板,请单击顶部功能区中带有G和向右箭头的按钮以导出Gerber文件。这将直接带你到你购买电路板的地方,有很多不同颜色和饰面的选择会影响电路板的价格,对于PCB厚度,我认为1.6是我们通常做的。

如果要仔细检查组件是否合适,可以导出电路板的PNG图像,然后将组件推入纸张,以查看插脚是否合适。不要担心缩放它,你应该可以打印出来。

第5步:焊接

当所有部件都安装到位时,将所有组件焊接到电路板上是非常令人满意的。焊接的整个过程可以在我制作的视频中看到。

我们在实验室中使用的焊台是这些:https://amzn.to/2K5c6EX,这些都是帮助之手我们使用。现在我已经毕业了,我将无法再直接访问它们了,一旦我找到自己的位置,我就会为自己买一些。

第6步:更多编程!

我觉得放弃我的所有代码都不太合适,因为它是为学校作业完成的,你应该尝试使用自己的设备发挥创意并且让它做你感兴趣的事情。

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 面包板
    +关注

    关注

    3

    文章

    298

    浏览量

    17582
收藏 人收藏

    评论

    相关推荐

    think-cell;自定义think-cell(一)

    本章介绍如何自定义 think-cell,即如何更改默认颜色和其他默认属性;这是通过 think-cell 的样式文件完成的,这些文件将在前四个部分中进行讨论。 第五部分 C.5 设置默认议程幻灯片
    的头像 发表于 01-08 11:31 70次阅读
    think-cell;<b class='flag-5'>自定义</b>think-cell(一)

    TPS659xx应用程序自定义工具

    电子发烧友网站提供《TPS659xx应用程序自定义工具.pdf》资料免费下载
    发表于 11-06 10:02 0次下载
    TPS659xx应用程序<b class='flag-5'>自定义</b>工具

    创建自定义的基于闪存的引导加载程序(BSL)

    电子发烧友网站提供《创建自定义的基于闪存的引导加载程序(BSL).pdf》资料免费下载
    发表于 09-19 10:50 0次下载
    创建<b class='flag-5'>自定义</b>的基于闪存的引导加载程序(BSL)

    如何创建TestStand自定义步骤

    在之前的课程中简单地介绍过TestStand自带的一些步骤类型,如测试、消息弹窗、赋值、标签等等,这些简单的步骤从TestStand的插入选版中就可以添加到序列中。那么在使用中如果碰到需要实现更加灵活、复杂的功能,使用自带的一些步骤类型可能难以满足,这时就需要使用到自定义步骤。
    的头像 发表于 09-11 14:46 1169次阅读
    如何创建TestStand<b class='flag-5'>自定义</b>步骤

    请问multisim怎么自定义元器件?

    为什么我在multisim中自定义元器件始终出不了想要的波形效果呢?同一个pspice模型我同学之前都定义正确了,现在我想再来试一下结果一直失败
    发表于 09-10 06:16

    EtherCAT运动控制器PT/PVT实现用户自定义轨迹规划

    EtherCAT运动控制器PT/PVT实现用户自定义轨迹规划。
    的头像 发表于 08-15 11:49 659次阅读
    EtherCAT运动控制器PT/PVT实现用户<b class='flag-5'>自定义</b>轨迹规划

    NVIDIA NeMo加速并简化自定义模型开发

    如果企业希望充分发挥出 AI 的力量,就需要根据其行业需求量身定制的自定义模型。
    的头像 发表于 07-26 11:17 772次阅读
    NVIDIA NeMo加速并简化<b class='flag-5'>自定义</b>模型开发

    如何为ESP8266构建自定义盾牌?

    我正在寻找某种如何为ESP8266构建自定义盾牌的指南。 到目前为止,我已经使用 NODEMCU 构建了功能原型,但我现在想简化事情并使其更小。 1. 是否有一些书面的、开放的硬件指南 (很好
    发表于 07-08 07:17

    Chrome移动版支持自定义菜单栏功能

    在先前版本中,用户通过点击浏览器右上角的三个点按钮即可调出包含各类图标与操作的菜单。而此次更新后,Chrome新增了“自定义菜单”选项,允许用户自主控制该区域的展示内容。
    的头像 发表于 05-27 15:00 838次阅读

    HarmonyOS开发案例:【 自定义弹窗】

    基于ArkTS的声明式开发范式实现了三种不同的弹窗,第一种直接使用公共组件,后两种使用CustomDialogController实现自定义弹窗
    的头像 发表于 05-16 18:18 1391次阅读
    HarmonyOS开发案例:【 <b class='flag-5'>自定义</b>弹窗】

    TSMaster 自定义 LIN 调度表编程指导

    LIN(LocalInterconnectNetwork)协议调度表是用于LIN总线通信中的消息调度的一种机制,我们收到越来越多来自不同用户希望能够通过接口实现自定义LIN调度表的需求。所以在
    的头像 发表于 05-11 08:21 702次阅读
    TSMaster <b class='flag-5'>自定义</b> LIN 调度表编程指导

    HarmonyOS开发案例:【UIAbility和自定义组件生命周期】

    本文档主要描述了应用运行过程中UIAbility和自定义组件的生命周期。对于UIAbility,描述了Create、Foreground、Background、Destroy四种生命周期。对于页面
    的头像 发表于 05-10 15:31 1279次阅读
    HarmonyOS开发案例:【UIAbility和<b class='flag-5'>自定义</b>组件生命周期】

    微软Dev Home应用提供自定义文件管理支持

    据悉,Microsoft 近期发布了 0.13 版 Dev Home 应用程序,除修复多项 BUG 外,还新增了自定义文件资源管理器功能。该应用支持用户在应用内创建虚拟机,利用微软旗下的 Hyper V 技术生成本地虚拟机。
    的头像 发表于 04-26 11:15 484次阅读

    HarmonyOS开发实例:【自定义Emitter】

    使用[Emitter]实现事件的订阅和发布,使用[自定义弹窗]设置广告信息。
    的头像 发表于 04-14 11:37 1018次阅读
    HarmonyOS开发实例:【<b class='flag-5'>自定义</b>Emitter】

    鸿蒙ArkUI实例:【自定义组件】

    组件是 OpenHarmony 页面最小显示单元,一个页面可由多个组件组合而成,也可只由一个组件组合而成,这些组件可以是ArkUI开发框架自带系统组件,比如 `Text` 、 `Button` 等,也可以是自定义组件,本节笔者简单介绍一下自定义组件的语法规范。
    的头像 发表于 04-08 10:17 658次阅读