Android中Fragment的分屏显示处理横竖屏显示

演示效果如下:

另外在竖屏的时候是这样的效果:

布局文件如下:

可以看出有两个资源文件,一个是处理横屏一个是竖屏

第一个:

<?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
        android:id="@+id/titles"
        android:layout_width="0px"
        android:layout_height="match_parent"
        android:layout_weight="1"
        class="com.xuliugen.frag.ListFragment" />

</LinearLayout>

第二个:

<?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
        android:id="@+id/titles"
        android:layout_width="0px"
        android:layout_height="match_parent"
        android:layout_weight="1"
        class="com.xuliugen.frag.ListFragment" />

    <FrameLayout
        android:id="@+id/detail"
        android:layout_width="0px"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:background="?android:attr/detailsElementBackground" />

</LinearLayout>

类代码

Data.java

public final class Data {
    // 标题
    public static final String[] TITLES = { "线性布局", "表格布局", "帧布局", "相对布局"

    };
    // 详细内容
    public static final String[] DETAIL = {
            "线性布局是将放入其中的组件按照垂直或水平方向来布局,也就是控制放入其中的组件横向排列或纵向排列。"
                    + "在线性布局中,每一行(针对垂直排列)或每一列(针对水平排列)中只能放一个组件。"
                    + "并且Android的线性布局不会换行,当组件一个挨着一个排列到窗体的边缘后,剩下的组件将不会被显示出来。",

            "表格布局与常见的表格类似,它以行、列的形式来管理放入其中的UI组件。"
                    + "表格布局使用<TableLayout>标记定义,在表格布局中,可以添加多个<TableRow>标记,"
                    + "每个<TableRow>标记占用一行,由于<TableRow>标记也是容器,所以在该标记中还可添加其他组件,"
                    + "在<TableRow>标记中,每添加一个组件,表格就会增加一列。在表格布局中,列可以被隐藏,"
                    + "也可以被设置为伸展的,从而填充可利用的屏幕空间,也可以设置为强制收缩,直到表格匹配屏幕大小。",

            "在帧布局管理器中,每加入一个组件,都将创建一个空白的区域,通常称为一帧,"
                    + "这些帧都会根据gravity属性执行自动对齐。默认情况下,帧布局是从屏幕的左上角(0,0)坐标点开始布局,"
                    + "多个组件层叠排序,后面的组件覆盖前面的组件。",

            "相对布局是指按照组件之间的相对位置来进行布局,如某个组件在另一个组件的左边、右边、上面或下面等。" };
}

DetailFragment.java

package com.xuliugen.frag;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ScrollView;
import android.widget.TextView;

public class DetailFragment extends Fragment {
    // 创建一个DetailFragment的新实例,其中包括要传递的数据包
    public static DetailFragment newInstance(int index) {
        DetailFragment f = new DetailFragment();

        // 将index作为一个参数传递
        Bundle bundle = new Bundle(); // 实例化一个Bundle对象
        bundle.putInt("index", index); // 将索引值添加到Bundle对象中
        f.setArguments(bundle); // 将bundle对象作为Fragment的参数保存
        return f;
    }

    public int getShownIndex() {
        return getArguments().getInt("index", 0); // 获取要显示的列表项索引
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        if (container == null) {
            return null;
        }

        ScrollView scroller = new ScrollView(getActivity()); // 创建一个滚动视图
        TextView text = new TextView(getActivity()); // 创建一个文本框对象

        text.setPadding(10, 10, 10, 10); // 设置内边距
        scroller.addView(text); // 将文本框对象添加到滚动视图中
        text.setText(Data.DETAIL[getShownIndex()]); // 设置文本框中要显示的文本
        return scroller;
    }
}

ListFragment.java

package com.xuliugen.frag;

import android.app.FragmentTransaction;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class ListFragment extends android.app.ListFragment {

    boolean dualPane; // 是否在一屏上同时显示列表和详细内容
    int curCheckPosition = 0; // 当前选择的索引位置

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);

        setListAdapter(new ArrayAdapter<String>(getActivity(),
                android.R.layout.simple_list_item_checked, Data.TITLES)); // 为列表设置适配器

        View detailFrame = getActivity().findViewById(R.id.detail); // 获取布局文件中添加的FrameLayout帧布局管理器
        dualPane = detailFrame != null
                && detailFrame.getVisibility() == View.VISIBLE; // 判断是否在一屏上同时显示列表和详细内容

        if (savedInstanceState != null) {
            curCheckPosition = savedInstanceState.getInt("curChoice", 0); // 更新当前选择的索引位置
        }

        if (dualPane) { // 如果在一屏上同时显示列表和详细内容
            getListView().setChoiceMode(ListView.CHOICE_MODE_SINGLE); // 设置列表为单选模式
            showDetails(curCheckPosition); // 显示详细内容
        }
    }

    // 重写onSaveInstanceState()方法,保存当前选中的列表项的索引值
    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        outState.putInt("curChoice", curCheckPosition);
    }

    // 重写onListItemClick()方法
    @Override
    public void onListItemClick(ListView l, View v, int position, long id) {
        showDetails(position); // 调用showDetails()方法显示详细内容
    }

    void showDetails(int index) {
        curCheckPosition = index; // 更新保存当前索引位置的变量的值为当前选中值

        if (dualPane) { // 当在一屏上同时显示列表和详细内容时

            getListView().setItemChecked(index, true); // 设置选中列表项为选中状态

            DetailFragment details = (DetailFragment) getFragmentManager()
                    .findFragmentById(R.id.detail); // 获取用于显示详细内容的Fragment
            if (details == null || details.getShownIndex() != index) { // 如果如果
                details = DetailFragment.newInstance(index); // 创建一个新的DetailFragment实例用于显示当前选择项对应的详细内容

                // 要在activity中管理fragment, 需要使用FragmentManager
                FragmentTransaction ft = getFragmentManager()
                        .beginTransaction();// 获得一个FragmentTransaction的实例
                ft.replace(R.id.detail, details); // 替换原来显示的详细内容
                ft.setTransition(FragmentTransaction.TRANSIT_FRAGMENT_FADE); // 设置转换效果
                ft.commit(); // 提交事务
            }

        } else { // 在一屏上只能显示列表或详细内容中的一个内容时

            // 使用一个新的Activity显示详细内容
            Intent intent = new Intent(getActivity(),
                    MainActivity.DetailActivity.class); // 创建一个Intent对象
            intent.putExtra("index", index); // 设置一个要传递的参数
            startActivity(intent); // 开启一个指定的Activity
        }
    }

}

MainActivity.java

package com.xuliugen.frag;

import android.app.Activity;
import android.content.res.Configuration;
import android.os.Bundle;

public class MainActivity extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

    // 创建一个继承Activity的内部类,用于在手机界面中,通过Activity显示详细内容
    public static class DetailActivity extends Activity {

        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            // 判断是否为横屏,如果为横屏,则结束当前Activity,准备使用Fragment显示详细内容
            if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_LANDSCAPE) {
                finish(); // 结束当前Activity
                return;
            }

            if (savedInstanceState == null) { //
                // 在初始化时插入一个显示详细内容的Fragment
                DetailFragment details = new DetailFragment();// 实例化DetailFragment的对象
                details.setArguments(getIntent().getExtras()); // 设置要传递的参数
                getFragmentManager().beginTransaction()
                        .add(android.R.id.content, details).commit(); // 添加一个显示详细内容的Fragment
            }
        }
    }
}
时间: 2024-10-12 21:06:43

Android中Fragment的分屏显示处理横竖屏显示的相关文章

Android中Fragment与Activity之间的交互(两种实现方式)

(未给Fragment的布局设置BackGound) 之前关于Android中Fragment的概念以及创建方式,我专门写了一篇博文<Android中Fragment的两种创建方式>,就如何创建Fragment混合布局做了详细的分析,今天就来详细说道说道Fragment与宿主Activity之间是如何实现数据交互的. 我们可以这样理解,宿主Activity中的Fragment之间要实现信息交互,就必须通过宿主Activity,Fragment之间是不可能直接实现信息交互的. Fragment与

Android中Fragment和ViewPager那点事儿

在之前的博文<Android中使用ViewPager实现屏幕页面切换和引导页效果实现>和<Android中Fragment的两种创建方式>以及<Android中Fragment与Activity之间的交互(两种实现方式)>中我们介绍了ViewPager以及Fragment各自的使用场景以及不同的实现方式. 那如果将他们两结合起来,会不会擦出点火花呢,答案是肯定的.之前在介绍ViewPager时,我们实现了多个ImageView的切换,并配合更新导航原点的状态.那我们现在

android中fragment和activity之间相互通信

在用到fragment的时候,老是会遇到一个问题,就是fragment与activity之间的通信.下面就来记录一下activity和fragment之间 通过实现接口来互相通信的方法. 1. activity 向fragment发出通信,就这么写: private OnMainListener mainListener; // 绑定接口 @Override public void onAttachFragment(Fragmentfragment) { try { mainListener =

Android中fragment之间和Activity的传值、切换

功能介绍:通过一个activity下方的三个按钮,分别是发送消息(sendButton).聊天记录(chatButton).常用语(commonButton).当单击按钮是,来切换上方的fragment,用以显示不同的内容. 所用的知识点:当单击发送消息按钮时: 1.从MainActivity中把EditText中的值传到fragment中. 2.fragment如何动态的显示在MainActivity中. 针对第一个问题:在sendButton单击事件中: private OnClickLis

Android中Fragment的使用

Fragment可能是我心中一直以来的执念,由于Android开发并没有像一般流程一样系统的学习,而是直接在公司项目中改bug开始的.当时正是Fragment被提出来的时候,那时把全部精力放到了梳理代码业务逻辑上,错过了Fragment首班车,而这一等就到现在. Android发布的前两个版本只适配小尺寸的手机.开发适配小尺寸手机app只需要考虑怎么将控件布局到Activity中,怎样打开一个新的Activity等就可以了.然而Android3.0开始支持平板,屏幕尺寸增大到10寸.这在很大程度

Android中Fragment和Activity之间的互操作代码例子

摘要 本文介绍了Android中一个Activity中有多个Fragment的情况下,Fragment之间如何通过Activity进行互操作. 源代码 源代码地址为:http://download.csdn.net/detail/logicteamleader/8931199 源代码使用ADT编写,ADT版本为2014,Android版本为android-22. 技术要点 1.在Activity中的多个Fragment之间要互操作,一定要通过此Activity,不能直接通信: 2.在Activi

ANDROID中FRAGMENT的两种创建方式

fragment是Activity中用户界面的一个行为或者是一部分.你可以在一个单独的Activity上把多个Fragment组合成为一个多区域的UI,并且可以在多个Activity中再使用.你可以认为fragment是activity的一个模块零件,它有自己的生命周期,接收它自己的输入事件,并且可以在Activity运行时添加或者删除. 两个概念:Fragment.宿主 fragment的生命周期直接受其宿主activity的生命周期的影响.例如,一旦activity被暂停,它里面所有的fra

Android实战技巧之二十四:横竖屏切换

这几年一直在做手机上和电视盒的App,几乎没有考虑过横竖屏切换的问题.电视盒好说,横屏不变,你要是给它设计个竖屏人家也没机会使:而手机上的应用就不好说了,有些界面你设计了横竖屏兼容可能是为了表示你的功能强大.但是按照惯例,或许也是设计师图省事,我们只是做一个方案.就像目前主流的App都只有竖屏一个模式,比如微信.京东和招商银行.我截了几张图表示一下. 但是像地图之类的应用,也许横屏会显示的更友好一些.请看腾讯地图的设计如下: 细心的你会发现,地图的横竖屏的样式几乎是一样的布局,调整起来还是比较容

修正Android基于ZXing的二维码扫描——横竖屏自由切换

概述: 此博客是基于开源的框架ZXing.ZXing用Java实现的多种格式的1D/2D条码图像处理库,它包含了联系到其他语言的端口.ZXing可以实现使用手机的内置的摄像头完成条形码的扫描及解码.该项目可实现的条形码编码和解码. 资源下载: http://download.csdn.net/detail/u013761665/8853561 修改为竖屏显示: 第1步: 进入com.google.zxing.client.android包下的CaptureActivity类: 注释以下代码: i