首页
学习
活动
专区
圈层
工具
发布

图解制作应用启动页

本教程使用 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
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。
领券