• Android笔记(十九) Android中的Fragment


             通常我们使用Activity来展示界面,但是在手机上界面可能显示的很好看,但在平板上,因为平板的屏幕非常大,手机的界面放在平板上可能会出现控件被拉长、控件之间间距变大等问题。为了更好的体验效果,在Activity中嵌入“子Activity”,然后每个“子Activity”又可以拥有自己的布局,于是Fragment登场了。

    什么是Fragment?

             Fragment是Activity界面中的一部分或一种行为,你可以把多个Fragment组合到一个Acvitity中来创建一个多面界面,并且你也可以在多个Activity中重用一个Fragment,你可以选择在Activity运行时候添加或者删除Fragment,它具有自己的生命周期,接受它自己的事件。

             Fragment不能独立存在,它必须是嵌入到Activity中的,而且Fragment的生命周期受所在Activity的影响:Activity暂停,它所拥有的所有的Fragment都暂停,Activity销毁,它所拥有的所有Fragment都销毁。只有当Activity出于活动状态时,程序员才可以通过独立的方法操作Fragment。

             Fragment的特性归纳如下:

    • l  Fragment总是作为Activity界面的组成部分,Fragment可以调用getActivity()方法获取它所在的Activity,Activity可以调用FragmentManager的findFragmentById()或者findFragmentByTag()方法来获取Fragment。
    • l  在Activity运行过程中,可调用FragmentManager的add()、remove()、replace()方法动态的添加、删除、或者替换Fragment。
    • l  一个Activity可以同时组合多个Fragment,反过来,一个Fragment也可以被多个Activity复用
    • l  Fragment可以相应自己的输入事件,并且拥有自己的生命周期,但它们的生命周期直接被其所属的Acitivity的生命周期所限制。

    如何创建Fragment

             创建Fragment和Activity非常相似,需要继承Fragment及其子类,于此同时,只要将原来卸载Acitivity回调方法的代码“移到”Fragment的回调方法中即可。

             Fragment的创建分为动态和讲台两种

    静态创建Fragment简单示例:

             步骤很简单,创建两个LinearLayout布局文件fragment1和fragment2,分别放入两个TextView;创建两个继承Fragment的类Fragmeng1和Fragment2,分别加载刚才建好的布局文件并返回;在主Activity的布局文件里面加入两个Fragment的引用,使用android:name前缀来引用具体的Fragment:

    fragment1.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/fragment1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#204eee"
            android:text="BBBBBBBBBBBBBB" />
    
    </LinearLayout>

    fragment2.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/fragment2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#ff00ff"
            android:text="AAAAAAAAAAAAAAA" />
    
    </LinearLayout>

    Fragment1.java

    package cn.lixyz.fragmenttest;
    
    import android.app.Fragment;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by LGB on 2015/8/26.
     */
    public class Fragment1 extends Fragment {
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    
            View bookListView = inflater.inflate(R.layout.fragment1, container, false);
    
            return bookListView;
    
        }
    }

    Fragment2.java

    package cn.lixyz.fragmenttest;
    
    import android.app.Fragment;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by LGB on 2015/8/26.
     */
    public class Fragment2 extends Fragment {
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    
            View bookDescView = inflater.inflate(R.layout.fragment2, container, false);
    
    
            return bookDescView;
        }
    }

    activity_layout.xml

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity"
        android:orientation="horizontal">
    
    
        <!-- 主Activity的布局文件,在里面加入两个Fragment的引用,使用android:name前缀来引用具体的Fragment -->
        <fragment
            android:id="@+id/book_list"
            android:name="cn.lixyz.fragmenttest.Fragment1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="4"
            />
        <fragment
            android:id="@+id/book_desc"
            android:name="cn.lixyz.fragmenttest.Fragment2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            />
    
    </LinearLayout>

    MainActivity.java

    package cn.lixyz.fragmenttest;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuItem;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    }

    AndroidManiFest.xml

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="cn.lixyz.fragmenttest" >
    
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:theme="@style/AppTheme" >
            <activity
                android:name=".MainActivity"
                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>
    
    </manifest>

              运行结果:

    动态创建Fragment简单示例:

    修改文件:

    activity_layout.xml

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity"
        android:orientation="horizontal"
        android:id="@+id/activity_main">
    </LinearLayout>

    MainActivity.java

    package cn.lixyz.fragmenttest;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.Display;
    import android.view.Menu;
    import android.view.MenuItem;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            Display display = getWindowManager().getDefaultDisplay();
            if (display.getWidth() > display.getHeight()){
                Fragment1 fragment1 = new Fragment1();
                getFragmentManager().beginTransaction().replace(R.id.activity_main,fragment1).commit();
            }else{
                Fragment2 fragment2 = new Fragment2();
                getFragmentManager().beginTransaction().replace(R.id.activity_main,fragment2).commit();
            }
        }
    }

             运行结果:

    旋转屏幕:

    Fragment的生命周期

             修改一下fragment1.java的代码

    package cn.lixyz.fragmenttest;
    
    import android.app.Activity;
    import android.app.Fragment;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.util.Log;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by LGB on 2015/8/26.
     */
    public class Fragment1 extends Fragment {
    
        int i = 1;
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View bookListView = inflater.inflate(R.layout.fragment1, container, false);
            Log.d("TEST", (i++) + ". onCreateView方法运行了");
            return bookListView;
        }
    
        @Override
        public void onAttach(Activity activity) {
            super.onAttach(activity);
            Log.d("TEST", (i++) + ". onAttach方法运行了");
        }
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            Log.d("TEST", (i++) + ". onCreate方法运行了");
        }
    
        @Override
        public void onActivityCreated(Bundle savedInstanceState) {
            super.onActivityCreated(savedInstanceState);
            Log.d("TEST", (i++) + ". onActivityCreated方法运行了");
        }
    
        @Override
        public void onStart() {
            super.onStart();
            Log.d("TEST", (i++) + ". onStart方法运行了");
        }
    
        @Override
        public void onResume() {
            super.onResume();
            Log.d("TEST", (i++) + ". onResume方法运行了");
        }
    
        @Override
        public void onPause() {
            super.onPause();
            Log.d("TEST", (i++) + ". onPause方法运行了");
        }
    
        @Override
        public void onStop() {
            super.onStop();
            Log.d("TEST", (i++) + ". onStop方法运行了");
        }
    
        @Override
        public void onDestroyView() {
            super.onDestroyView();
            Log.d("TEST", (i++) + ". onDestroyView方法运行了");
        }
    
        @Override
        public void onDestroy() {
            super.onDestroy();
            Log.d("TEST", (i++) + ". onDestroy方法运行了");
        }
    
        @Override
        public void onDetach() {
            super.onDetach();
            Log.d("TEST", (i++) + ". onDetach方法运行了");
        }
    }

             运行程序:

             按HOME键返回桌面

             再重新进入程序

             按back键退出程序

             

             看到这里,我相信大多数朋友已经非常明白了,因为这和Activity的生命周期太相似了。只是有几个Activity中没有的新方法,这里需要重点介绍一下:

    •   onAttach方法:Fragment和Activity建立关联的时候调用。
    •   onCreateView方法:为Fragment加载布局时调用。
    •   onActivityCreated方法:当Activity中的onCreate方法执行完后调用。
    •   onDestroyView方法:Fragment中的布局被移除时调用。
    •   onDetach方法:Fragment和Activity解除关联的时候调用。

    Fragment之间的通信

             通常情况下,一个Activity都会包含多个Fragment,这个时候多个Fragment之间就需要进行通信了。我们通过getActivity()这个方法实现,该方法可以让Fragment获取到关联的Activity,然后再调用Activity的findViewById()方法,就可以获取到和这个Activity关联的其他Fragment的视图了。

    简单示例:

    fragment1.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/fragment1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#204eee"
            android:text="这是fragment1" />
    
    </LinearLayout>

    fragment2.xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#ff00ff">
    
        <TextView
            android:id="@+id/fragment2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="这是fragment2" />
    
        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="获取fragment1的文本"/>
    
    </LinearLayout>

    Fragment1.java

    package cn.lixyz.fragmenttest;
    
    import android.app.Activity;
    import android.app.Fragment;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.util.Log;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    /**
     * Created by LGB on 2015/8/26.
     */
    public class Fragment1 extends Fragment {
    
        int i = 1;
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View bookListView = inflater.inflate(R.layout.fragment1, container, false);
            Log.d("TEST", (i++) + ". onCreateView方法运行了");
            return bookListView;
        }
    
        @Override
        public void onAttach(Activity activity) {
            super.onAttach(activity);
            Log.d("TEST", (i++) + ". onAttach方法运行了");
        }
    
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            Log.d("TEST", (i++) + ". onCreate方法运行了");
        }
    
        @Override
        public void onActivityCreated(Bundle savedInstanceState) {
            super.onActivityCreated(savedInstanceState);
            Log.d("TEST", (i++) + ". onActivityCreated方法运行了");
        }
    
        @Override
        public void onStart() {
            super.onStart();
            Log.d("TEST", (i++) + ". onStart方法运行了");
        }
    
        @Override
        public void onResume() {
            super.onResume();
            Log.d("TEST", (i++) + ". onResume方法运行了");
        }
    
        @Override
        public void onPause() {
            super.onPause();
            Log.d("TEST", (i++) + ". onPause方法运行了");
        }
    
        @Override
        public void onStop() {
            super.onStop();
            Log.d("TEST", (i++) + ". onStop方法运行了");
        }
    
        @Override
        public void onDestroyView() {
            super.onDestroyView();
            Log.d("TEST", (i++) + ". onDestroyView方法运行了");
        }
    
        @Override
        public void onDestroy() {
            super.onDestroy();
            Log.d("TEST", (i++) + ". onDestroy方法运行了");
        }
    
        @Override
        public void onDetach() {
            super.onDetach();
            Log.d("TEST", (i++) + ". onDetach方法运行了");
        }
    }

    Fragment2.java

    package cn.lixyz.fragmenttest;
    
    import android.app.Fragment;
    import android.os.Bundle;
    import android.support.annotation.Nullable;
    import android.util.Log;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.Button;
    import android.widget.TextView;
    import android.widget.Toast;
    
    /**
     * Created by LGB on 2015/8/26.
     */
    public class Fragment2 extends Fragment {
    
        @Nullable
        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
            View bookDescView = inflater.inflate(R.layout.fragment2, container, false);
            return bookDescView;
        }
    
        @Override
        public void onActivityCreated(Bundle savedInstanceState) {
            super.onActivityCreated(savedInstanceState);
            Button button = (Button) getActivity().findViewById(R.id.button);
            button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    TextView textView = (TextView) getActivity().findViewById(R.id.fragment1);
                    Toast.makeText(getActivity(),textView.getText(),Toast.LENGTH_SHORT).show();
                }
            });
        }
    }

    activity_layout.xml

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity"
        android:orientation="horizontal"
        android:id="@+id/activity_main">
    
        <fragment
            android:id="@+id/book_list"
            android:name="cn.lixyz.fragmenttest.Fragment1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="4"
            />
        <fragment
            android:id="@+id/book_desc"
            android:name="cn.lixyz.fragmenttest.Fragment2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            />
    </LinearLayout>

    MainActivity.java

    package cn.lixyz.fragmenttest;
    
    import android.support.v7.app.AppCompatActivity;
    import android.os.Bundle;
    import android.view.Display;
    import android.view.Menu;
    import android.view.MenuItem;
    
    public class MainActivity extends AppCompatActivity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
          
        }
    }

    AndroidManiFest.xml

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="cn.lixyz.fragmenttest" >
    
        <application
            android:allowBackup="true"
            android:icon="@mipmap/ic_launcher"
            android:label="@string/app_name"
            android:theme="@style/AppTheme" >
            <activity
                android:name=".MainActivity"
                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>
    
    </manifest>

             运行结果

  • 相关阅读:
    js数据结构Map -----字典
    配置一个高效快速的Git环境
    Ubuntu下dlib库编译安装
    空间域二阶统计纹理
    Markdown语法
    Notepad++中NppExec的使用之一:基本用法
    斯坦福大学机器学习笔记及代码(一)
    安家落户
    Android App开发常用专题开源代码
    Android基础-EditText键盘的显示与隐藏
  • 原文地址:https://www.cnblogs.com/xs104/p/4759127.html
Copyright © 2020-2023  润新知