Fragment-学习笔记（一）

4000

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同步、AVDManager、SDK Manager、DDMS ，如下图所示：Gradle同步：在你项目运行或者更改Gradle配置后点击下这个按钮，会下载相应的依赖AVD Manager：模拟器管理SDK Manager：SDK管理DDMS：点击"Android Device Monitor"即可打开DDMS，即 Dalvik DebugMonitor Service，Dalvik调试监控服务。点击"AVDManager"、"Create a virtual device"，选择其余默认配置，点击“Finish”，如下启动。会呈现一个Portrait orientation 的screen，rotate the device screento 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">
<TextViewandroid: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"/>
<fragmentandroid: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中代码：

@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.addToBackStack(null);//参数接受一个String名字用于描述返回栈的状态，传入NULL即可。

transaction.commit();
break;
default:
break;
}
}

这时可以看到，按下返回键没有退出，而是回到了上一个碎片，再次按下返回键才退出。