欢迎界面动画效果的简单实现

欢迎界面(Splash)是应用呈现给用户的第一个界面，一般来讲，我们会给欢迎界面加上一个动画效果，从而给用户一个较好的第一印象。而欢迎界面通常不会放太多的view，一般只有一个背景(background)，或者放一个广告，下面我们就来看一下欢迎界面的动画效果的简单实现。首先，新建一个android项目，在src包下新建一个android activity，我们给它取名叫SplashActivity，然后在AndroidManifest.xml文件(清单配置文件)将启动activity设置成SplashActivity。如下所示：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"package="com.example.musicplayer"android:versionCode="1"android:versionName="1.0" ><uses-sdk
        android:minSdkVersion="17"android:targetSdkVersion="17" /><application
        android:allowBackup="true"android:icon="@drawable/ic_launcher"android:label="@string/app_name"android:theme="@style/AppTheme" ><activity
            android:name="com.example.musicplayer.view.MainActivity"android:label="@string/app_name" ></activity><activity
            android:name="com.example.musicplayer.view.SplashActivity"android:label="@string/title_activity_splash" >**<intent-filter><action android:name="android.intent.action.MAIN" /><category android:name="android.intent.category.LAUNCHER" /></intent-filter>**</activity></application></manifest>

我们只需要将MainActivity(当然，在新建android项目时你可能改了MainActivity的名字)的<intent-filter></intent-filter>标签给移到SplashActivity名下即可。这样，启动Activity就变成了SplashActivity。然后，我们修改activity-splash.xml文件，给它加一个background，并且给它的根布局一个id。如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"**android:id="@+id/rl_splashactivity_container"**android:layout_width="match_parent"android:layout_height="match_parent"**android:background="@drawable/splash"**tools:context=".SplashActivity" ></RelativeLayout>

然后，我们可以新建一个补间动画的xml的set文件。即，在res目录下新建一个Android XML File，在Resource Type选择Tween Animation，在下面的Root Element选择set，并在File选项给它取名，然后点击finish。在这里，我给它取名叫做splash_animation_set_01。然后，在里面添加代码。如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" ><!-- 淡入淡出 --><alpha
        android:duration="2000"android:fromAlpha="0"android:toAlpha="1" /><!-- 缩放 --><scale
        android:duration="2000"android:fromXScale="0"android:fromYScale="0"android:pivotX="50%"android:pivotY="50%"android:toXScale="1"android:toYScale="1" /></set>

在这里，我只给它添加了一个淡入淡出效果和缩放效果，然后，我们回到SplashActivity.java文件，完成代码。

public class SplashActivity extends Activity {RelativeLayout animContainer;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_splash);initView();initAnim();}private void initView() {//这就是我们要给activity-splash的根布局添加id的原因//我们首先得到这个Relative布局animContainer = (RelativeLayout) findViewById(R.id.rl_splashactivity_container);}private void initAnim() {//然后，我们定义一个动画，这个动画就是我们自己写的那个动画了Animation anim = AnimationUtils.loadAnimation(this, R.anim.splash_animation_set_01);//将根布局RelativeLayout与动画进行绑定animContainer.setAnimation(anim);//由于我们给动画设置了2秒的时长，因此不能直接使用Intent来启动MainActivity，而是要给动画加上监听，在动画完成时在使用Intent。anim.setAnimationListener(new AnimationListener() {@Overridepublic void onAnimationStart(Animation animation) {// TODO Auto-generated method stub}@Overridepublic void onAnimationRepeat(Animation animation) {// TODO Auto-generated method stub}@Overridepublic void onAnimationEnd(Animation animation) {//动画完成，我们使用Intent来启动MainActivity，并且将SplashActivity给finish掉，这样我们在MainActivity点击back键就不会回到Splash界面了，因为我们只需要显示一次Splash界面。Intent intent = new Intent(SplashActivity.this, MainActivity.class);startActivity(intent);SplashActivity.this.finish();}});}}

这样，我们就完成了Splash界面的动画效果的简单实现，快去试一下吧！！！

欢迎界面动画效果的简单实现相关推荐

php带旋转动画刷新页面,css旋转动画效果的简单实现示例详解
我们可以通过css来做出动画效果,下面我为大家演示的是p的旋转,颜色过渡的动画 a{ text-align:center; line-height:100px; transition:all 2s; ...
android+酷炫动画效果,Android简单酷炫点击动画(附源码)
在Android5.0之前, Android的点击效果一直很low, 即使5.0的波纹效果也不尽如人意. 而我之前写过一种比较酷炫的点击效果, 最近抽了点时间完善一下, 把阴影效果加入了进去, 大家先 ...
使用css动画实现网易云音乐播放界面波浪动画效果
通过实现CSS实现仿网易云音乐播放界面动画效果,最终的效果如下界面布局图片也是实现滚动效果的,使用四个div,来标识每一帧波动的效果. <div class="container- ...
anime.js 实战：实现一个带有描边动画效果的复选框...
在网页或者是APP的开发中,动画运用得当可以起到锦上添花的作用.正确使用动画,不但可以有助于用户理解交互的作用,还可以大大提高网页应用的魅力和使用体验.并且在现在的网页开发中,动画已经成为了一个设计的 ...
mac关闭渐隐和弹出动画效果
苹果系统应用程序的窗口和对话框每次使用的时候都有华丽的特效,但是如果你感觉这种特效显得有点慢(MacGG闲的蛋疼),那该如何取消掉他呢?方法很简单,打开"终端"(Finder-&g ...
android炫酷的动画效果
这段时间看到一些比较好看的android动画效果,下面我就给大家一些我比较喜欢的动画效果,并附上源码希望对你们有用处. 1.很简单却很酷的粒子破碎效果介绍: 实现思路 1.新建一个 Bean Pa ...
【小程序动画合集】10种小程序动画效果实现方法，文章太长建议收藏！
前言一提小程序与动画,首先想到的是什么?嗯,微信小程序独创了一套动画玩法,官方支持3种动画方案,分别是 createAnimation . this.animate 和 CSS3动画 . 1. cr ...
html用户登录页面设计,简洁时尚的用户登录界面设计效果
这是一款简洁时尚的用户登录界面设计效果.该用户登录效果使用CSS和JS来完成,它使用元素滑动效果来制作登录表单动画,字体效果时尚大方,是非常不错的用户登录界面UI设计效果. 使用方法 HTML结构该 ...
XML实现Android动画效果anim
2019独角兽企业重金招聘Python工程师标准>>> 第一次发,就发个简单的吧.. = = 其实已经是被发表过无数次的话题了,不过看了别人的都是千篇一律,却没有讲全(你以为你的就很 ...

欢迎界面动画效果的简单实现

欢迎界面动画效果的简单实现相关推荐

最新文章

热门文章