AndroidActivity跳转动画,让你的APP瞬间绚丽起来
2014-07-18 13:39
393 查看
我们都知道绚丽的APP总会给用户耳目一新的感觉,为了抓住用户更大网络公司使出浑身解数让自己的产品更绚丽,而绚丽最简单的效果就是Activity跳转效果,不仅可以让用户看起来舒服,而且实现起来也特别简单,好,下面就让我们实现这些效果,告别原生态的跳转效果吧!
首先新建一个Android项目,起名叫作AndroidSwitch。实在不知道起什么名字了,就有道了一个这样的名字,首先让我们先看一下XML代码很简单,就一个LIstview
代码如下所示:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ListView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</ListView>
</LinearLayout>这个XML中的ListView主要负责盛装一些效果的点击事件,显示效果的文字我会放在Values,一起同项目给你们!跳转效果.跳转效果,最重要的当然是动画了,.没有动画谈何效果,所以我们在res文件新建一个anim文件用于放各种动画,动画挺多的,我就举一个简单的XML.就不一一举例了,我会把项目给你们的,可以自己去看!如下所示:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromXDelta="0"
android:toXDelta="-100%p" />
</set>是不是很简单呀,好,竟然动画也编辑完了,我们就需要在哪调用它.对了,我们还需要一个跳转SecondActivity,在这个SecondActivity里面我只放了一个Button用于返回,这样不用按Back键那么麻烦了,它的作用只是为了显示第一个Activity跳转的效果,让我看.如下所示:
package com.zqy.androidswitch;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class SecondActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.act_second);
final Button button=(Button) findViewById(R.id.button1);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
}
}
好,基本完成一半了,我需要写实现的代码了,这属于核心了,让我们看看核心代码是怎么实现的吧:如下所示:
好了,基本实现完了.是不是很简单.有了这些动画,就会让你的APP多了一道绚丽的风景线,可以直接拿到项目里面用哦!最后来一句,.大神勿喷,适合新手!
源码下载,请点击这里
首先新建一个Android项目,起名叫作AndroidSwitch。实在不知道起什么名字了,就有道了一个这样的名字,首先让我们先看一下XML代码很简单,就一个LIstview
代码如下所示:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ListView
android:id="@+id/listView1"
android:layout_width="match_parent"
android:layout_height="wrap_content" >
</ListView>
</LinearLayout>这个XML中的ListView主要负责盛装一些效果的点击事件,显示效果的文字我会放在Values,一起同项目给你们!跳转效果.跳转效果,最重要的当然是动画了,.没有动画谈何效果,所以我们在res文件新建一个anim文件用于放各种动画,动画挺多的,我就举一个简单的XML.就不一一举例了,我会把项目给你们的,可以自己去看!如下所示:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<translate
android:duration="2000"
android:fromXDelta="0"
android:toXDelta="-100%p" />
</set>是不是很简单呀,好,竟然动画也编辑完了,我们就需要在哪调用它.对了,我们还需要一个跳转SecondActivity,在这个SecondActivity里面我只放了一个Button用于返回,这样不用按Back键那么麻烦了,它的作用只是为了显示第一个Activity跳转的效果,让我看.如下所示:
package com.zqy.androidswitch;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class SecondActivity extends Activity{
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.act_second);
final Button button=(Button) findViewById(R.id.button1);
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
}
}
好,基本完成一半了,我需要写实现的代码了,这属于核心了,让我们看看核心代码是怎么实现的吧:如下所示:
package com.zqy.androidswitch; import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.view.View; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.AdapterView.OnItemClickListener; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final ListView listView = (ListView) findViewById(R.id.listView1); String[] ls = getResources().getStringArray(R.array.anim_type); List<String> list = new ArrayList<String>(); for (int i = 0; i < ls.length; i++) { list.add(ls[i]); } ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1, list); adapter.setDropDownViewResource(android.R.layout.simple_list_item_1); listView.setAdapter(adapter); listView.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Intent intent = new Intent(MainActivity.this, SecondActivity.class); startActivity(intent); switch (position) { case 0: overridePendingTransition(R.anim.fade, R.anim.hold); break; case 1: overridePendingTransition(R.anim.my_scale_action, R.anim.my_alpha_action); break; case 2: overridePendingTransition(R.anim.scale_rotate, R.anim.my_alpha_action); break; case 3: overridePendingTransition(R.anim.scale_translate_rotate, R.anim.my_alpha_action); break; case 4: overridePendingTransition(R.anim.scale_translate, R.anim.my_alpha_action); break; case 5: overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out); break; case 6: overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out); break; case 7: overridePendingTransition(R.anim.push_up_in, R.anim.push_up_out); break; case 8: overridePendingTransition(R.anim.slide_left, R.anim.slide_right); break; case 9: overridePendingTransition(R.anim.wave_scale, R.anim.my_alpha_action); break; case 10: overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit); break; case 11: overridePendingTransition(R.anim.slide_up_in, R.anim.slide_down_out); break; default: break; } } }); } }用Listview盛装各种效果的点击事件,我们点击LIstview在根据点击位置去执行什么样的动画.不知道手机怎么做出gif图片,我就把主页面显示出来吧,大家一会可以下载Demo.
好了,基本实现完了.是不是很简单.有了这些动画,就会让你的APP多了一道绚丽的风景线,可以直接拿到项目里面用哦!最后来一句,.大神勿喷,适合新手!
源码下载,请点击这里
相关文章推荐
- Android Activity跳转动画,让你的APP瞬间绚丽起来
- AndroidのActivity跳转数据通信和跳转动画
- AndroidのActivity之回顾跳转动画
- android窗体动画:activity启动从底部向上滑动出现,关闭的时候从顶部向下滑动消失,并解决activity跳转的时候出现短暂的黑屏
- Android Activity间动画跳转
- Android TabActivity与Activity之间的动画跳转(主要Tabhost中跳转出来的动画效果解决)
- AndroidのActivity之回顾跳转动画
- Android中Activity跳转和切换动画
- android 巧用动画使您app风骚起来
- AndroidのActivity之回顾跳转动画
- android制作不一样的Activity跳转动画
- Android activity动画跳转案例分析
- AndroidのActivity跳转数据通信和跳转动画
- Android中Activity跳转和切换动画 完美方案
- AndroidのActivity跳转数据通信和跳转动画
- AndroidのActivity之回顾跳转动画
- android动画效果 --- 设置activity 跳转动画
- Android--Activity之间跳转动画
- Android 关于Activity的跳转和finish时切换页面动画实现
- Android Activity页面跳转动画