Fragment从字面意思理解就是碎片的意思,当然是为了解决安卓各类设备碎片化严重的问题,比如同样一个App在手机上显示效果还不错,但是一旦上了16:9的平板立刻就变了味,使用安卓平板的同学可能体(bei)会(keng)更深,为此Google官方从android 3.0(对应API 11)引入Fragment,简单理解就是把界面分割成很多碎片,然后根据实际要求最后选择性的进行拼接,比如在手机竖屏模式下只能显示一本书的目录列表,但是如果是横屏模式(也可以立即为平板模式)下就可以在屏幕的左半边显示目录列表,然后在屏幕的右半边显示每个列表项目的简介,这样用户体验就会好很多。好了。下面开始实现一个简单的Fragment
Demo
最后显示效果如下:(一个平板模式下左半边显示fragment1,右边显示fragment2)
1:分别创建fragment1和fragment2的布局
fragment1.xml
<span style="font-size:18px;"><?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:text="这是fragment1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" android:textColor="#00CD00"/> </LinearLayout> </span>
fragment2.xml
<span style="font-size:18px;"><?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:text="这是fragment2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="20sp" android:textColor="#EEEE00"/> </LinearLayout> </span>
2:这里仅仅是声明了静态界面,将来要引用的话还需要创建继承自Fragment的Activity(fragment1和fragment2都要创建)
Fragment1.class
<span style="font-size:18px;">package com.example.fragment; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class Fragment1 extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // TODO Auto-generated method stub return inflater.inflate(R.layout.fragment, container,false) ; } }</span>
<span style="font-size:18px;"> </span>
Fragment2.class
<span style="font-size:18px;">package com.example.fragment; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class Fragment2 extends Fragment{ @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { // TODO Auto-generated method stub return inflater.inflate(R.layout.fragment2, container, false) ; } } </span>
3:到此基础的两个碎片都已经实现完毕,现在开始创建主界面局部
activity_main.xml
<span style="font-size:18px;"><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" android:orientation="horizontal" android:baselineAligned="false" tools:context="com.example.fragment.MainActivity" > <fragment android:id="@+id/fragment1" android:name="com.example.fragment.fragment1" android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"/> <fragment android:id="@+id/fragment2" android:name="com.example.fragment.fragment2" android:layout_height="wrap_content" android:layout_width="0dp" android:layout_weight="1"/> </LinearLayout> </span>
最后简单写一下主Activity启动项目
<span style="font-size:18px;">package com.example.fragment; import android.support.v7.app.ActionBarActivity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; public class MainActivity extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); } } </span>
项目运行截图就不贴了。
安卓各个版本API level与版本的对应关系。
时间: 2024-11-05 20:26:15