码迷,mamicode.com
首页 > 移动开发 > 详细

Android的Activity切换动画特效库SwitchLayout,视图切换动画库,媲美IOS

时间:2014-12-29 06:32:46      阅读:199      评论:0      收藏:0      [点我收藏+]

标签:switchlayout   android   视图切换动画   动画   特效   


由于看了IOS上面很多开发者开发的APP的视图界面切换动画体验非常好,这些都是IOS自带的,但是Android的Activity等视图切换动画并没有提供原生的,所以特此写了一个可以媲美IOS视图切换动画的Android视图切换动画特效库!SwitchLayout!可以说是目前Android上第一个,也是唯一的一个强大的视图切换动画库引擎!


作者:谭东

QQ:852041173

项目开源!推荐使用jar包形式!

没有经过作者允许,不可修改项目库源码自行发布。

如果你的项目中使用了SwtichLayout,建议你在您的APP关于页面注明SwitchLayout库提供支持!非常感谢!如果您觉得SwitchLayout强大,欢迎推荐给你们的朋友。

如果有什么建议,也可以反馈给我,会及时升级SwitchLayout库。


SwitchLayout 的1.0jar包下载地址和Demo下载地址:http://pan.baidu.com/s/1dD6baLV

源码近期会托管到Github


好了,先看下主要的界面支持的视图切换特效吧!(此为Demo截图)

技术分享


技术分享


效果引擎足够媲美IOS了。

里面的列表中,每个特效暴露的自定义扩展特效引擎接口大概可以扩充8个特效。所以一共大概可以扩充105种特效!足够强大!


好了,下面说下大致的用法:

1.导入SwitchLayout1.0.jar或者下载开源库。

2.每个Activity实现接口implements SwichLayoutInterFace。推荐这种用法;接口里分别实现2个方法:setEnterSwichLayout();和setExitSwichLayout();这两个方法分别是设置进入Activity动画和离开Activity的动画的。

在onCreate()里调用setEnterSwichLayout();  在关闭Activity操作里调用setExitSwichLayout(); 如果需要的话在onKeyDown里拦截返回按键,调用setExitSwichLayout();


3.具体特效调用(举一个例子): SwitchLayout.getSlideFromBottom(this, false,BaseEffects.getMoreSlowEffect());

// 三个参数分别为(Activity/View,是否关闭Activity,特效(可为空));每个特效支持8种扩种,也可以不填特效。

4.注意,在项目注册清单里,每个Activity要设置主题为透明主题。 android:theme="@android:style/Theme.Translucent",API在11以上即可。

下面贴下SwitchLayoutDemo里的代码:

package com.tandong.swichlayoutdemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;

import com.tandong.swichlayout.BaseEffects;
import com.tandong.swichlayout.SwitchLayout;

/**
 * SwitchLayout
 * 
 * QQ 852041173
 * 
 * 为Android提供IOS平台自有的界面视图切换动画而开发此库,工作量也不小,感谢支持SwitchLayout
 * 
 * 如果想自定义特效动画时长的话,请在此四个变量对应设置 SwitchLayout.animDuration = 1000;
 * SwitchLayout.longAnimDuration = 2000; BaseAnimViewS.animDuration = 1000;
 * BaseAnimViewS.longAnimDuration = 2000;即可。单位毫秒。
 * 
 * 以后SwitchLayout将会划分入我的SmartUI库下面
 * 
 * @author Tan Dong(谭东) 2014.12.28
 * 
 */
public class MainActivity extends Activity {
	private Button btn_ok, btn_1, btn_2, btn_3, btn_4, btn_5, btn_6, btn_7,
			btn_8, btn_9, btn_10, btn_11, btn_12, btn_13, btn_14;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initView();

		// 设置进入Activity的Activity特效动画,同理可拓展为布局动画
		SwitchLayout.getSlideFromBottom(this, false,
				BaseEffects.getQuickToSlowEffect());
		// 三个参数分别为(Activity/View,是否关闭Activity,特效(可为空))
		initListener();

	}

	private void initListener() {
		btn_ok.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 0);
				MainActivity.this.startActivity(in);
			}
		});

		btn_1.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 1);
				MainActivity.this.startActivity(in);
			}
		});
		btn_2.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 2);
				MainActivity.this.startActivity(in);
			}
		});
		btn_3.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 3);
				MainActivity.this.startActivity(in);
			}
		});
		btn_4.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 4);
				MainActivity.this.startActivity(in);
			}
		});
		btn_5.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 5);
				MainActivity.this.startActivity(in);
			}
		});
		btn_6.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 6);
				MainActivity.this.startActivity(in);
			}
		});

		btn_7.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 7);
				MainActivity.this.startActivity(in);
			}
		});
		btn_8.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 8);
				MainActivity.this.startActivity(in);
			}
		});
		btn_9.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 9);
				MainActivity.this.startActivity(in);
			}
		});
		btn_10.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 10);
				MainActivity.this.startActivity(in);
			}
		});
		btn_11.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 11);
				MainActivity.this.startActivity(in);
			}
		});
		btn_12.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 12);
				MainActivity.this.startActivity(in);
			}
		});
		btn_13.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 13);
				MainActivity.this.startActivity(in);
			}
		});
		btn_14.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				Intent in = new Intent(MainActivity.this, SecondActivity.class);
				in.putExtra("key", 14);
				MainActivity.this.startActivity(in);
			}
		});
	}

	private void initView() {
		btn_ok = (Button) this.findViewById(R.id.btn_ok);
		btn_1 = (Button) this.findViewById(R.id.btn_1);
		btn_2 = (Button) this.findViewById(R.id.btn_2);
		btn_3 = (Button) this.findViewById(R.id.btn_3);
		btn_4 = (Button) this.findViewById(R.id.btn_4);
		btn_5 = (Button) this.findViewById(R.id.btn_5);
		btn_6 = (Button) this.findViewById(R.id.btn_6);
		btn_7 = (Button) this.findViewById(R.id.btn_7);
		btn_8 = (Button) this.findViewById(R.id.btn_8);
		btn_9 = (Button) this.findViewById(R.id.btn_9);
		btn_10 = (Button) this.findViewById(R.id.btn_10);
		btn_11 = (Button) this.findViewById(R.id.btn_11);
		btn_12 = (Button) this.findViewById(R.id.btn_12);
		btn_13 = (Button) this.findViewById(R.id.btn_13);
		btn_14 = (Button) this.findViewById(R.id.btn_14);

	}
}

package com.tandong.swichlayoutdemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.ImageView;

import com.tandong.swichlayout.BaseEffects;
import com.tandong.swichlayout.SwichLayoutInterFace;
import com.tandong.swichlayout.SwitchLayout;
import com.tandong.swichlayoutdemo.R;

/**
 * SwitchLayout
 * 
 * QQ 852041173
 * 
 * 为Android提供IOS平台自有的界面视图切换动画而开发此库,工作量也不小,感谢支持SwitchLayout
 * 
 * @author Tan Dong(谭东) 2014.12.28
 * 
 */
public class SecondActivity extends Activity implements SwichLayoutInterFace {
	private Intent intent;
	private ImageView iv_back;
	private int key = 0;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_second);
		initIntent();
		// 设置进入Activity的Activity特效动画,同理可拓展为布局动画
		setEnterSwichLayout();
	}

	private void initIntent() {
		intent = getIntent();
		key = intent.getExtras().getInt("key");
		iv_back = (ImageView) this.findViewById(R.id.iv_back);
		iv_back.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View arg0) {
				setExitSwichLayout();
			}
		});
	}

	public boolean onKeyDown(int keyCode, KeyEvent event) {// 按返回键时退出Activity的Activity特效动画

		if (keyCode == KeyEvent.KEYCODE_BACK && event.getRepeatCount() == 0) {
			setExitSwichLayout();
			return true;
		}
		return super.onKeyDown(keyCode, event);
	}

	@Override
	public void setEnterSwichLayout() {
		switch (key) {
		case 0:
			SwitchLayout.get3DRotateFromLeft(this, false, null);
			// 三个参数分别为(Activity/View,是否关闭Activity,特效(可为空))
			break;
		case 1:
			SwitchLayout.getSlideFromBottom(this, false,
					BaseEffects.getMoreSlowEffect());
			break;
		case 2:
			SwitchLayout.getSlideFromTop(this, false,
					BaseEffects.getReScrollEffect());
			break;
		case 3:
			SwitchLayout.getSlideFromLeft(this, false,
					BaseEffects.getLinearInterEffect());
			break;
		case 4:
			SwitchLayout.getSlideFromRight(this, false, null);
			break;
		case 5:
			SwitchLayout.getFadingIn(this);
			break;
		case 6:
			SwitchLayout.ScaleBig(this, false, null);
			break;
		case 7:
			SwitchLayout.FlipUpDown(this, false,
					BaseEffects.getQuickToSlowEffect());
			break;
		case 8:
			SwitchLayout.ScaleBigLeftTop(this, false, null);
			break;
		case 9:
			SwitchLayout.getShakeMode(this, false, null);
			break;
		case 10:
			SwitchLayout.RotateLeftCenterIn(this, false, null);
			break;
		case 11:
			SwitchLayout.RotateLeftTopIn(this, false, null);
			break;
		case 12:
			SwitchLayout.RotateCenterIn(this, false, null);
			break;
		case 13:
			SwitchLayout.ScaleToBigHorizontalIn(this, false, null);
			break;
		case 14:
			SwitchLayout.ScaleToBigVerticalIn(this, false, null);
			break;
		default:
			break;
		}

	}

	@Override
	public void setExitSwichLayout() {
		switch (key) {
		case 0:
			SwitchLayout.get3DRotateFromRight(this, true, null);
			break;
		case 1:
			SwitchLayout.getSlideToBottom(this, true,
					BaseEffects.getMoreSlowEffect());
			break;
		case 2:
			SwitchLayout.getSlideToTop(this, true,
					BaseEffects.getReScrollEffect());
			break;
		case 3:
			SwitchLayout.getSlideToLeft(this, true,
					BaseEffects.getLinearInterEffect());
			break;
		case 4:
			SwitchLayout.getSlideToRight(this, true, null);
			break;
		case 5:
			SwitchLayout.getFadingOut(this, true);
			break;
		case 6:
			SwitchLayout.ScaleSmall(this, true, null);
			break;
		case 7:
			SwitchLayout.FlipUpDown(this, true,
					BaseEffects.getQuickToSlowEffect());
			break;
		case 8:
			SwitchLayout.ScaleSmallLeftTop(this, true, null);
			break;
		case 9:
			SwitchLayout.getShakeMode(this, true, null);
			break;
		case 10:
			SwitchLayout.RotateLeftCenterOut(this, true, null);
			break;
		case 11:
			SwitchLayout.RotateLeftTopOut(this, true, null);
			break;
		case 12:
			SwitchLayout.RotateCenterOut(this, true, null);
			break;
		case 13:
			SwitchLayout.ScaleToBigHorizontalOut(this, true, null);
			break;
		case 14:
			SwitchLayout.ScaleToBigVerticalOut(this, true, null);
			break;
		default:
			break;
		}

	}

}

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.tandong.swichlayoutdemo"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="11"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.tandong.swichlayoutdemo.MainActivity"
            android:label="@string/app_name"
            android:theme="@android:style/Theme.Translucent" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity
            android:name="com.tandong.swichlayoutdemo.SecondActivity"
            android:launchMode="singleTask"
            android:theme="@android:style/Theme.Translucent" >
        </activity>
    </application>

</manifest>

技术分享



技术分享

Android的Activity切换动画特效库SwitchLayout,视图切换动画库,媲美IOS

标签:switchlayout   android   视图切换动画   动画   特效   

原文地址:http://blog.csdn.net/jay100500/article/details/42227365

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!