养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

怎么使用WxBit制作一个手机APP

时间:2024-09-29 21:30:20

现螅岔出礤在制作安卓APP的工具有很多,有很大一部分是收费的,直到出现了WxBit,以前叫做APPINVENTOR,不仅免费使用,而且还是图形化编程,下面我们一起来体验一下吧

工具/原料

小米笔记本Air12

WIN10系统电脑WIN10家庭版

WxBit3.33.1001

方法/步骤

1、首先进入你的WxBit项目库,点击“新建项目”

怎么使用WxBit制作一个手机APP

2、在弹出来的界面填写你的项目名称,请注意不能含有中文

怎么使用WxBit制作一个手机APP

3、填写好项目名称后,界面会自动跳转到编辑界面

怎么使用WxBit制作一个手机APP

4、页面右上角有迷撞笸痉两个设计按钮,分别为“组件设计”和“逻辑设计”,组件设计意思就是界面上的一些按钮,标签,文本输入框等组件的位置摆放,逻辑设计就是按钮,标签等组件对应实现的功能

怎么使用WxBit制作一个手机APP

5、这里我们拿按钮作为例赤蹭荸锅子,那么首先我们从左侧“组件面板”,鼠标点到“按钮”,按住左键,把它拖放到手机界面上

怎么使用WxBit制作一个手机APP

6、按钮放入手机界面后,毋队末哎它默认贴左侧,看到页面右边,点击“按钮”,最右侧看到可以对按钮位置,大小,按钮的名字做修改,这里为了节省时间,不过多解释了

怎么使用WxBit制作一个手机APP

7、接下来,我们为这个按钮设计一个逻辑,当我们点击它的时候,让它实现一些功能,点击右上角的“逻辑设计”

怎么使用WxBit制作一个手机APP

8、这时候会跳转到逻辑设计界面,我们在左侧看到很多功能模块

怎么使用WxBit制作一个手机APP

9、我们点击“按钮”,接着我们就看到这个按钮可以实现的哪些功能

怎么使用WxBit制作一个手机APP

10、这里我们直接让按钮被长按的时候,改变按钮文本的颜色为红色,按图选择对应的编程模块

怎么使用WxBit制作一个手机APP

11、完成之后,我们用手机测试一下软件,点击“打包”,“显示二维码”

怎么使用WxBit制作一个手机APP

12、等到进度条完成100%,用手机扫描显示出来的二维码下载APP

怎么使用WxBit制作一个手机APP

13、手机测试,长按按钮1,可以看到文本变成了红色

怎么使用WxBit制作一个手机APP

14、到这里,我们的第一个APP就完成开发了,当然这是最简单的APP,大家可以自己去尝试

© 一点知识