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

100 阅读 0 评论 66 点赞

我是靠谱客的博主彪壮衬衫，这篇文章主要介绍android仿微信的activity平滑水平切换动画，现在分享给大家，希望可以做个参考。

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

1.主函数：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
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

复制代码

1
2
3
4
5
6
<?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

复制代码

1
2
3
4
5
6
<?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

复制代码

1
2
3
4
5
6
<?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

复制代码

1
2
3
4
5
6
<?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里的代码：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>