Fragment 实现简易新闻界面（适配手机与Pad）

一、前言

Android 在 Android 3.0（API 级别 11）中引入了 Fragment，主要目的是为大屏幕（如平板电脑）上更加动态和灵活的界面设计提供支持。由于平板电脑的屏幕尺寸远胜于手机屏幕尺寸，因而有更多空间可供组合和交换界面组件。

例如，新闻应用可以使用一个片段在左侧显示文章列表，使用另一个片段在右侧显示文章，两个片段并排显示在一个 Activity 中，每个片段都拥有自己的一套生命周期回调方法，并各自处理自己的用户输入事件。因此，用户无需使用一个 Activity 来选择文章，然后使用另一个 Activity 来阅读文章，而是可以在同一个 Activity 内选择文章并进行阅读，如下图中的平板电脑布局所示。

我们今天要实现的例子来自《第一行代码第三版》 Fragment 相关章节，只是原文是用 Kotlin 实现的，我用 Java 实现的。

二、实例展示

2.1、手机上效果

可以看到手机上新闻列表和新闻内容是在不同的界面的。

2.2、平板上效果

在平板上的话，左边是新闻列表，右边就是新闻内容界面了。我这里用的是夜神模拟器，将其调成平板模式就可以了。

三、主要实现步骤

3.1、新建新闻内容的布局文件 news_content_frag.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><LinearLayoutandroid:id="@+id/contentLayout"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"android:visibility="invisible" ><TextViewandroid:id="@+id/newsTitle"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center"android:padding="10dp"android:textSize="20sp" /><Viewandroid:layout_width="match_parent"android:layout_height="1dp"android:background="#000" /><TextViewandroid:id="@+id/newsContent"android:layout_width="match_parent"android:layout_height="0dp"android:layout_weight="1"android:padding="15dp"android:textSize="18sp" /></LinearLayout><Viewandroid:layout_width="1dp"android:layout_height="match_parent"android:layout_alignParentStart="true"android:background="#000" /></RelativeLayout>

新闻内容的布局主要分为新闻标题和新闻内容两部分，并且需要设置布局不可见，因为再 pad 模式下，如果没有点击新闻列表，默认是不显示新闻内容的。

3.2、新建 NewsContentFragment 类

public class NewsContentFragment extends Fragment {private LinearLayout contentLayout;private TextView newsTitle;private TextView