Android 横竖屏+碎片的应用

最终效果展示：

项目介绍：

通过碎片的方式显示标题列表和内容，其中也牵涉到横竖屏的知识

项目代码下载：http://files.cnblogs.com/files/Laopengblog/%E7%A2%8E%E7%89%87and%E6%A8%AA%E7%AB%96%E5%B1%8F.rar

编写过程：

一.创建用于显示标题的碎片

先创建一个 fragment 的包用来放 碎片

然后把MainActivity 继承改为 继承V4包的 FragmentActivity

　　1.创建一个 显示标题的碎片 （要继承 V4 包的 Fragment）

　　2.给碎片上画控件 这里只是显示标题，我们用一个ListView就行

　　3.创建 onCreateView 初始化 方法

　　4.创建一个适配器 这里我们用一个 ArrayAdapter<String>

　　5.初始化一下数据 这里数据太多了 我直接单独写出来的 创建一个Model的包 里面用来放标题和主内容的数据 下图所示:

　　6.把Activity单独保存出来 后面的代码要经常用到

private FragmentActivity activitys;

　　7.初始化适配器 并 设置数据

　　8.将ListView于适配器进行绑定

　　9.在主布局中插入一个碎片

com.yuxuan.sphs.fragment.TitleFragment 即为刚才写好的碎片

<fragment
        android:id="@+id/fm_title"
        android:name="com.yuxuan.sphs.fragment.TitleFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

这样我们标题的碎片就完成了 现在跑起来就可以看到标题了

以下是第一步的所有代码 （布局代码参考上面的第九条）

package com.yuxuan.sphs.fragment;

import com.yuxuan.sphs.R;
import com.yuxuan.sphs.activity.ContentActivity;
import com.yuxuan.sphs.model.Data;

import android.content.Intent;
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.view.LayoutInflater;
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;
import android.widget.Toast;

public class TitleFragment extends Fragment {

    private ListView lv;

    private FragmentActivity activitys;

    private ArrayAdapter<String> adapter;

    private String[] datas = Data.TITLES;

    @Override
    public View onCreateView(LayoutInflater inflater,
            @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

        activitys = this.getActivity();
        lv = new ListView(activitys);

        adapter = new ArrayAdapter(activitys,
                android.R.layout.simple_list_item_1, datas);

        lv.setAdapter(adapter);

        lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view,
                    int position, long id) {

                String content = Data.CONTENTS[position];

                if (activitys.getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
                    ContenFragment cf = (ContenFragment) activitys
                            .getSupportFragmentManager().findFragmentById(
                                    R.id.fm_content);
                    cf.setTvText(content);
                } else {
                    Intent intent = new Intent(activitys, ContentActivity.class);

                    intent.putExtra("content", content);

                    activitys.startActivity(intent);
                }

            }
        });

        return lv;
    }
}

创建用于显示标题的碎片

二.设置标题的点击事件弹出一个内容的碎片

　　1.在标题碎片中设置ListView的点击事件

　　2.把点击的标题获取到的对应的数据通过Intent传递给内容的Activity

代码参考上面的 “创建用于显示标题的碎片”

三.创建内容Activity以及碎片

　　1.创建一个内容Activity （ContentActivity） 继承V4包的 FragmentActivity

　　2.创建内容的碎片 ContentFragment

　　3.在内容的布局文件中加入一个碎片 指定为 ContentFragment

　　4.在内容碎片上创建一个TextView用于显示内容

　　5.取到从标题碎片传过来的内容 注意这里我们是在ContentActivity上取

　　6.设置内容给TextView

四.横竖屏的判断与处理　　

　　1.在 res 文件夹下创建一个 layout-land 的文件夹 然后将主布局文件Copy 一份进来 然后跑起来设置为横屏试试看~

　　2.我们可以看到展示效果图 横屏的时候是标题和内容都同时显示的 这时候我们在这里定义两个 碎片即可 布局代码如下:

<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"
    tools:context="com.huarui.my12android2801.activity.MainActivity" >

    <fragment
        android:id="@+id/fm_title"
        android:name="com.yuxuan.sphs.fragment.TitleFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <fragment
        android:id="@+id/fm_content"
        android:name="com.yuxuan.sphs.fragment.ContenFragment"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

</LinearLayout>

横屏布局

　　3.判断横竖屏 这里我们在点击事件时判断即可 代码参考上面的 “创建用于显示标题的碎片”

总结：此篇主要是演示了碎片的用法和横竖屏的用法，碎片我会另外写一篇详细的文章用来介绍！