Master-Detail 用户界面

适合平板设备的用户界面,让用户能同时查看列表和明细界面并与它们进行交互。下图展示了这样的列表明细界面。通常我们也称为主从用户界面(master-detail interface)。

这里写图片描述

一、使用别名资源

别名资源是一种指向其他资源的特殊资源。它存放在res/values/目录下,并按照约定定义在refs.xml文件中。

我们将分别创建用于手机指向activity_fragment.xml布局的别名资源,以及用于平板指向activity_twopane.xml布局的别名资源.

activity_fragment.xml布局

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/fragmentContainer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

activity_twopane.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"
    android:showDividers="middle" >

    <FrameLayout
        android:id="@+id/fragmentContainer"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1" />

    <FrameLayout
        android:id="@+id/detailFragmentContainer"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="3" />

</LinearLayout>
1、创建默认的别名资源值
<?xml version="1.0" encoding="utf-8"?>
<resources>

    <item name="activity_masterdetail" type="layout">@layout/activity_fragment</item>

</resources>

别名资源指向了单版面布局(即activity_fragment.xml布局)资源文件。别名资源自身也具有资源ID:R.layout.activity_masterdetail。注意,别名的type属性决定了资源ID属于什么内部类。即使别名资源自身存放在res/values/目录中,它的资源ID依然归属于R.layout内部类。

2、创建平板设备专用可选资源

存放在res/values/目录下的别名资源是系统默认的别名资源。现在,创建一个可选别名资源,以实现在平板等大屏幕设备上,activity_masterdetail别名资源可以指向activity_twopane.xml双版面布局资源。

在res/目录下新建一个名为values-sw600dp的目录。然后在res/values-sw600dp/目录下创建新的refs.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <item name="activity_masterdetail" type="layout">@layout/activity_twopane</item>

</resources>

配置修饰符-sw600dp是什么意思?SW是small width(最小宽度)的缩写,虽然字面上是宽度的意思,但它实际指的是屏幕的最小尺寸(dimension),因而SW与设备的当前方向无关。

配置修饰符-sw600dp表明:对任何最小尺寸为600dp或更高的设备,都使用该资源。

需要说明的是,Android3.2中才引入了最小宽度配置修饰符。这意味着,运行Android 3.0或Android 3.1系统的平板设备无法识别它。为了解决该问题,可以增加另一种是用-xlarge(仅适用于Android3.2以前的版本)屏幕尺寸修饰符的可选资源。

在res/目录下新建一个名为values–xlarge的目录。然后将res/values-sw600dp/目录下的refs.xml文件复制到res/values–xlarge/目录。

二、Activity:fragment的托管者

让CrimeListActivity可以展示一个完整的双版面用户界面,我们的第一反应可能会认为,只需再为平板设备实现一个CrimeListFragment.onListItemClick(…)监听器方法就可以了。这样,无需启动新的CrimePagerActivity,onListItemClick(…)方法会获取CrimeListActivity的FragmentManager,然后提交一个fragment事务,将CrimeFragment添加到明细fragment容器中。

具体代码如下:

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

        Crime crime = (Crime) getListAdapter().getItem(position);
        Fragment fragment = CrimeFragment.newInstance(crime.getId());
        FragmentManager fm = getActivity().getSupportFragmentManager();
        fm.beginTransaction().add(R.id.detailFragmentContainer, fragment).commit();
    }

以上设想虽然行的通,但做法很老套。fragment天生是一种独立的开发构建。如果要开发一个fragment用来添加其他fragment到activity的FragmentManager,那么这个fragment就必须知道托管activity是如何工作的,这样一来,该fragment就再也无法作为独立的开发构建来使用了。

为保持fragment的独立性,我们可以在fragment中定义回调接口,委托托管
activity来完成那些不应由fragment处理的任务。托管activity将实现回调接口,履行托管fragment的任务。

为CrimeListFragment添加回调接口

private Callbacks mCallbacks;

    public interface Callbacks{
        void onCrimeSelected(Crime crime);
    }

    /**
     * 该方法是在Fragment附加给Activity时调用,将托管activity强制类型转换为Callbacks对象并赋值给Callbacks类型变量。
     */
    @Override
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        mCallbacks = (Callbacks) activity;
    }

    /**
     * 在生命周期销毁方法中,我们应将Callbacks变量置为null,随后再也无法访问该activity或继续指望该activity存在了。
     */
    @Override
    public void onDetach() {
        super.onDetach();
        mCallbacks = null;
    }

CrimeListActivity必须实现CrimeListFragment.Callbacks接口并重写onCrimeSelected(Crime crime)方法。在onCrimeSelected(Crime crime)方法被调用时,CrimeListActivity需要完成以下二选一的任务:
1、如果使用手机用户界面布局,启动新的CrimePagerActivity;
2、如果使用平板设备用户界面布局,将将CrimeFragment放入detailFragmentContainer中。
为了确定实例化手机还是平板界面布局,可以检查布局ID。但最好最准确的检查方式是检查布局是否包含detailFragmentContainer。

@Override
    public void onCrimeSelected(Crime crime) {
        if (findViewById(R.id.detailFragmentContainer) == null) {
            Intent intent = new Intent(this, CrimePagerActivity.class);
            // UUID是Serializable对象,我们调用了可接受Serializable对象的putExtra(...)方法,即putExtra(String,
            // Serializable)方法。
            intent.putExtra(CrimeFragment.EXTRA_CRIME_ID, crime.getId());
            /**
             * 从fragment中启动activity,可以调用Fragment.startActivity(Intent)方法。
             * 
             * 除了将返回结果从托管activity传递给fragment的额外实现代码之外,Fragment.
             * startActivityForResult(Intent, int)方法的实现代码与activity的同名方法基本相同。
             */
            startActivity(intent);
        } else {
            FragmentManager fm = getSupportFragmentManager();
            FragmentTransaction ft = fm.beginTransaction();

            Fragment oldDetail = fm
                    .findFragmentById(R.id.detailFragmentContainer);
            Fragment newDetail = CrimeFragment.newInstance(crime.getId());

            if (oldDetail != null)
                ft.remove(oldDetail);

            ft.add(R.id.detailFragmentContainer, newDetail);
            ft.commit();
        }

    }

三、设备屏幕尺寸的确定

Android3.2之前,屏幕大小修饰符是基于设备的屏幕大小来提供可选资源的。
屏幕大小修饰符将不同的设备分成了四大类别:

名称最低屏幕尺寸
small320x426dp
Normal320x470dp
large480x640dp
xlarge720x960dp

顺应允许开发者测试设备尺寸的新修饰符的推出,屏幕大小修饰符在Android3.2中已弃用。独立的屏幕尺寸修饰符如下:

修饰符格式描述
wXXXdp有效宽度:宽度大于或等于XXXdp
hXXXdp有效高度:高度大于或等于XXXdp
swXXXdp最小宽度:宽度或高度(两者中最小的那个)大于或等于XXXdp

代码地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值