您当前位置：首页 > php开源 > 综合技术 > Fragment切换动画

Fragment切换动画

来源：程序员人生发布时间：2014-12-07 09:50:57 阅读次数：5036次

题外话：

如何把1个 “小view” 或 “小fragment” 覆盖到1个 “全屏view” 之上(见下图)。

方法1（FrameLayout + layout_marginTop ）：

<FrameLayout 

        android:layout_width="match_parent"

        android:layout_height="match_parent">

      <fragment

            android:layout_marginTop="10dp"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"/>

</FrameLayout>

方法2(RelativeLayout + layout_alignParentBottom)：

<RelativeLayout

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

      <fragment

            android:layout_alignParentBottom="true"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"/>

</RelativeLayout>

开始正题，首先说1下为何用Fragment而不用ViewGroup，我觉得Fragment是1个小的履行单元，它既有Actvity处理事件的能力又有ViewGroup inflate 局部显示的功能，避免把1堆业务上不相干的控件和事件处理都写在1个Actvity里面，ViewGroup不包括任何事件处理也方便其他地方共用。

先说1下需求，由界面A 过渡到界面B，上面蓝色的区域不动，FragmentA 自上而下逐步消失，FragmentB自下而上逐步显示，（就是做了1个translationY动画）。

百度谷歌了“Fragment 切换动画”，发现都是setCustomAnimations来做的，这个动画要求必须是objectAnimator （属性动画）

Fragment
 fragment = Fragment.instantiate(context, fragmentName, fragmentArgs);

FragmentTransaction
 transaction = ((Activity) context).getFragmentManager().beginTransaction();

fragment.setArguments(fragmentArgs);

transaction.setCustomAnimations(R.anim.expand_to_top,
 R.anim.collapse_from_top);

transaction.replace(R.id.network_diagnostics_status_zone,
 fragment).commit();//切换

<?xml
 version="1.0" encoding="utf⑻"?>

<set>

<objectAnimator

        xmlns:android="<a
 href="http://schemas.android.com/apk/res/android" "="" style="color: rgb(50, 108, 166); text-decoration: none; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius:
 0px !important; background-image: none !important; border: 0px !important; bottom: auto !important; float: none !important; height: auto !important; left: auto !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding:
 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; min-height: inherit !important;">http://schemas.android.com/apk/res/android"

        android:duration="600"

 生活不易，码农辛苦

 如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠


     
          
 
            ------分隔线----------------------------
    

      
        上一篇 Android实习札记(10)---ImageView的src属性 VS blackground属性 
        下一篇 CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation --读书笔记（1）设定背景图  
      
      
        分享到:
       

      
    
 
            ------分隔线----------------------------
  
   




	



  
  
  
      
  
    
     
     
      
为码而活
      积分：4237
     
     
    
                     
                  
    
	15粉丝
	7关注
   
  
             

        栏目热点
   
   
        
  关于“博客之星”评选活动的意见    
  Android 自定义实现翻转卡片的View    
  从小学到高中，一个程序猿的独白    
  WCF 自定义工具错误: 无法生成服务引用“{0}”的代码    
  SPRING容器外访问SPRING    
  关于 Exchange 存储的10大误区[转]    
  [置顶]        设计兼容不同的屏幕尺寸的Android界面    
  开始使用 swift 的 c语言 库    
 
        
      
   
 

  







 程序员人生，我编程，我富裕，记住wfuyu网，php教程，php学习，php手册，CMS模版制作
  声明：本站大部分内容是作者原创，少部分收集于互联网供大家一起学习，原版权很多不明，如有侵权请联系本站，谢谢！

  粤ICP备14040726号-1  
  2015-2020 程序员人生 版权所有