手机APP开发之MIT Appinventor详细实战教程(九),工具箱的设计和MIT的基础知识讲解

 (一)APP功能介绍

这次我给大家介绍一个关于工具箱的App ,这个APP在逻辑方面较为简单。但是他的设计过程中包含了很多相关的知识,通过这篇文章,可以让大家很具体有直观的了解到这个编程软件的使用方法,以及编程的思维和过程。我们先看一看APP的功能是什么?

 App分为三个界面:分别是初始界面,登录界面以及功能界面。初始界面用来让使用者了解相关的信息。

登录界面让使用者进行登录,而功能界面则是一个网站的集合体。

你可以通过功能界面中的按钮,来搜索自己想要的东西。

 App稍后发给大家,大家可以按照APP的功能和使用方法,来一步一步的了解它的编程思路和使用方法。

(二)APP的设计过程

 这是APP的初始界面

这是界面中所包含的所有组件合集,应用名称就是我们APP安装到手机之后下方的文字。图标就是我们APP的图标。这个图标可以根据自己的需求随意设置,也可以加入本地的图片。最下方则是对这个屏幕的大小以及位置进行的设置。 

  

 这是屏幕背后的逻辑设计, 这个逻辑设置主要包含三个部分。分别是按钮,对话框和文本。其中黄色部分表示按钮功能。紫色部分表示对话框功能。深红色部分表示文本功能。

第1个逻辑功能的意思就是:当在线登录这个按钮被点击的时候,我们调用对话框显示“暂时不可用,请随时查看更新的内容”。 较为简单,不多解释。  大家如果想详细了解可以登录这个网站。进行实际操作一下,在网页上直接搜索wxbIt就可以了。

 这是第2个界面的设计,是一个较为简单的登录界面。其功能组件包含有文本输入框,密码输入框以及按钮。 文本输入框用来输入你的账号。密码输入框原来输入密码。而按钮用来确认登录。

其中账号的字体是用标签确定的,登录这个按钮上文字是可以通过右方的组件属性进行修改的。他原来的字体应该是按钮1, 总的来说,就是说左边部分是图形界面。而右边部分则是对这些组件的详细设计,包括它的字体颜色 位置的相关设计。 

 这是第2个界面内部的逻辑结构 ,这个逻辑结构只是一个初步设计,并不是特别的完善。当初的设想是通过数据库来完整的实现一个账号与密码之间的相互对应关系。但由于时间紧迫,这个功能尚未实现。我们下周敬请期待。

这个逻辑功能唯一值得大家了解的就是跳转屏幕的功能,当确认登录这个按钮被点击后直接打开第3个屏幕。

好,我们之间来看第3个屏幕。

 这就是第3个屏幕的功能界面。 其所含的组件有标签、按钮、页面布局、网页显示框。 

 这里让你讲的知识点就是一个页面布局,我们在最左方可以看到页面布局设置。里面包括水平布局,垂直布局等多种布局。用来使整个界面更加的优美和完善。

给大家举一个简单的例子,就是这个大框框里面的第1列。是一个垂直布局。以此类推,第2列,第3列也是垂直布局。而这三个垂直布局又由一个大框框水平布局所包含,所以就呈现为这样的样子。 

 这是其内部的逻辑设计。逻辑设计所包含的问题无非有两个: 

第1个问题就是在第3个界面初始化的时候,不要产生返回的那个按钮。这个就需要通过按钮时候显示的真假逻辑值来进行实现了,相对过程较为简单。也就是当页面初始化的时候,我们让这个按钮是否显示为假,它就不会显示了。

  第2个问题便是其他功能的按钮被点击时,其他的按钮应该消失。因为功能按钮是由一个很大的垂直布局包含的,所以我们同样设置为假就可以。

这个页面要学习的知识点,就是它打开网页的功能。当我们点击一个按钮的时候,让它打开一个网页,其实是一个相对简单的事情。我们只需要调用网页浏览器的功能组件,让其打开文本框内的网页就可以了。

  这个其实是可以随便设计的。就如上面红色的组件中的网页一样。如果我们输入百度的网页,那么你点击按钮后就会产生百度的网页相对简单。

 这个APP稍后发给大家,大家可以根据APP来进一步测试和了解今天所讲的东西。由于是大家第一次接触,所以逻辑方面讲的较为简单,着重给大家讲解其基础知识和对他的了解。我们下周着重从逻辑功能这方面给大家详细的介绍一下。 

 ​

 

 

  • 12
    点赞
  • 102
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: MIT App Inventor是一款用于创建安卓应用程序的免费软件。它是一个基于可视化编程的开发工具,用户不需要具备高超的编程技能,只要简单拖拽各种组件,就能够实现一个基本的应用程序。MIT App Inventor支持多种传感器,用户可以在自己的应用中加入地理定位、照相机等功能。用户创建完毕应用程序后可以进行实时测试,确保应用功能符合自己的预期。 ### 回答2: 随着移动互联网的发展,手机APP已经成为了人们日常生活中必不可少的工具。对于那些想要学习开发手机APP的人来说,有很多不同的工具和平台可以选择。其中,MIT App Inventor是一款非常受欢迎的应用程序开发工具。 MIT App Inventor为用户提供图形化的编程环境,可以快速地将代码块拼接成完整的APPMIT App Inventor还提供了一组强大的模块和组件,可以用于构建丰富的交互式用户界面,添加各种功能和特性。 在实战教程方面,由于MIT App Inventor是基于图形化编程的工具,因此比较容易上手。以下是一些常见的步骤和技巧: 1.创建新的APP项目并命名 在App Inventor的页面上,点击“Create new project”按钮,填写APP名称和描述,并点击“OK”按钮,就可以创建一个新的APP项目。 2.拖拉组件并调节大小和位置 在“Designer”模式下,用户可以选择不同的组件,例如按键、文本框、图像、列表等等,将它们拖拉到画布上,并设置它们的大小和位置。 3.设置组件的属性和行为 在“Blocks”模式下,用户可以为不同的组件设置属性和行为。例如,可以为按键设置响应事件、为文本框设置默认值、为图像设置来源等等。 4.使用块拼接代码 在“Blocks”模式下,用户可以将不同的代码块拼接在一起,实现各种功能和特性。例如,可以将用户输入的文本保存到文件中、调用摄像头拍照并显示图片等等。 以上是MIT App Inventor的一些常见实战教程步骤和技巧,当然还有很多其他的功能和特性可以继续探索。总的来说,MIT App Inventor是一款非常适合初学者的应用程序开发工具,它提供了简单易懂的图形化界面和丰富的组件和模块,可以轻松地实现自己的APP想法。 ### 回答3: 手机APP开发是当下最热门的技术领域之一,随着移动互联网的快速发展,越来越多的人开始关注APP的开发和推广。其中,MIT App Inventor是一款非常受欢迎的开发工具,它能够让任何人都可以轻松地开发出自己的APP。下面我将为大家详细介绍MIT App Inventor实战操作教程。 一、安装MIT App Inventor 首先,我们需要在官网上下载并安装MIT App Inventor软件。只需要在谷歌浏览器中输入“MIT App Inventor”,打开官网即可。在官网上,我们会看到“Build Your Own APPS”这个页面,这个页面上有详细的安装教程和下载链接。我们只需要根据提示下载并安装即可。 二、创建新APP 安装完MIT App Inventor后,我们就可以开始创建新APP了。首先,在软件中点击“New Project”按钮,然后输入APP的名称和包名。 三、添加组件 添加组件是APP开发的重要步骤之一,下面我们来介绍一下如何添加组件。 1.在组件栏中选择要添加的组件,比如说我们要添加一个按钮,只需要在组件栏找到“Button”组件并拖动到画布上即可。 2.设置组件属性。在组件的属性栏中,我们可以设置组件的各种属性,比如按钮的文本、颜色、大小等等。 四、设计界面 设计界面是APP开发的另一个重要步骤,下面我们来介绍一下如何设计界面。 1.在画布上拖动组件。我们可以通过拖动组件来设计APP界面的布局,比如在画布上拖动多个按钮,并设置它们的位置和大小。 2.编辑UI主题。我们可以在UI主题中编辑APP的样式,包括字体、颜色、背景图等等。 五、添加代码 添加代码是APP开发的最后一步,下面我们来介绍一下如何添加代码。 1.选择组件。在MIT App Inventor中,我们可以通过选择组件来添加事件和代码。比如,要为一个按钮添加点击事件,只需要在设计界面中选择这个按钮。 2.添加代码。我们可以在事件编辑器中添加相应的代码,当用户点击按钮时,程序会自动运行我们添加的代码。 以上就是MIT App Inventor实战操作教程,通过这个教程,我们可以轻松地开始自己的APP开发之路。当然,APP的开发还需要不断的学习和实践,希望大家能够在这个领域中不断进步,取得更好的成果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值