图解制作应用启动页

本教程使用 App Inventor WxBit 汉化版服务器,图文并茂地教会大家制作一个流行的启动页。先看效果图:

如果你不清楚 App Inventor 和 WxBit 是什么,请先阅读《

5分钟学会 App Inventor 2

》。下面开始图解制作应用的启动页。

01

新建一个项目

02

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

03

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

三步完成后运行

04

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

05

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

完成第五步后运行

06

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

07

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

08

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

09

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

10

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

11

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

12

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

13

如果计时器没有到点

14

设置按钮文本详解

至此的运行效果

15

美化后得到本文的效果

疑问解答

问:美化图片设置在哪?

答:图片是设置在垂直布局1的背景。

答:能,在垂直布局1添加一个充满的按钮,设置按钮的背景。

问:跳转按钮能不能在图片的右上方?

答:在不添加扩展的情况下,是不可以的,但是可以用过另外一种方法实现(有机会我会讲)。

关于作者

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180922G0EI5100?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券