App Inventor 2制作一个常用的启动页

本教程将教会大家制作一个流行的启动页,和常用的APP一样。


效果图:

图片[1]-App Inventor 2制作一个常用的启动页-岸边IBIAN

1.新建一个项目(本教程是在国内WXBIT服务器上制作的)

图片[2]-App Inventor 2制作一个常用的启动页-岸边IBIAN

2.设置屏幕参数
关闭显示状态栏和标题

图片[3]-App Inventor 2制作一个常用的启动页-岸边IBIAN

3.添加两个垂直布局,并设置参数

图片[4]-App Inventor 2制作一个常用的启动页-岸边IBIAN

3步骤完成后运行(如下图):

图片[5]-App Inventor 2制作一个常用的启动页-岸边IBIAN

4.添加一个水平布局和按钮(水平布局设置“居右”)

图片[6]-App Inventor 2制作一个常用的启动页-岸边IBIAN

5.添加两个标签
根据自己的需求调整标签的参数(大小,颜色)

图片[7]-App Inventor 2制作一个常用的启动页-岸边IBIAN

完成第五步后运行:

图片[8]-App Inventor 2制作一个常用的启动页-岸边IBIAN

6.添加一个计时器(记得设置参数)

图片[9]-App Inventor 2制作一个常用的启动页-岸边IBIAN

7.转到逻辑设计,添加一个初始化(打开APP就执行的)

图片[10]-App Inventor 2制作一个常用的启动页-岸边IBIAN

8.初始化计时器(计算停留时间)

图片[11]-App Inventor 2制作一个常用的启动页-岸边IBIAN

9.新建一个屏幕(计时完毕后跳转的屏幕)

图片[12]-App Inventor 2制作一个常用的启动页-岸边IBIAN

10.当点击“跳转按钮”需要跳转到屏幕

图片[13]-App Inventor 2制作一个常用的启动页-岸边IBIAN

11.添加两个变量(变量是为了辅助计算判断是否达到跳转要求)

图片[14]-App Inventor 2制作一个常用的启动页-岸边IBIAN

12.计时器到点,判断是否跳转

图片[15]-App Inventor 2制作一个常用的启动页-岸边IBIAN

13.如果计时器没有到点

图片[16]-App Inventor 2制作一个常用的启动页-岸边IBIAN

14.设置按钮文本详解

图片[17]-App Inventor 2制作一个常用的启动页-岸边IBIAN

15.根据自己的喜好美化

图片[1]-App Inventor 2制作一个常用的启动页-岸边IBIAN

用App Inventor 2制作一个常用的启动页疑问解答:
问:美化图片设置在哪?
答:图片是设置在垂直布局1的背景。

问:能不能点击图片跳转?
答:能,在垂直布局1添加一个充满的按钮,设置按钮的背景。

问:跳转按钮能不能在图片的右上方?
答:在不添加扩展的情况下,是不可以的,但是可以用过另外一种方法实现(有机会我会讲)。

THE END
点赞0赞赏 分享
抢沙发
头像
提交
头像

昵称

取消
昵称表情

    暂无评论内容