App Inventor 2 实现商业级APP启动屏幕效果(SplashScreen)

启动屏幕效果

实现的功能包括:启动App时展示启动屏,右上角展示5秒倒计时,中途可点击跳过。倒计时结束或点击跳过,则跳转到主界面。效果如下:

App启动屏效果

实现原理

App启动屏效果的实现原理及详细步骤要点如下:

  • Screen1作为启动屏幕使用,新增其他屏幕作为主界面。

  • 界面布局比较常规,详细请参考源码。

  • 倒计时使用“传感器 -> 计时器”组件,设置计时间隔为1000ms,即1秒。

  • 代码逻辑:每隔1秒触发后,将倒计时秒数变量 -1,并更新到文本中;当倒计时秒数为0,则跳转主界面:

    计时

  • 点击“跳过”按钮,直接停止计时,立即跳到主界面:

    跳过

源码下载

请去原文下载源码。

原文:App Inventor 2 实现商业级APP启动屏幕效果(SplashScreen) · App Inventor 2 中文网

  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
转发:http://blog.sina.com.cn/s/blog_62218b99010ynin.html 今天下午roadlabs完成了App Inventor2019版的汉化任务,同步完成的还有AI伴侣(2.55版)的汉化,现已正式开始在线测试。 AppInventor2019汉化测试版上线 该版本照之前的2018版有了较大变化,其中最值得称道的是,在测试环节,连接手机AI伴侣时,不再要求手机与开发电脑在同一个网段,这对于课堂教学来说,是一个极好的消息。 在新版本的设计视图中,增加了对组件和代码块的定制功能,即,开发者可以选择显示部分组件和代码块,隐藏那些不必要的组件及代码块。对于课堂教学而言,这一功能有助于提高学生的注意力,进而改善课堂教学的效果。另外,在设计视图的组件面板上方,增加了组件搜索功能。 在新的版本中,无论是设计视图,还是编程视图,均支持触屏模式,即,用户可以在手机或平板电脑上开发App Inventor应用。 在编程视图中,最显著的变化是增加了类代码(任意组件)的事件块,这样可以用一个事件处理程序,完成对同类组件事件的批量处理,大大提高了编程效率。还记得在“水果配对”或“向日葵”应用中,分别需要编写16个及9个按钮点击事件处理程序,复制粘贴代码的过程令人无可奈何! 另外,画布组件也有所改进,添加了画弧和画多边形功能。具体使用方法,会在晚些时候发布简单的案例。 以下是全部更新项,供开发者参考。 (1)不可挽回的破坏性操作(如,删除)的确认按钮的背景为红色,字体颜色为白色,以便引起用户重视。 (2)将“云数据库”(CloudDB)组件从”试验组件”正式迁移到“数据存储”中。 (3)如前所述,增加了“组件与块”的选择功能,用户可以针对不同的项目,在设计视图的组件面板中显示所需的组件,在编程视图中显示所需的代码块。这项改进是针对课堂教学环节的,避免多余的组件和块分散学生的注意力。设置Screen1的“组件与块”属性,可以修改显示内容,并将修改结果保存为文件,以备今后使用。 (4)为语音识别器组件添加了“停止播放”方法以及“使用旧版”属性。“使用旧版”属性默认为true,需要在设计视图中将其设置为false,“停止播放”方法才能生效。 (5)在设计视图中,为模拟手机屏幕的方形区域添加了手机的外观。 (6)如前所述,在设计视图中,为组件面板添加了组件搜索功能。 (7)新增了“开关”组件。 (8)为对话框组件添加了“打开密码输入框”对话框及“取消选择”、“取消输入”事件。 (9)如前所述,为画布组件添加了“画弧”、“画多边形”功能。 (10)为计时器组件添加了“生成日期”、“生成时间”及“生成时刻”方法。 (11)为视频播放器组件添加了“停止”方法。 (12)为列表添加了“列表转字串”及“反向排序”块。 (13)如前所述,为类组件添加了类事件块。 (14)在编程视图中,为提醒、警告信息提供了“显示/隐藏”按钮。 (15)在声明全局变量时,可以直接用组件对象或组件属性值为变量赋值。 (16)加大了编程视图中控制部件的对比度。 (17)为Screen1添加了“尺寸”属性,当选中“可变”时,可以在设计视图中选择设备的类型(手机、平版、显示器)。 (18)在组件块(事件、方法、属性读取、属性设置)的右键菜单里,添加了“转成类代码”/“转成组件代码”功能,可以将特定组件块转为对应的组件类块,反之亦然。 (19)在编程视图中,将“清空背包”功能转移到背包右键菜单中(原来在屏幕右键菜单中)。 (20)在编程视图的屏幕右键菜单中添加了“显示/隐藏注释”、“禁用/启用全部代码”选项。 (21)在数学抽屉中添加了位运算符(与、或、异或)。 (22)为web浏览框(webViewer)组件添加了“交换字串改变”事件。 (23)如前所述,为循环语句添加了“终止循环(break)”块。 (24)可以单独删除背包中的一组代码块。
Android 12 splashscreen 启动的详细流程,代码调用是一个技术问题,我可以回答。在 Android 12 中,SplashScreen 是一个新的启动屏幕 API,它可以在应用程序启动时显示一个自定义的启动屏幕。具体流程如下: 1. 在 AndroidManifest.xml 文件中,设置 SplashScreen 的主题样式。 2. 在应用程序的启动 Activity 中,使用 SplashScreen.installSplashScreen() 方法安装启动屏幕。 3. 在启动屏幕的布局文件中,定义自定义的启动屏幕布局。 4. 在应用程序启动完成后,使用 SplashScreen.hide() 方法隐藏启动屏幕。 代码调用示例: // 在 AndroidManifest.xml 文件中设置 SplashScreen 的主题样式 <activity android:name=".MainActivity" android:theme="@style/SplashScreenTheme"> // 在应用程序的启动 Activity 中,使用 SplashScreen.installSplashScreen() 方法安装启动屏幕 public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); SplashScreen.installSplashScreen(this); setContentView(R.layout.activity_main); } } // 在启动屏幕的布局文件中,定义自定义的启动屏幕布局 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/splash_screen_background_color"> <ImageView android:id="@+id/splash_screen_logo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/splash_screen_logo" android:layout_centerInParent="true" /> </RelativeLayout> // 在应用程序启动完成后,使用 SplashScreen.hide() 方法隐藏启动屏幕 public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); SplashScreen.installSplashScreen(this); setContentView(R.layout.activity_main); // 应用程序启动完成后,隐藏启动屏幕 SplashScreen.hide(this); } }

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

AI2中文网

真诚赞赏,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值