keywords:Fragment-学习笔记(一)

来源:互联网 发布:数据堂怎么样 编辑:程序博客网 时间:2024/05/02 09:48

1、Design Philosophy设计理念

Fragment是Android 3.0 (API level 11)引入的新API,Fragment代表Activity的子模块。你可以把Fragment理解为Acticity的模块片段,它有自己的生命周期,可以接受它自己的输入事件,可以在Activity运行时加载或删除。

一个Fragment必须嵌入在Activity中使用,它的生命周期直接受到Activity的生命周期的影响。比如,当activity 处于paused状态时,该activity内的所有fragment也paused,当activity处于运行时(它在生命周期的resumed状态,有时被称为running),你可以独立操作每个fragment,添加或删除它。当你执行一次fragment事务时,你还可以把事务添加进返回栈,返回栈被activity管理。每个activity中的返回栈条目都记录了被触发的fragment事务。返回栈允许倒退事务(向后导航),通过按返回键。

你应该把fragment设计为一个模块的、可重用的组件,这样一个fragment可以被嵌入到多个activity中。所以你应把它设计成可重复使用,并且避免直接从一个碎片中操作另一个碎片.

2、android studio新建平板模拟器
在AS的工具栏有几个常用的按钮,分别是 Gradle同步、AVD Manager、SDK Manager、DDMS ,如下图所示:

  • Gradle同步:在你项目运行或者更改Gradle配置后点击下这个按钮,会下载相应的依赖
  • AVD Manager:模拟器管理
  • SDK Manager:SDK管理
  • DDMS:点击"Android Device Monitor"即可打开DDMS,即 Dalvik Debug Monitor Service,Dalvik调试监控服务。
点击"AVD Manager"、"Create a virtual device",选择

其余默认配置,点击“Finish”,如下启动。
会呈现一个Portrait orientation 的screen,rotate the device screen to Landscape with ctrl+F11,Then can see:

3、简单用法
新建一个左侧布局fragment_left.xml
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:orientation="vertical"              android:layout_width="match_parent"              android:layout_height="match_parent">    <Button        android:id="@+id/button"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:text="Button"/></LinearLayout>
新建一个右侧布局fragment_right.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:background="#00ff00"              android:orientation="vertical">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:textSize="30sp"        android:text="This is the right Fragment"/></LinearLayout>
接着新建一个LeftFragment、RightFragment,AS会自动生成layout文件和相关代码加载布局。
该类继承自Fragment,可能会有两个不同包下的Fragment,当面向Android4.0以上版本时使用
importandroid.app.Fragment;另一个包下的是兼容低版本。重写onCreateView()方法,通过LayoutInflater的inflate()方法将布局文件动态加载进来。
public class RightFragment extends Fragment {    public RightFragment() {        // Required empty public constructor    }    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,                             Bundle savedInstanceState) {        // Inflate the layout for this fragment        return inflater.inflate(R.layout.fragment_right, container, false);    }}
RightFragment代码一样,仅加载布局文件名不同。
然后修改activity_main.xml,使用<fragment>标签在布局中添加碎片,android:name属性指定添加的碎片的类名。
<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">    <fragment        android:id="@+id/fragment_left"        android:name="com.example.sun.m060113a.LeftFragment"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="1"/>    <fragment        android:id="@+id/fragment_right"        android:name="com.example.sun.m060113a.RightFragment"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="2"/></LinearLayout>
结果:
4、Building a Flexible UI 动态添加碎片
新建AnotherRightFragment,fragment_another_right。作为另一个右侧碎片,和上面的右侧碎片代码基本相同,只是背景色变成黄色,文字稍改。
<?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:background="#ffff00"              android:orientation="vertical">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_gravity="center_horizontal"        android:textSize="30sp"        android:text="This is anther right Fragment"/></LinearLayout>
public class AnotherRightFragment extends Fragment {    public AnotherRightFragment() {        // Required empty public constructor    }    @Override    public View onCreateView(LayoutInflater inflater, ViewGroup container,                             Bundle savedInstanceState) {        // Inflate the layout for this fragment        return inflater.inflate(R.layout.fragment_another_right, container, false);    }}
修改activity_main.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">    <fragment        android:id="@+id/fragment_left"        android:name="com.example.sun.m060113a.LeftFragment"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="1"/>    <FrameLayout        android:id="@+id/right_layout"        android:layout_width="0dp"        android:layout_height="match_parent "        android:layout_weight="2">        <fragment            android:id="@+id/fragment_right"            android:name="com.example.sun.m060113a.RightFragment"            android:layout_width="match_parent"            android:layout_height="match_parent"            />    </FrameLayout></LinearLayout>
方法将右侧碎片放入一个FrameLayout中,它没有任何布局方式,所以控件都放在左上角。之后在代码中替换FrameLayout中的内容,实现动态添加碎片的功能。修改MainActivity的代码如下:
package com.example.sun.m060113a;import android.app.FragmentManager;import android.app.FragmentTransaction;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.Button;public class MainActivity extends AppCompatActivity implements View.OnClickListener {    private Button button;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        button= (Button) findViewById(R.id.button);        button.setOnClickListener(this);    }    @Override    public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.        getMenuInflater().inflate(R.menu.menu_main, menu);        return true;    }    @Override    public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will        // automatically handle clicks on the Home/Up button, so long        // as you specify a parent activity in AndroidManifest.xml.        int id = item.getItemId();        //noinspection SimplifiableIfStatement        if (id == R.id.action_settings) {            return true;        }        return super.onOptionsItemSelected(item);    }    @Override    public void onClick(View v) {        switch (v.getId()){            case R.id.button:                AnotherRightFragment fragment=new AnotherRightFragment();                FragmentManager fragmentManager=getFragmentManager();                FragmentTransaction transaction=fragmentManager.beginTransaction();                transaction.replace(R.id.right_layout,fragment);                transaction.commit();                break;            default:                break;        }    }}

结果:
5、使用返回栈
上面中按下返回键会退出程序,使用返回栈可以返回到上一个碎片,修改MainActivity中代码:
@Overridepublic void onClick(View v) {    switch (v.getId()){        case R.id.button:            AnotherRightFragment fragment=new AnotherRightFragment();            FragmentManager fragmentManager=getFragmentManager();            FragmentTransaction transaction=fragmentManager.beginTransaction();            transaction.replace(R.id.right_layout,fragment);            transaction.addToBackStack(null);//参数接受一个String名字用于描述返回栈的状态,传入NULL即可。
            transaction.commit();            break;        default:            break;    }}
这时可以看到,按下返回键没有退出,而是回到了上一个碎片,再次按下返回键才退出。









0 0
原创粉丝点击