Android中实现仿微信界面切换平滑滑动效果
2013-05-21 20:30
761 查看
直接说实现步骤
1.打开AndroidManifest.xml文件,在application节点中 将android:theme="@style/AppTheme"。
2.在res--->values下新建styles.xml文件(如果有则不需要新建),将内容改为如下配置
<style name="AppTheme" parent="@android:style/Theme">
<item name="android:textSize">14sp</item>
<item name="android:textColor">#F34141</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>
3.在res下新建anim文件夹,在其下新建四个xml文件slide_left_in.xml,slide_left_out.xml,slide_right_in.xml,slide_right_out.xml
四个文件对应内容分别为如下:
<translate
android:duration="300"
android:fromXDelta="-100.0%p"
android:toXDelta="0.0" />
<translate
android:duration="300"
android:fromXDelta="0.0"
android:toXDelta="-100.0%p" />
<translate
android:duration="300"
android:fromXDelta="100.0%p"
android:toXDelta="0.0" />
<translate
android:duration="300"
android:fromXDelta="0.0"
android:toXDelta="100.0%p" />
稍微研究一下就可以知道这些配置代表什么意思,好了,这样就可以实现平滑的动画切换效果了,完全可以媲美IOS。
研究懂了这个其他的效果也就不在话下了。
1.打开AndroidManifest.xml文件,在application节点中 将android:theme="@style/AppTheme"。
2.在res--->values下新建styles.xml文件(如果有则不需要新建),将内容改为如下配置
<style name="AppTheme" parent="@android:style/Theme">
<item name="android:textSize">14sp</item>
<item name="android:textColor">#F34141</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>
3.在res下新建anim文件夹,在其下新建四个xml文件slide_left_in.xml,slide_left_out.xml,slide_right_in.xml,slide_right_out.xml
四个文件对应内容分别为如下:
<translate
android:duration="300"
android:fromXDelta="-100.0%p"
android:toXDelta="0.0" />
<translate
android:duration="300"
android:fromXDelta="0.0"
android:toXDelta="-100.0%p" />
<translate
android:duration="300"
android:fromXDelta="100.0%p"
android:toXDelta="0.0" />
<translate
android:duration="300"
android:fromXDelta="0.0"
android:toXDelta="100.0%p" />
稍微研究一下就可以知道这些配置代表什么意思,好了,这样就可以实现平滑的动画切换效果了,完全可以媲美IOS。
研究懂了这个其他的效果也就不在话下了。
相关文章推荐
- 实现了在android实现左右滑动切换界面的效果
- Android实现微信首页左右滑动切换效果
- android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
- android 开发零起步学习笔记(十三):Android 实现多页界面左右滑动切换效果
- Android ViewPager和Fragment实现仿微信导航界面及滑动效果
- Android实现简单底部导航栏 Android仿微信滑动切换效果
- Android 实现多页界面左右滑动切换效果之进阶
- android-使用ViewGroup实现左右滑动切换界面的效果
- Android 实现多页界面左右滑动切换效果之入门+进阶 (ViewPager+PagerAdapter)
- Android-使用ViewGroup实现左右滑动切换界面以及界面裂开的效果
- android 实现类似微信滑动切换界面
- Android开发之使用ViewPager实现图片左右滑动切换效果
- 【Android 界面效果3】Android_UI_点击按钮切换背景效果实现
- Android中实现整个视图切换的左右滑动效果
- Android实战简易教程-第二十六枪(基于ViewPager实现微信页面切换效果)
- 微信界面切换效果是怎样实现的
- Android中实现整个视图切换的左右滑动效果
- Android实现顶部导航栏可点击可滑动效果(仿微信仿豆瓣网)
- 【Android UI】案例03滑动切换效果的实现(ViewPager)
- Android UI设计(引导界面):ViewPager之二滑动切换效果