Android Api Demos登顶之路（四十）Fragment-->Layout

这个demo演示了fragment的布局特点。本例中在竖屏的状态下，当我们点击列表的条目时 打一个activity来显示这个条目的详细信息。
* 而在横屏的状态下由于屏幕足够宽，我们就在界面上同时显示了两个fragment，一个用来 显示标题，另一个用来显示详细信息。
layout目录下创建竖屏显示的布局文件：fragment_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<fragment 
class="com.fishtosky.fragmentlayout.MainActivity$TitlesFrament"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/titles_fragment"/>
</FrameLayout>

在res目录下创建layout-land文件夹，在该文件夹下创建横屏显示的布局文件，这里需要注意的是必须与layout目录下的布局文件名字相同。fragment_layout.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="horizontal" >

<fragment 
class="com.fishtosky.fragmentlayout.MainActivity$TitlesFrament"
android:layout_width="0dp"
android:layout_height="match_parent"
android:id="@+id/titles_fragment"
android:layout_weight="1"/>
<FrameLayout 
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="2"
android:id="@+id/details_framelayout">
</FrameLayout>
</LinearLayout>

MainActivity

public class MainActivity extends Activity {
private static String[] title = new String[] { "title1", "title2",
"title3", "title4", "title5" };
private static String[] details = new String[] { "标题一的详细信息", "标题二的详细信息",
"标题三的详细信息", "标题四的详细信息", "标题五的详细信息" };

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
        setContentView(R.layout.fragment_layout);
    }

// 定义显示详细信息的activity
public static class DetialsActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

// 如果是横屏状态则直接结束
if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
                finish();
return;
            }

if(savedInstanceState==null){
                DetialsFrtagment df=new DetialsFrtagment();
                df.setArguments(getIntent().getExtras());
                getFragmentManager().beginTransaction().add(android.R.id.content, df).commit();
            }
        }
    }

/*
 * 定义一个继承listFragment的类，用于显示内容的标题列表
 */
public static class TitlesFrament extends ListFragment {
// 定义一个布尔型变量，用于控制是否同时显示两个Fragment
private boolean mDualPane;
// 定义当前选中的条目的序号
private int mCurrentChoiceItem;

/*
 * activity 创建完毕后调用此方法
 */
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);

// 设置listView的数据适配器
            setListAdapter(new ArrayAdapter<String>(getActivity(),
                    android.R.layout.simple_list_item_activated_1, title));
// 找到用于显示详细信息的组件
            FrameLayout fl = (FrameLayout) getActivity().findViewById(
                    R.id.details_framelayout);

/*
 * 判断一下该组件是否是空且是否处于可见状态，如果为true则表示当前处于横屏模式，可以同时
 * 显示标题和详细信息两个fragment。如果为false则表明当前是处于坚屏状态下，只能显示
 * 标题的fragment，通过点击标题的条目打开另一个activity来显示详细信息
 */
            mDualPane = fl != null && fl.getVisibility() == View.VISIBLE;
if (savedInstanceState != null) {
                mCurrentChoiceItem = savedInstanceState.getInt("currentChoice",
0);
            }

if (mDualPane) {
// 设置列表为单选模式，当用户一选中某一条目时，该条目将会一直处于高亮状态
                getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE);
                showDetails(mCurrentChoiceItem);
            }
        }

/*
 * 用于显示第个条目的详细信息
 */
private void showDetails(int index) {
            mCurrentChoiceItem = index;
if (mDualPane) {
// 设置选中的条目为选中状态，呈现高亮显示
                getListView().setItemChecked(index, true);
// 判断当前显示的fragment并替换
                DetialsFrtagment df = (DetialsFrtagment) getFragmentManager()
                        .findFragmentById(R.id.details_framelayout);
// 如果选中新的条目，或者初始化数据
if (df == null || df.getShowIndex() != index) {
                    DetialsFrtagment newFragment = DetialsFrtagment
                            .getInstance(mCurrentChoiceItem);
                    FragmentTransaction ft = getFragmentManager()
                            .beginTransaction();
// 设置切换动画
                    ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE);
                    ft.replace(R.id.details_framelayout, newFragment);
                    ft.commit();
                }
            } else {
// 如果不是同时显示title和details窗口，则打开一个新activity
                Intent intent = new Intent(getActivity(), DetialsActivity.class);
                intent.putExtra("index", index);
                startActivity(intent);
            }
        }

@Override
public void onSaveInstanceState(Bundle outState) {
super.onSaveInstanceState(outState);
            outState.putInt("currentChoice", mCurrentChoiceItem);
        }

@Override
public void onListItemClick(ListView l, View v, int position, long id) {
super.onListItemClick(l, v, position, id);
            showDetails(position);
        }



    }

public static class DetialsFrtagment extends Fragment {
public static DetialsFrtagment getInstance(int index) {
            DetialsFrtagment df = new DetialsFrtagment();
            Bundle args = new Bundle();
            args.putInt("index", index);
            df.setArguments(args);
return df;
        }

public int getShowIndex() {
return getArguments().getInt("index");
        }

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
/*
 * 当手机处于横屏状态下，正常显示两个fragment，而切换到坚屏模式后，系统会保存当前
 * 的UI信息，并重新绘制UI。从savedInstanceState从中恢复UI信息，此时detailFragment
 * 会被创建，但我们在坚屏模式下不显示详细信息的窗体，所以此时不需要去创建detailFragment
 * 的视图，所以可能通过container是否为空来控制是否显示View。
 */
if (container == null) {
return null;
            }

// 只有在需要创建并返回视图的地方才执行下面的代码
            ScrollView sv = new ScrollView(getActivity());
            TextView tv = new TextView(getActivity());
int padding = (int) TypedValue.applyDimension(
                    TypedValue.COMPLEX_UNIT_DIP, 5, getActivity()
                            .getResources().getDisplayMetrics());
            tv.setPadding(padding, padding, padding, padding);
            sv.addView(tv);
            tv.setText(details[getShowIndex()]);
return sv;
        }
    }

}

配置activity

</activity>
<activity android:name="com.fishtosky.fragmentlayout.MainActivity$DetialsActivity"></activity>