zoukankan      html  css  js  c++  java
  • Android Activity跳转动画,让你的APP瞬间绚丽起来

    我们都知道绚丽的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();
          }
        });
      }
    }

    好,基本完成一半了,我需要写实现的代码了,这属于核心了,让我们看看核心代码是怎么实现的吧:如下所示:

    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多了一道绚丽的风景线,可以直接拿到项目里面用哦!最后来一句,.大神勿喷,适合新手!

    源码下载,请点击这里

  • 相关阅读:
    JavaScript原型详解
    jQuery插件开发全解析
    再谈JavaScript闭包及应用
    狗日的Javascript中的闭包
    UML的基本图(一)
    项目开发-树形层级结构中的数量统计
    不要再坑人啦!NSOperation才是苹果推荐使用的多线程技术!
    linux下查看文件内容cat,more,less
    cocos2d-x -- 渠道SDK【棱镜】接入(2)
    关于虚拟机装kali-linux的联网问题
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/5404248.html
Copyright © 2011-2022 走看看