关闭

android仿微信的activity平滑水平切换动画

316人阅读 评论(0) 收藏 举报
分类:


         大家好,下面我们来探讨一下微信界面跳转的动画,简单,大方,不失华丽:overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);是可以完成的,这里会用到不少的xml文件来完成,下面我们来直接看看主要代码:(不过要在startActivity后和finish()前,而且每个activity都要这样的),还要注意在AndroidManifest.xml中定义application节点的主题。


1.主函数:

public class MainActivity extends Activity {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		Application app=getApplication();
		 int sdk=android.os.Build.VERSION.SDK_INT;
		 Toast.makeText(this, sdk+"", Toast.LENGTH_LONG).show();
		 if (sdk>14) {
			// app.setTheme(android.R.style.Theme_Black_NoTitleBar);			 
		}		
		//ButtonClick.clickto(this,Two.class);
		findViewById(R.id.btn).setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
		        startActivity(new Intent(MainActivity.this,Two.class));
		        overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
			}
		});
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}

}


2.anim里的xml:


1).slide_left_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:duration="300" android:fromXDelta="-100.0%p" android:toXDelta="0.0" />
</set>

2).slide_left_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:duration="300" android:fromXDelta="0.0" android:toXDelta="-100.0%p" />
</set>

3).slide_right_in.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:duration="300" android:fromXDelta="100.0%p" android:toXDelta="0.0" />
</set>

4).slide_right_out.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:duration="300" android:fromXDelta="0.0" android:toXDelta="100.0%p" />
</set>

3.styles里的代码:



<resources xmlns:android="http://schemas.android.com/apk/res/android">
    <style name="AppTheme" parent="@android:style/Theme">     
        <item name="android:windowNoTitle">true</item> <!-- 设置没有标题 -->
        <item name="android:textSize">20sp</item>   <!-- 设置文本大小 -->
          <item name="android:textColor">#F34141</item>
        <item name="android:background">@android:color/background_light</item>
        <!-- 设置activity切换动画 -->
        <item name="android:windowAnimationStyle">@style/activityAnimation</item>
    </style>
    <!-- animation 样式 -->
    <style name="activityAnimation" parent="@android:style/Animation">
        <item name="android:activityOpenEnterAnimation">@anim/slide_right_in</item>
        <item name="android:activityOpenExitAnimation">@anim/slide_left_out</item>
        <item name="android:activityCloseEnterAnimation">@anim/slide_left_in</item>
        <item name="android:activityCloseExitAnimation">@anim/slide_right_out</item>
    </style>

</resources>
OK,其他的Activity里面都没有什么代码,监听你们都是会的,就到这里了     点击下载案例            点击下载案例


  

0
0
查看评论

Android 仿微信Activity左右切换 【全局配置Activity显示动画】

http://blog.csdn.net/lnb333666/article/details/8962715#
  • white__cat
  • white__cat
  • 2015-11-19 23:03
  • 810

Android ViewPager+RadioGroup+Fragment超高仿微信主界面

ViewPager+RadioGroup+Fragment仿微信主界面
  • shenyuanqing
  • shenyuanqing
  • 2015-06-28 12:52
  • 12648

Android ViewPager和Fragment实现仿微信导航界面及滑动效果

  • 2016-04-01 12:00
  • 19.57MB
  • 下载

Android仿微信界面--使用viewpager实现(慕课网笔记)

来自慕课网:http://www.imooc.com/video/5901 先来看效果: 具体实现 1 新建顶部布局文件top.xml<?xml version="1.0" encoding="utf-8"?> <LinearLay...
  • hnyzwtf
  • hnyzwtf
  • 2015-12-13 21:22
  • 5780

Android 高仿微信6.0主界面 带你玩转切换图标变色

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/41087219,本文出自:【张鸿洋的博客】1、概述学习Android少不了模仿各种app的界面,自从微信6.0问世以后,就觉得微信切换时那个变色的Tab图标屌屌的,今天我就带大家自定...
  • lmj623565791
  • lmj623565791
  • 2014-11-17 09:40
  • 81858

Android仿微信界面--使用Fragment实现(慕课网笔记)

来自:http://www.imooc.com/video/5903 可参考另一篇博客http://blog.csdn.net/hnyzwtf/article/details/50278377 1 效果图 这里我们没有实现滑动切换view的功能 2 具体实现: 2.1 布局文件:top...
  • hnyzwtf
  • hnyzwtf
  • 2015-12-15 10:01
  • 7202

Android ActionBar应用实战,高仿微信主界面的设计

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/26365683 经过前面两篇文章的学习,我想大家对ActionBar都已经有一个相对较为深刻的理解了。唯一欠缺的是,前面我们都只是学习了理论知识而已,虽然知识点已经掌握了,但是真...
  • gebitan505
  • gebitan505
  • 2014-07-03 17:29
  • 44573

ViewPager+RadioGroup实现仿微信主界面

话不多说,先上图,如图 效果,可以点击底部按钮选择页面,也可以滑动页面进行选择。那么我们下面就来实现一下吧。 首先创建工程WXTest,主界面布局使用ViewPager+RadioGroup来实现,界面代码如下。 <?xml version="1.0" encoding=&...
  • xiaolaohuqwer
  • xiaolaohuqwer
  • 2017-12-18 17:52
  • 150

android开发仿微信界面实现

  • 2015-12-13 21:20
  • 2.72MB
  • 下载

Android-模仿微信主界面

  • 2014-05-28 10:50
  • 4.89MB
  • 下载
    个人资料
    • 访问:285807次
    • 积分:4439
    • 等级:
    • 排名:第8009名
    • 原创:180篇
    • 转载:66篇
    • 译文:0篇
    • 评论:66条
    博客专栏
    文章分类
    最新评论