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>

版权声明：本文为博主原创文章，未经博主允许不得转载。