[Android入门]从零构建Android app之天气——6.app图标和欢迎页

本文介绍如何在Android应用中更换图标并创建一个动态的欢迎页面。使用Android Studio的插件批量导入图标,自定义启动Activity实现动画和交互效果。详细步骤包括设置不同像素密度的图标,使用属性动画实现太阳旋转和云朵平移效果,以及监听点击事件跳转至主页面。
摘要由CSDN通过智能技术生成

经过前面5篇的构建,我们已经基本打好了地基,现在可以开始往上叠加楼层(功能)了!本篇我们一起来为这个app更换一个图标,然后制作一个有意思的欢迎页面。

更换图标

使用Android Studio创建的应用默认会为我们在mipmap包下生成一个icon,它里面包含了一组不同大小的图标,目的是为了适配不同尺寸的Android设备,我们在更换时,也应该仿照它生成对应大小的图标。

不同像素密度下app图标的建议

以下是官方建议的不同像素密度下app图标大小:

dpi类型 dpi 建议图标尺寸
idpi 120dpi 36*36
mdpi 160dpi(标准尺寸1dp = 1px) 48*48
hdpi 240dpi 72*72
xhdpi 320dpi 96*96
xxhdpi 420dpi 144*144

图标导入插件

我们一个使用制图软件生成不同尺寸的图标,然后再分别复制粘贴到对应尺寸的drawablemipmap 文件夹下。但是这里我推荐一个Android Studio的插件,叫做Android Drawable Importer 。它可以直接以拖拽的方式将图标拖进去,然后自动生成对应不同尺寸的图标,当然你可以自定义。
下载该插件重启Sutiod后,在Project区按下command + N 或者右键->New 找到Batch Drawable Import

**command + N**

**右键->New**image

点击后看到如下界面,点击+号选择图标导入。

导入界面

点击ok后,进入如下页面,我们根据官方建议修改基准值,我以XHDPI为基准(在Source-Resolutionchu处选择)将尺寸设为72*72,后面的它会自动计算生产。下面选择目录到项目res下,改好名字,点击确定,他就会帮我们在drawable下生产符合要求的图片。

配置

生成的图标

下面在AndroidManifest.xml配置文件中,把标签下的android:icon 的值改成刚刚导入的图标。

<application
    android:name=".ChiceApplication"
    android:allowBackup="true"
    android:icon="@drawable/launch_icon2"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">

效果图

欢迎页面

现在很多app都喜欢在启动应用的时候加一个欢迎页面,这样做可以让用户有一个缓冲,不会因为一进去就是操作页而感到突兀,同时最重要的是我们能在欢迎页初始化数据和配置,这样当进入主页时,能够直接呈现数据。当然我们这个项目的首次天气数据请求也会放到欢迎页中进行。

欢迎页面需求

  • 生动有趣,这样不会让人感觉到枯燥;
  • 有按钮点击进入主页,并且不能被返回;
  • 启动数据加载,并将数据缓存共享。

暂时这些,我们会在开发中根据情况再变化。

实现

看似这几个简单的需求,我们要做的事情也不少,所以我本篇只实现前两个需求,不然篇幅太长了。下面我们一步步来完成这个欢迎页面。

效果图走一波

效果图1

效果图2

SplashActivity

我将欢迎页面定义为一个Activity,本次我们主要关注的是动画和交互。
通过右键->Newcommand+N 找到Activity,然后创建一个EmptyActivity,创建时需要勾选上LauncherActivity把它作为启动后的第一个Activity,相应的会在AndroidManifest自动注册这个Activity(很方便啊!),然后继承改成之前写好的BaseActivity 。注意,由于Studio自动生成的MainActivity是默认的LauncherActivity所以需要把它该成普通的Activity。
此时的AndroidManifest.xml

<applicatio
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值