这里，我们将自上而下设计用户界面，从在平板设备上显示的用户界面核心组件Activity类，到在Activity类的实例内创建的Fragment对象。
在使用可视化工具编辑布局文件把线框转换成指定用户界面的XML代码之前，需要先迈出关键的一步：因为Fragment类总是包含子类，在通过Fragment布局之前需要先创建这些类。
对于前文所提到的线框，我们需要创建三个Fragment子类：
·ContentFragment
·DetailFragment
·QueryResultsListFragment
在Fragment子类中的很多生命周期回调是为了便于日志记录，提供简单的Fragment对象生命周期可视化，并且支持使用代码骨架方法构建基于应用的代码。以下是QueryResultsListFragment类的源代码。
在这段代码中：
② 包含日志代码的生命周期方法。
① onCreateView的实现，它对布局进行扩展并调用attachAdapter方法。
③ 私有方法attachAdapter，支持该片段的列表显示一些测试数据。
④ OnItemClickListener接口的实现，它响应用户交互，在这个例子中，即执行一些简单的代码，把一些测试数据发送给屏幕右侧栏的Fragment对象，或者如果屏幕太小无法显示两个片段，就执行后续的活动。注意这里没有给出该判断的代码。
package com.finchframework.uiframework;import android.app.Activity;import android.app.Fragment;import android.content.res.Configuration;import android.os.Bundle;import android.util.Log;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuInflater;import android.view.View;import android.view.ViewGroup;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.ArrayAdapter;import android.widget.ListView;public class QueryResultsListFragment extends Fragment implements OnItemClickListener{ // String for logging the class name private final String TAG = getClass.getSimpleName; // Turn logging on or off private final boolean L = true; public void onAttach(Activity activity) { super.onAttach(activity); // Notification that the fragment is associated with an Activity if (L) Log.i(TAG, /"onAttach /" + activity.getClass.getSimpleName); } public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Tell the system we have an options menu this.setHasOptionsMenu(true); if (null != savedInstanceState) restoreState(savedInstanceState); // Notification that if (L) Log.i(TAG, /"onCreate/"); } // Factor this out of methods that get saved state private void restoreState(Bundle savedInstanceState) { // TODO Auto-generated method stub } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {① final ListView list = (ListView) inflater.inflate( R.layout.list_frag_list, container, false); if (L) Log.i(TAG, /"onCreateView/"); attachAdapter(list); list.setOnItemClickListener(this); return list; } public void onStart {② super.onStart; if (L) Log.i(TAG, /"onStart/"); } public void onresume { super.onResume; if (L) Log.i(TAG, /"onResume/"); } public void onPause { super.onPause; if (L) Log.i(TAG, /"onPause/"); } public void onStop { super.onStop; if (L) Log.i(TAG, /"onStop/"); } public void onDestroyView { super.onDestroyView; if (L) Log.i(TAG, /"onDestroyView/"); } public void onDestroy { super.onDestroy; if (L) Log.i(TAG, /"onDestroy/"); } public void onDetach { super.onDetach; if (L) Log.i(TAG, /"onDetach/"); } // //////////////////////////////////////////////////////////////////// // Minor lifecycle methods // //////////////////////////////////////////////////////////////////// public void onActivityCreated { // Notification that the containing activiy and its View hierarchy exist if (L) Log.i(TAG, /"onActivityCreated/"); } // ////////////////////////////////////////////////////////////////////////// // Overrides of the implementations ComponentCallbacks methods in Fragment // ////////////////////////////////////////////////////////////////////////// @Override public void onConfigurationChanged(Configuration newConfiguration) { super.onConfigurationChanged(newConfiguration); // This won/'t happen unless we declare changes we handle in the manifest if (L) Log.i(TAG, /"onConfigurationChanged/"); } @Override public void onLowMemory { // No guarantee this is called before or after other callbacks if (L) Log.i(TAG, /"onLowMemory/"); } ///////////////////////////////////////////////////////////////////////////// // Menu handling code ///////////////////////////////////////////////////////////////////////////// public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { inflater.inflate(R.menu.search_menu, menu); } // ////////////////////////////////////////////////////////////////////////// // App-specific code // ////////////////////////////////////////////////////////////////////////// /** * Attach an adapter that loads the data to the specified list * @param list */ private void attachAdapter(final ListView list) {③ // Make a trivial adapter that loads an array of strings ArrayAdapter<String> numbers = new ArrayAdapter<String>( list.getContext.getApplicationContext, android.R.layout.simple_list_item_1, new String { /"one/", /"two/", /"three/", /"four/", /"five/", /"six/" }); // tell the list to use it list.setAdapter(numbers); // l.setOnItemClickListener(this); } // ////////////////////////////////////////////////////////////////////////// // Implementation of the OnItemClickListener interface // ////////////////////////////////////////////////////////////////////////// @Override public void onItemClick(AdapterView<?> arg0, View view, int position, long id) {④ // As an example of sending data to our fragments, we will create a bundle // with an int and a string, based on which view was clicked Bundle b = new Bundle; int ordinal = position + 1; b.putInt(/"place/", ordinal); b.putString(/"placeName/", Integer.toString(ordinal)); TabManager.loadTabFragments(getActivity, b); }} Fragment子类需要做的就是通过onCreateView方法返回一个View对象。因此，我们也会为每个Fragment类定义一个简单的布局，可以加载并返回结果View层次。