APP Inventor使用指南

发布于:2025-07-13 ⋅ 阅读:(16) ⋅ 点赞:(0)

  • 点击跳转 : app inventor(点不开的话需要🪄🪄🪄🪄🪄)
  • 在这里插入图片描述

一、组件介绍

  • 用户界面组件(UI Components)​​:
    按钮(Button)、标签(Label)、文本输入框(TextBox)、图像(Image)等
  • 布局组件:水平布局(HorizontalArrangement)、垂直布局(VerticalArrangement)、表格布局(TableArrangement)等
  • 媒体组件(Media Components)​​:
    播放器(Player)、录音机(SoundRecorder)、摄像头(Camera)等
  • ​​传感器组件(Sensor Components)​​:
    加速度传感器(AccelerometerSensor)、位置传感器(LocationSensor)等
  • ​​连接组件(Connectivity Components)​​:
    蓝牙(BluetoothClient)、网络(Web)组件等
  • ​​数据存储组件(Storage Components)​​:
    TinyDB(本地数据库)、TinyWebDB(网络数据库)等
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

设计方法:先拖布局组件实现整体UI布局,再放入所需控件,可设置的属性包括位置,对其方式,名称,字体大小颜色,控件形状,背景颜色;

二、逻辑设计

在这里插入图片描述
逻辑设计部分界面包括两部分,上面是内置快,常用于文本数字布尔值等的拖拽,下面screen部分是组件设计中以及做好的部分

设计方法:

  • 按照组件从上到下逐个设置,点击后选择需要的拼图拖拽
  • 设计顺序建议先初始化,再逐个实现功能

设计实例(参考嘉立创教程)

原视频地址:智能小车app控制

  1. 首先设计UI界面
    在这里插入图片描述

  2. 初始化逻辑
    先断开蓝牙连接(客户端是控制设备,服务端是被控制),列表选择启用,因为没有连接设备,使用不启用断开连接按钮,此时是灰色不可点击状态,设置标签文本为对应状态。
    在这里插入图片描述

  3. 设备选择逻辑
    主体是列表选择框待选择时,即悬而未决时,此时设置显示在屏幕的可选对象为蓝牙客户端搜索到的地址几其名称,同时设置标签状态
    在这里插入图片描述
    选择成功后,就要设置选中项去让蓝牙客户端连接,对象就是选中项(这里最不好理解),此时断开连接按钮可按,选择列表不可选状态,设置对应标签值
    在这里插入图片描述

  4. 断开连接逻辑
    点击了断开连接就调用蓝牙客户端的组件断开连接同时对组件设置是否交互以及标签值
    在这里插入图片描述

  5. 控制区按键逻辑
    点击按钮后调用蓝牙客户端组件发送内容,包括数字字符串什么的,这里使用发送一位数字,只要和代码里面内容一一对应即可
    在这里插入图片描述

  6. 开关灯逻辑
    在这里插入图片描述


声明:
本文为本人的学习笔记,旨在记录和分享个人在学习过程中的心得体会和原创代码。由于本人刚入门,对相关知识的理解可能还存在不足之处,文章中难免会有错误或不准确的地方。在此,我诚挚地欢迎各位读者在阅读过程中,如果发现任何问题或有其他建议,随时在评论区或通过其他方式与我交流。我将虚心听取大家的意见,及时修正和改进文章内容,以便更好地学习和成长。感谢大家的关注和支持!



网站公告

今日签到

点亮在社区的每一天
去签到