android 动画切换效果

一:整个app都采用淡入淡出效果

1:在anim文件夹下定义动画文件

accelerate_interpolator.xml

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<accelerateInterpolator /></span>

decelerate_interpolator.xml

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<decelerateInterpolator /></span>

fade_in.xml

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_longAnimTime"
    android:fromAlpha="0.0"
    android:interpolator="@anim/decelerate_interpolator"
    android:toAlpha="1.0" /></span>

fade_out.xml

<span style="font-size:14px;"><?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@android:integer/config_mediumAnimTime"
    android:fromAlpha="1.0"
    android:interpolator="@anim/accelerate_interpolator"
    android:toAlpha="0.0" /></span>

2:定义styles.xml文件

<span style="font-size:14px;"><resources xmlns:android="http://schemas.android.com/apk/res/android">

    <style name="AppBaseTheme" parent="android:Theme.Light"></style>

    <style name="AppTheme" parent="AppBaseTheme">
        <item name="android:windowAnimationStyle">@style/MyAnimation</item>
    </style>

    <style name="MyAnimation" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/fade_in</item>
        <item name="android:activityOpenExitAnimation">@anim/fade_out</item>
        <item name="android:activityCloseEnterAnimation">@anim/fade_in</item>
        <item name="android:activityCloseExitAnimation">@anim/fade_out</item>
    </style>

</resources></span>

3.在配置文件下配置主题

<span style="font-size:14px;"><application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.union.foodunion.WelcomeActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
</application></span>

二:单个页面采用淡入淡出效果

在anim文件夹下定义动画文件(同上),然后在Actiivty中finish()或startActivity()后加一下代码:

<span style="font-size:14px;">overridePendingTransition(R.anim.fade_in, R.anim.fade_out);</span>

android 动画切换效果

时间: 2024-10-11 09:40:55

android 动画切换效果的相关文章

jQuery鼠标悬停内容动画切换效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8&

Android边沿切换效果(支持无缝过渡)

Android边沿切换效果(无缝过渡),StackPagerLayout支持像翻书一样的边沿滑动,继承于AdapterView,实现了控件的复用功能 效果 GItHub地址: https://github.com/FeiMo1988/StackPagerLayout StackPagerLayout.java: reloadAndSmoothMoveNext()//重新load下一个view,并平滑过度到该view movePre()//前移 moveNext()//后移 smoothMoveT

android 为viewPager增加动画切换效果

在android应用开发中,viewPager可以实现很多炫丽的切换功能,如banner无限广告滚动条.新手引导等都用得到,使用频率不言而喻.依赖谷歌提供的辅助代码,viewPager的切换效果还可以更加出彩,实现过程也相当地简单. 先在浏览器中输入谷歌提供的网址,链接如:http://developer.android.com/training/animation/screen-slide.html ,如不能流畅打开,你最好准备一个翻墙工具,保留备需. 在网站中你可以看到viewPager的一

Android下Fragment的动画切换效果

效果图如下: 源码链接   :    请戳这里

ios 有导航或者无导航时的动画切换效果

1.首先要是从有导航的页面切换到无导航页面时,先把导航隐藏掉,调用如下方法 //隐藏- (void)viewWillAppear:(BOOL)animated{    [super viewWillAppear:animated];    [self.navigationController setNavigationBarHidden:YES animated:animated]; }//显示- (void)viewWillDisappear:(BOOL)animated {    [supe

Vue-router结合transition实现app前进后退动画切换效果

首先配置路由并且修改路由配置 路由配置就不讲了 VueRouter.prototype.goBack = function () {  //重点,给VueRoute添加一个goBack方法,用于记录路由的前进后退状态 this.isBack = true  this.isBack = true window.history.go(-1)}   监听路由变化 <template> <div> <transition :name="transitionName"

Activity左边滑出,右边滑入的动画切换

Activity左边滑出,右边滑入的动画切换 转载请注明出处:http://blog.csdn.net/u012301841/article/details/46920809 大家都知道Android系统默认Activity间的动画切换效果为:左边滑出.右边滑入,按返回键的动画切换效果为:左边滑入,右边滑出.但是现在的手机制造商都定制自己的Rom,像MI UI和锤子OS等之类的手机,导致Android原生的切换动画在不同的手机上发生了改变,有时候我们需要让他变回原生的状态. 这是我在网上盗的一张

velocity.js实现页面滚动切换效果

在线演示1 在线演示2 在线演示3 在线演示4 在线演示5 本地下载 原文链接:http://www.gbtags.com/gb/share/5650.htm 页面滚动切换效果 今天介绍一个Javascript的小型的动画插件velocity.js,可以方便高效的开发一个具有多页面滚动切换效果的网站. 浏览器支持 velocity.js支持IE8+.Chrome.Firefox等浏览器,并支持Andriod以及IOS. 我们开发一个工程,里面有一组相关联系的大型页面.不能做到在一张页面中把它们展

JS框架_(jQuery.js)文章全屏动画切换

文章全屏动画切换效果 <!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="