Fragment的基本应用

[置顶] Fragment的基本应用

标签: fragment传值addToBackS切换动画
6161人阅读 评论(3) 收藏 举报
本文章已收录于:
分类:

转载请注明出处:http://blog.csdn.net/crazy1235/article/details/50933621


Fragment

还是先来基本介绍。

Fragment –> 片段
在Android3.0的时候被引入,它的出现主要是给大屏幕设备提供更加灵活的UI支持。通过对Activity布局进行分片,更加方便的对每块进行独立控制。这些片段可以被不同的activity复用。


fragment生命周期

每个fragment拥有自己的生命周期,但是fragment要依赖于activity存在,生命周期受到包括它的activity的生命周期控制。

来两张神图~~

这里写图片描述 这里写图片描述

左图就是fragment的生命周期图。右图是fragment与activity各自生命周期的对照。

介绍一下常用的几个生命周期函数:

  • onAttach(Context) –> 当fragment被绑定到activity上时回调

  • onCreate(Bundle) –> 当fragment对象创建的时候回调,一般在此方法里做参数接收。

  • onCreateView(LayoutInflater, ViewGroup, Bundle) –> 创建fragment视图时回调

  • onDestoryView –> 视图销毁时回调

  • onDestory –> 销毁fragment时回调

  • onDetech() –> fragment与activity失去关联时回调


fragment的使用

使用fragment可以当成一个控件,直接放到activity布局文件里;也可以在代码里面动态的添加、更新或者删除。

下面的activity布局文件中定义了一个fragment和一个frameLayout。使用标签可以称之为静态的Fragment,在activity创建的时候也会去创建并显示它,而framelayout是一个容器,我们在代码中可以动态的添加一个fragment进去。

<code class="hljs xml has-numbering"><span class="hljs-pi"><?xml version="1.0" encoding="utf-8"?></span>
<span class="hljs-tag"><<span class="hljs-title">LinearLayout</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute">xmlns:tools</span>=<span class="hljs-value">"http://schemas.android.com/tools"</span>
    <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"match_parent"</span>
    <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"match_parent"</span>
    <span class="hljs-attribute">android:orientation</span>=<span class="hljs-value">"horizontal"</span>
    <span class="hljs-attribute">tools:context</span>=<span class="hljs-value">".fragments.ArticleActivity"</span>></span>
    <span class="hljs-comment"><!--headlines--></span>
    <span class="hljs-tag"><<span class="hljs-title">fragment
</span>        <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/headline_fragment"</span>
        <span class="hljs-attribute">android:name</span>=<span class="hljs-value">"com.jacksen.demo.view.fragments.HeadlinesFragment"</span>
        <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"0dp"</span>
        <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"match_parent"</span>
        <span class="hljs-attribute">android:layout_weight</span>=<span class="hljs-value">"1"</span>
        <span class="hljs-attribute">tools:layout</span>=<span class="hljs-value">"@layout/fragment_item_list"</span> /></span>
    <span class="hljs-comment"><!--article--></span>
    <span class="hljs-tag"><<span class="hljs-title">FrameLayout
</span>        <span class="hljs-attribute">android:id</span>=<span class="hljs-value">"@+id/article_frame_layout"</span>
        <span class="hljs-attribute">android:layout_width</span>=<span class="hljs-value">"0dp"</span>
        <span class="hljs-attribute">android:layout_height</span>=<span class="hljs-value">"match_parent"</span>
        <span class="hljs-attribute">android:layout_weight</span>=<span class="hljs-value">"2"</span> /></span>
<span class="hljs-tag"></<span class="hljs-title">LinearLayout</span>></span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li></ul>

注意:

使用标签显示Fragment的时候,需要对这个fragment设置一个id或者tag,否则会出现”Error inflating class fragment”错误。

这里写图片描述

<code class="hljs lasso has-numbering">Caused <span class="hljs-keyword">by</span>: java<span class="hljs-built_in">.</span>lang<span class="hljs-built_in">.</span>IllegalArgumentException: Binary <span class="hljs-built_in">XML</span> file line <span class="hljs-variable">#10</span>: Must specify unique android:id, android:<span class="hljs-built_in">tag</span>, <span class="hljs-literal">or</span> have a <span class="hljs-keyword">parent</span> <span class="hljs-keyword">with</span> an id for com<span class="hljs-built_in">.</span>jacksen<span class="hljs-built_in">.</span>demo<span class="hljs-built_in">.</span>view<span class="hljs-built_in">.</span>fragments<span class="hljs-built_in">.</span>HeadlinesFragment</code><ul class="pre-numbering"><li>1</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" /></a></div><ul class="pre-numbering"><li>1</li></ul>

Fragment的子类继承的时候,如果你的minSdkVersion <= 11,需要引入V4包,然后倒入Android.support.v4.app.Fragment包。如果是大于11,直接导入android.app.Fragment包即可。

<code class="hljs java has-numbering"><span class="hljs-keyword">package</span> com.jacksen.demo.view.fragments;
<span class="hljs-keyword">import</span> android.content.Context;
<span class="hljs-keyword">import</span> android.os.Bundle;
<span class="hljs-keyword">import</span> android.support.v4.app.Fragment;
<span class="hljs-keyword">import</span> android.support.v7.widget.GridLayoutManager;
<span class="hljs-keyword">import</span> android.support.v7.widget.LinearLayoutManager;
<span class="hljs-keyword">import</span> android.support.v7.widget.RecyclerView;
<span class="hljs-keyword">import</span> android.util.Log;
<span class="hljs-keyword">import</span> android.view.LayoutInflater;
<span class="hljs-keyword">import</span> android.view.View;
<span class="hljs-keyword">import</span> android.view.ViewGroup;
<span class="hljs-keyword">import</span> com.jacksen.demo.view.R;
<span class="hljs-keyword">import</span> com.jacksen.demo.view.fragments.dummy.ArticleBean;
<span class="hljs-keyword">import</span> com.jacksen.demo.view.fragments.dummy.ArticleBean.ArticleItem;

<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">HeadlinesFragment</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Fragment</span> {</span>
    <span class="hljs-keyword">private</span> <span class="hljs-keyword">static</span> <span class="hljs-keyword">final</span> String ARG_COLUMN_COUNT = <span class="hljs-string">"column-count"</span>;
    <span class="hljs-keyword">private</span> <span class="hljs-keyword">int</span> mColumnCount = <span class="hljs-number">2</span>;
    <span class="hljs-keyword">private</span> OnChangeArticleListener mListener;

    <span class="hljs-keyword">public</span> <span class="hljs-title">HeadlinesFragment</span>() {
    }
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> HeadlinesFragment <span class="hljs-title">newInstance</span>(<span class="hljs-keyword">int</span> columnCount) {
        HeadlinesFragment fragment = <span class="hljs-keyword">new</span> HeadlinesFragment();
        Bundle args = <span class="hljs-keyword">new</span> Bundle();
        args.putInt(ARG_COLUMN_COUNT, columnCount);
        fragment.setArguments(args);
        <span class="hljs-keyword">return</span> fragment;
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onAttach</span>(Context context) {
        <span class="hljs-keyword">super</span>.onAttach(context);
        Log.d(<span class="hljs-string">"HeadlinesFragment"</span>, <span class="hljs-string">"onAttach"</span>);
        <span class="hljs-keyword">if</span> (context <span class="hljs-keyword">instanceof</span> OnChangeArticleListener) {
            mListener = (OnChangeArticleListener) context;
        } <span class="hljs-keyword">else</span> {
            <span class="hljs-keyword">throw</span> <span class="hljs-keyword">new</span> RuntimeException(context.toString()
                    + <span class="hljs-string">" must implement OnChangeArticleListener"</span>);
        }
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState) {
        <span class="hljs-keyword">super</span>.onCreate(savedInstanceState);
        Log.d(<span class="hljs-string">"HeadlinesFragment"</span>, <span class="hljs-string">"onCreate"</span>);
        <span class="hljs-keyword">if</span> (getArguments() != <span class="hljs-keyword">null</span>) {
            mColumnCount = getArguments().getInt(ARG_COLUMN_COUNT);
        }
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"HeadlinesFragment"</span>, <span class="hljs-string">"onCreateView"</span>);
        View view = inflater.inflate(R.layout.fragment_item_list, container, <span class="hljs-keyword">false</span>);
        <span class="hljs-comment">// Set the adapter</span>
        <span class="hljs-keyword">if</span> (view <span class="hljs-keyword">instanceof</span> RecyclerView) {
            Context context = view.getContext();
            RecyclerView recyclerView = (RecyclerView) view;
            <span class="hljs-keyword">if</span> (mColumnCount <= <span class="hljs-number">1</span>) {
                recyclerView.setLayoutManager(<span class="hljs-keyword">new</span> LinearLayoutManager(context));
            } <span class="hljs-keyword">else</span> {
                recyclerView.setLayoutManager(<span class="hljs-keyword">new</span> GridLayoutManager(context, mColumnCount));
            }
            recyclerView.setAdapter(<span class="hljs-keyword">new</span> HeadlinesRecyclerViewAdapter(ArticleBean.ITEMS, mListener));
        }
        <span class="hljs-keyword">return</span> view;
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onDetach</span>() {
        <span class="hljs-keyword">super</span>.onDetach();
        Log.d(<span class="hljs-string">"HeadlinesFragment"</span>, <span class="hljs-string">"onDetach"</span>);
        mListener = <span class="hljs-keyword">null</span>;
    }
    <span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">OnChangeArticleListener</span> {</span>
        <span class="hljs-keyword">void</span> onChangeArticle(ArticleItem item);
    }
}</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li><li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li><li>60</li><li>61</li><li>62</li><li>63</li><li>64</li><li>65</li><li>66</li><li>67</li><li>68</li><li>69</li><li>70</li><li>71</li><li>72</li><li>73</li><li>74</li><li>75</li><li>76</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li><li>49</li><li>50</li><li>51</li><li>52</li><li>53</li><li>54</li><li>55</li><li>56</li><li>57</li><li>58</li><li>59</li><li>60</li><li>61</li><li>62</li><li>63</li><li>64</li><li>65</li><li>66</li><li>67</li><li>68</li><li>69</li><li>70</li><li>71</li><li>72</li><li>73</li><li>74</li><li>75</li><li>76</li></ul>

动态的添加fragment就需要在代码里面通过FragmentManager等类进行操作:

<code class="hljs avrasm has-numbering">frameLayout = (FrameLayout) findViewById(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.article</span>_frame_layout)<span class="hljs-comment">;</span>
fragmentManager = getSupportFragmentManager()<span class="hljs-comment">;</span>
articleFragment = ArticleFragment<span class="hljs-preprocessor">.newInstance</span>()<span class="hljs-comment">;</span>
fragmentManager<span class="hljs-preprocessor">.beginTransaction</span>()<span class="hljs-preprocessor">.replace</span>(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.article</span>_frame_layout, articleFragment)<span class="hljs-preprocessor">.commit</span>()<span class="hljs-comment">;</span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li></ul>

Fragment的事务管理

android里通过FragmentManager类进行管理fragment,一组对fragment的操作(添加、删除、替换等)称为一个事务,通过FragmentTransaction类来提交执行。也可以把事务添加到回退栈中,进行回滚。这有点类似于数据库的事务机制。

注意:

  • 事物操作最后必须调用commit()才能执行。

  • 调用commit()方法之后,也不是立刻执行;如果需要立刻执行,可以使用executePendingTransactions()方法。

  • 一次性add多个fragment,显示的是最后一个。

  • 任务栈回退针对的是事务,而不是fragment。一次事务操作过程中可以有很多个对fragment的操作。

  • 只能在activity处于可保存状态的情况下,进行事务操作。否则引发如下异常:

<code class="hljs erlang has-numbering">java.lang.<span class="hljs-variable">IllegalStateException</span>: <span class="hljs-variable">Can</span> <span class="hljs-keyword">not</span> perform this action <span class="hljs-keyword">after</span> on<span class="hljs-variable">SaveInstanceState</span></code><ul class="pre-numbering"><li>1</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li></ul>

比如,在onPause()或者onStop()中提交事务,就会出现以上问题,如果非要在这些生命周期里面进行事务提交,请使用FragmentTransaction类的commitAllowingStateLoss()方法,允许状态丢失。

  • 如果activity继承的是AppCompatActivity,onBackPressed()回调函数里面是利用的V4包的getSupportFragmentManager()进行的栈回退,所以做fragment回退的时候需要注意引用的是不是V4包的Fragment类
<code class="hljs java has-numbering"><span class="hljs-javadoc">/**
     * Take care of popping the fragment back stack or finishing the activity
     * as appropriate.
     */</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onBackPressed</span>() {
        <span class="hljs-keyword">if</span> (!mFragments.getSupportFragmentManager().popBackStackImmediate()) {
            supportFinishAfterTransition();
        }
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul>

Fragment之间的切换

Fragment的切换就是基本就是利用add()hide()show()replace()这四个方法。

情况一:采用add方式切换fragment

activity:

<code class="hljs avrasm has-numbering">@Override
    protected void onCreate(Bundle savedInstanceState) {
        super<span class="hljs-preprocessor">.onCreate</span>(savedInstanceState)<span class="hljs-comment">;</span>
        setContentView(R<span class="hljs-preprocessor">.layout</span><span class="hljs-preprocessor">.activity</span>_test_fragments2)<span class="hljs-comment">;</span>
        ButterKnife<span class="hljs-preprocessor">.bind</span>(this)<span class="hljs-comment">;</span>
        FragmentManager fragmentManager = getSupportFragmentManager()<span class="hljs-comment">;</span>
        TabFragment1 tabFragment1 = TabFragment1<span class="hljs-preprocessor">.newInstance</span>()<span class="hljs-comment">;</span>
        fragmentManager<span class="hljs-preprocessor">.beginTransaction</span>()<span class="hljs-preprocessor">.add</span>(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.test</span>_fragments_layout, tabFragment1)<span class="hljs-preprocessor">.addToBackStack</span>(<span class="hljs-string">"tab1"</span>)<span class="hljs-preprocessor">.commit</span>()<span class="hljs-comment">;</span>
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li></ul>

TabFragment1代码:

<code class="hljs java has-numbering"><span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"TabFragment1"</span>, <span class="hljs-string">"onCreateView"</span>);
        View view = inflater.inflate(R.layout.fragment_tab_fragment1, container, <span class="hljs-keyword">false</span>);
        ButterKnife.bind(<span class="hljs-keyword">this</span>, view);
        openNextBtn.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {
                FragmentManager fragmentManager = getFragmentManager();
                TabFragment2 tabFragment2 = TabFragment2.newInstance();
                fragmentManager.beginTransaction().add(R.id.test_fragments_layout, tabFragment2).addToBackStack(<span class="hljs-keyword">null</span>).commit();
            }
        });
        <span class="hljs-keyword">return</span> view;
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul>

TabFragment2代码:

<code class="hljs java has-numbering"><span class="hljs-javadoc">/**
 * Tab Fragment 2
 */</span>
<span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">TabFragment2</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Fragment</span> {</span>
    <span class="hljs-keyword">public</span> <span class="hljs-title">TabFragment2</span>() {
    }
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> TabFragment2 <span class="hljs-title">newInstance</span>() {
        TabFragment2 fragment = <span class="hljs-keyword">new</span> TabFragment2();
        <span class="hljs-keyword">return</span> fragment;
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onAttach</span>(Context context) {
        <span class="hljs-keyword">super</span>.onAttach(context);
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onAttach"</span>);
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState) {
        <span class="hljs-keyword">super</span>.onCreate(savedInstanceState);
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onCreate"</span>);
        <span class="hljs-keyword">if</span> (getArguments() != <span class="hljs-keyword">null</span>) {
        }
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onCreateView"</span>);
        <span class="hljs-keyword">return</span> inflater.inflate(R.layout.fragment_tab_fragment2, container, <span class="hljs-keyword">false</span>);
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onDestroyView</span>() {
        <span class="hljs-keyword">super</span>.onDestroyView();
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onDestroyView"</span>);
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onDestroy</span>() {
        <span class="hljs-keyword">super</span>.onDestroy();
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onDestroy"</span>);
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onDetach</span>() {
        <span class="hljs-keyword">super</span>.onDetach();
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onDetach"</span>);
    }
}</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li><li>43</li><li>44</li></ul>

此时都是采用add的方式进行显示fragment。每次都会把添加fragment的事务叠加到回退栈上面。

在TabFragment1界面点击按钮添加TabFragment2界面,然后在按返回键回退,打印出生命周期如下:

这里写图片描述

情况二:采用replace的方式切换fragment

activity代码不变。

TabFragment1的代码如下:

<code class="hljs java has-numbering"><span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"TabFragment1"</span>, <span class="hljs-string">"onCreateView"</span>);
        View view = inflater.inflate(R.layout.fragment_tab_fragment1, container, <span class="hljs-keyword">false</span>);
        ButterKnife.bind(<span class="hljs-keyword">this</span>, view);
        openNextBtn.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {
                FragmentManager fragmentManager = getFragmentManager();
                TabFragment2 tabFragment2 = TabFragment2.newInstance();
                fragmentManager.beginTransaction().replace(R.id.test_fragments_layout, tabFragment2).addToBackStack(<span class="hljs-keyword">null</span>).commit();
            }
        });
        <span class="hljs-keyword">return</span> view;
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul>

TabFragment1切换到TabFragment2的时候,使用的replace方法。replace方法的作用是remove掉所有添加到相同id的容器里的fragment,然后添加参数里的fragment。所以会回调TabFragment1的onDestoryView()方法,等到从TabFragment2返回的时候,去执行replace事务的相反操作,也就会重新创建TabFragment1的视图,回调onCreateView()方法。

图片名称

这里写图片描述

remove:

我们在TabFragment2界面中调用remove方法,把TabFragment1移除掉。

TabFragment1.java:

<code class="hljs java has-numbering"><span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"TabFragment1"</span>, <span class="hljs-string">"onCreateView"</span>);
        View view = inflater.inflate(R.layout.fragment_tab_fragment1, container, <span class="hljs-keyword">false</span>);
        ButterKnife.bind(<span class="hljs-keyword">this</span>, view);
        openNextBtn.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {
                FragmentManager fragmentManager = getFragmentManager();
                TabFragment2 tabFragment2 = TabFragment2.newInstance();
                fragmentManager.beginTransaction().add(R.id.test_fragments_layout, tabFragment2).addToBackStack(<span class="hljs-keyword">null</span>).commit();
            }
        });
        <span class="hljs-keyword">return</span> view;
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li></ul>

TabFragment2.java:

<code class="hljs java has-numbering"><span class="hljs-keyword">private</span> onBtnClickListener onBtnClickListener;
    <span class="hljs-keyword">public</span> <span class="hljs-title">TabFragment2</span>() {
    }
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">static</span> TabFragment2 <span class="hljs-title">newInstance</span>() {
        TabFragment2 fragment = <span class="hljs-keyword">new</span> TabFragment2();
        <span class="hljs-keyword">return</span> fragment;
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onAttach</span>(Context context) {
        <span class="hljs-keyword">super</span>.onAttach(context);
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onAttach"</span>);
        <span class="hljs-keyword">if</span> (context <span class="hljs-keyword">instanceof</span> onBtnClickListener){
            onBtnClickListener = (TabFragment2.onBtnClickListener) context;
        }<span class="hljs-keyword">else</span>{
            <span class="hljs-keyword">throw</span> <span class="hljs-keyword">new</span> RuntimeException(context.toString()
                    + <span class="hljs-string">" must implement onBtnClickListener"</span>);
        }
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState) {
        <span class="hljs-keyword">super</span>.onCreate(savedInstanceState);
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onCreate"</span>);
        <span class="hljs-keyword">if</span> (getArguments() != <span class="hljs-keyword">null</span>) {
        }
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onCreateView"</span>);
        View view = inflater.inflate(R.layout.fragment_tab_fragment2, container, <span class="hljs-keyword">false</span>);
        ButterKnife.bind(<span class="hljs-keyword">this</span>, view);
        removeFragmentBtn.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {
                onBtnClickListener.removeFragment1();
            }
        });
        <span class="hljs-keyword">return</span> view;
    }
    <span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">onBtnClickListener</span>{</span>
        <span class="hljs-keyword">void</span> removeFragment1();
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li><li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li><li>41</li><li>42</li></ul>

activity:

<code class="hljs java has-numbering"> <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">removeFragment1</span>() {
        fragmentManager.beginTransaction().remove(tabFragment1).commit();
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li></ul>

从代码里看到,remove操作的事务没有添加到回退栈中,所以从TabFragment2中返回的时候,直接退到了activity界面。

图片名称

但是从界面来看,从TabFragment2会退到activity之后,再次按返回键并没有退出activity,然后再按返回键的时候才会退出activity。原因就是,虽然remove了TabFragment1,但是只是回调了onDestoryView()方法销毁了视图,此时TabFragment1的对象资源和与activity的关联还没有断开。所以点击返回键的时候会有一个没有“响应”。

下面看看我们把reomve()操作添加到回退栈的情况:

<code class="hljs java has-numbering"><span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">removeFragment1</span>() {
        fragmentManager.beginTransaction().remove(tabFragment1).addToBackStack(<span class="hljs-string">"remove"</span>).commit();
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li></ul>

图片名称

与上面的情况相比,多了TabFragment1的onCreateView()这一步。这是因为把remove事务添加到了任务栈,回退的时候逆向执行该操作。

使用replace()方法和remove()方法会导致视图销毁,所以,切换fragment的时候,如果需要视图保留视图,就不能用这两个方法。


Fragment与Activity之间传值

  • fragment –> activity 99%的做法都是通过接口回调来做的。定义一个接口,activity中实现此接口方法,在fragment里面调用接口方法

  • activity –> fragment 通过findFragmentById()后者findFragmentByTag()方法获取fragment实例调用fragment里的public方法即可。

接着往下看~~

TabFragment2调用接口方法:

<code class="hljs java has-numbering"> <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> View <span class="hljs-title">onCreateView</span>(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        Log.d(<span class="hljs-string">"TabFragment2"</span>, <span class="hljs-string">"onCreateView"</span>);
        View view = inflater.inflate(R.layout.fragment_tab_fragment2, container, <span class="hljs-keyword">false</span>);
        ButterKnife.bind(<span class="hljs-keyword">this</span>, view);
        removeFragmentBtn.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {
                onBtnClickListener.removeFragment1();
            }
        });
        tellSthBtn.setOnClickListener(<span class="hljs-keyword">new</span> View.OnClickListener() {
            <span class="hljs-annotation">@Override</span>
            <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onClick</span>(View v) {
                onBtnClickListener.tellSth(<span class="hljs-string">"这是我要对你说的话!"</span>);
            }
        });
        <span class="hljs-keyword">return</span> view;
    }
    <span class="hljs-javadoc">/**
     * 回调接口
     */</span>
    <span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">interface</span> <span class="hljs-title">onBtnClickListener</span> {</span>
        <span class="hljs-keyword">void</span> removeFragment1();
        <span class="hljs-keyword">void</span> tellSth(String str);
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li></ul>

activity实现该接口的方法:

<code class="hljs java has-numbering"><span class="hljs-keyword">public</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">TestFragments</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">AppCompatActivity</span> <span class="hljs-keyword">implements</span> <span class="hljs-title">TabFragment2</span>.<span class="hljs-title">onBtnClickListener</span> {</span>
    <span class="hljs-annotation">@Bind</span>(R.id.test_fragments_layout)
    FrameLayout testFragmentsLayout;
    <span class="hljs-keyword">private</span> FragmentManager fragmentManager;
    <span class="hljs-keyword">private</span> TabFragment1 tabFragment1;
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">protected</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onCreate</span>(Bundle savedInstanceState) {
        <span class="hljs-keyword">super</span>.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test_fragments2);
        ButterKnife.bind(<span class="hljs-keyword">this</span>);
        fragmentManager = getSupportFragmentManager();
        tabFragment1 = TabFragment1.newInstance();
        fragmentManager.beginTransaction().add(R.id.test_fragments_layout, tabFragment1, <span class="hljs-string">"tab1"</span>).addToBackStack(<span class="hljs-string">"tab1"</span>).commit();
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">onBackPressed</span>() {
        <span class="hljs-keyword">super</span>.onBackPressed();
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">removeFragment1</span>() {
        fragmentManager.beginTransaction().remove(tabFragment1).addToBackStack(<span class="hljs-string">"remove"</span>).commit();
    }
    <span class="hljs-annotation">@Override</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">tellSth</span>(String str) {
        ((TabFragment1)fragmentManager.findFragmentByTag(<span class="hljs-string">"tab1"</span>)).showSth(<span class="hljs-string">"hello: "</span> + str);
    }
}</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li><li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li><li>25</li><li>26</li><li>27</li></ul>

在TabFragment1中定义方法供activity调用:

<code class="hljs cs has-numbering">    <span class="hljs-keyword">public</span> <span class="hljs-keyword">void</span> <span class="hljs-title">showSth</span>(String str) {
        getSthEt.setText(str);
    }</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets_01.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li></ul>

这里写图片描述


Fragment与Fragment传值

activity给fragment传值你回了,fragment给activity传值你也会了。那么这个问题就不要问我了!!!


Fragment切换动画

Fragment的切换动画可以使用系统的标准动画,也可以自定义动画。
使用系统的需要用到setTransition(),但是只能设置系统提供的有限的动画效果。

  • FragmentTransaction.TRANSIT_FRAGMENT_OPEN

  • FragmentTransaction.TRANSIT_FRAGMENT_CLOSE

  • FragmentTransaction.TRANSIT_FRAGMENT_FADE

自定义动画需要用到的类:

<code class="hljs java has-numbering"><span class="hljs-javadoc">/**
     * Set specific animation resources to run for the fragments that are
     * entering and exiting in this transaction. These animations will not be
     * played when popping the back stack.
     */</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">abstract</span> FragmentTransaction <span class="hljs-title">setCustomAnimations</span>(@AnimRes <span class="hljs-keyword">int</span> enter,
            @AnimRes <span class="hljs-keyword">int</span> exit);</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>
<code class="hljs java has-numbering"><span class="hljs-javadoc">/**
     * Set specific animation resources to run for the fragments that are
     * entering and exiting in this transaction. The <code>popEnter</code>
     * and <code>popExit</code> animations will be played for enter/exit
     * operations specifically when popping the back stack.
     */</span>
    <span class="hljs-keyword">public</span> <span class="hljs-keyword">abstract</span> FragmentTransaction <span class="hljs-title">setCustomAnimations</span>(@AnimRes <span class="hljs-keyword">int</span> enter,
            @AnimRes <span class="hljs-keyword">int</span> exit, @AnimRes <span class="hljs-keyword">int</span> popEnter, @AnimRes <span class="hljs-keyword">int</span> popExit);</code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li></ul>

注意:

setCustomAnimations()必须在add()、remove()、replace()调用之前设置,否则不起作用。

比如:有两个fragment A和B,从A切换到B的时候

  • @AnimRes int enter
    表示Fragment B的进入动画

  • @AnimRes int exit
    表示Fragment A的退出动画

  • @AnimRes int popEnter
    表示当从B界面pop回到A时,Fragment A的进入动画

  • @AnimRes int popExit
    表示当从B界面pop回到A是,Fragment B的退出动画

如果使用add的方式显示下一个fragment,则只会触发enter 和 popExit动画,因为这种情况下A并没有被移除,只是触发了与B相关的动画。

比如:
从TabFragment1使用add()方式显示TabFragment2:

<code class="hljs avrasm has-numbering">FragmentManager fragmentManager = getFragmentManager()<span class="hljs-comment">;</span>
TabFragment2 tabFragment2 = TabFragment2<span class="hljs-preprocessor">.newInstance</span>()<span class="hljs-comment">;</span>
FragmentTransaction fragmentTransaction = fragmentManager<span class="hljs-preprocessor">.beginTransaction</span>()<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.setCustomAnimations</span>(R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_in_from_right, R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_out_to_left, R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_in_from_top, R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_out_to_bottom)<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.add</span>(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.test</span>_fragments_layout, tabFragment2, <span class="hljs-string">"tab2"</span>)<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.addToBackStack</span>(<span class="hljs-string">"tab2"</span>)<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.commit</span>()<span class="hljs-comment">;</span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>

4个动画都是使用的简单的view动画,用属性动画可以做出更加绚丽的动画:

slide_in_from_right.xml

<code class="hljs xml has-numbering"><span class="hljs-pi"><?xml version="1.0" encoding="utf-8"?></span>
<span class="hljs-tag"><<span class="hljs-title">translate</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute">android:duration</span>=<span class="hljs-value">"800"</span>
    <span class="hljs-attribute">android:fromXDelta</span>=<span class="hljs-value">"100.0%"</span>
    <span class="hljs-attribute">android:interpolator</span>=<span class="hljs-value">"@android:interpolator/accelerate_decelerate_interpolator"</span>
    <span class="hljs-attribute">android:toXDelta</span>=<span class="hljs-value">"0.0"</span> /></span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul>

slide_out_to_left.xml

<code class="hljs xml has-numbering"><span class="hljs-pi"><?xml version="1.0" encoding="utf-8"?></span>
<span class="hljs-tag"><<span class="hljs-title">translate</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute">android:duration</span>=<span class="hljs-value">"800"</span>
    <span class="hljs-attribute">android:fromXDelta</span>=<span class="hljs-value">"0.0"</span>
    <span class="hljs-attribute">android:interpolator</span>=<span class="hljs-value">"@android:interpolator/accelerate_decelerate_interpolator"</span>
    <span class="hljs-attribute">android:toXDelta</span>=<span class="hljs-value">"-100%"</span> /></span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul>

slide_in_from_top.xml

<code class="hljs xml has-numbering"><span class="hljs-pi"><?xml version="1.0" encoding="utf-8"?></span>
<span class="hljs-tag"><<span class="hljs-title">translate</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute">android:duration</span>=<span class="hljs-value">"1000"</span>
    <span class="hljs-attribute">android:fromYDelta</span>=<span class="hljs-value">"-100.0%"</span>
    <span class="hljs-attribute">android:interpolator</span>=<span class="hljs-value">"@android:interpolator/accelerate_decelerate"</span>
    <span class="hljs-attribute">android:toYDelta</span>=<span class="hljs-value">"0.0"</span> /></span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul>

slide_out_to_bottom.xml

<code class="hljs xml has-numbering"><span class="hljs-pi"><?xml version="1.0" encoding="utf-8"?></span>
<span class="hljs-tag"><<span class="hljs-title">translate</span> <span class="hljs-attribute">xmlns:android</span>=<span class="hljs-value">"http://schemas.android.com/apk/res/android"</span>
    <span class="hljs-attribute">android:duration</span>=<span class="hljs-value">"1000"</span>
    <span class="hljs-attribute">android:fromYDelta</span>=<span class="hljs-value">"0"</span>
    <span class="hljs-attribute">android:interpolator</span>=<span class="hljs-value">"@android:interpolator/accelerate_decelerate"</span>
    <span class="hljs-attribute">android:toYDelta</span>=<span class="hljs-value">"100%p"</span> /></span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul><div class="save_code tracking-ad" data-mod="popu_249"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul>

效果图:

这里写图片描述

如果采用的replace的方式,则会正常的触发4个动画。

<code class="hljs avrasm has-numbering">FragmentManager fragmentManager = getFragmentManager()<span class="hljs-comment">;</span>
TabFragment2 tabFragment2 = TabFragment2<span class="hljs-preprocessor">.newInstance</span>()<span class="hljs-comment">;</span>
FragmentTransaction fragmentTransaction = fragmentManager<span class="hljs-preprocessor">.beginTransaction</span>()<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.setCustomAnimations</span>(R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_in_from_right, R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_out_to_left, R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_in_from_top, R<span class="hljs-preprocessor">.anim</span><span class="hljs-preprocessor">.slide</span>_out_to_bottom)<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.replace</span>(R<span class="hljs-preprocessor">.id</span><span class="hljs-preprocessor">.test</span>_fragments_layout, tabFragment2, <span class="hljs-string">"tab2"</span>)<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.addToBackStack</span>(<span class="hljs-string">"tab2"</span>)<span class="hljs-comment">;</span>
fragmentTransaction<span class="hljs-preprocessor">.commit</span>()<span class="hljs-comment">;</span></code><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul><div class="save_code tracking-ad" data-mod="popu_249" style="display: none;"><a target=_blank href="javascript:;"><img src="http://static.blog.csdn.net/images/save_snippets.png" /></a></div><ul class="pre-numbering"><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li></ul>

这里写图片描述

这里只介绍了setCustomAnimations()的用法,setTransition()方式的动画很简单,就不介绍了。


本篇blog到此结束。
如有错误,欢迎留言。
谢谢~~~

8
0
 
 
我的同类文章
http://blog.csdn.net 更多文章

参考知识库

更多资料请参考:
猜你在找
Python算法实战视频课程--栈的应用
Android高级界面控件难点精讲
Android之动画全讲
反编译Android应用
数据结构基础系列(3):栈和队列
查看评论
3楼 Dawish_大D 2016-04-27 15:31发表 [回复] [引用] [举报]
很全面,不错
2楼 anhenzhufeng 2016-03-21 10:42发表 [回复] [引用] [举报]
很全面很详细,必须收藏
1楼 wangbin_learn 2016-03-21 09:17发表 [回复] [引用] [举报]
赞个再说
发表评论
  • 用 户 名:
  • qq_29823257
  •    还能输入1000个字符
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值