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

一、前言

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">

    <LinearLayout
        android:id="@+id/contentLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:visibility="invisible" >

        <TextView
            android:id="@+id/newsTitle"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="10dp"
            android:textSize="20sp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:background="#000" />

        <TextView
            android:id="@+id/newsContent"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:padding="15dp"
            android:textSize="18sp" />

    </LinearLayout>

    <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:layout_alignParentStart="true"
        android:background="#000" />

</RelativeLayout>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

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

3.2、新建 NewsContentFragment 类

public class NewsContentFragment extends Fragment {
   

    private LinearLayout contentLayout;
    private TextView newsTitle;
    private TextView
1
2
3
4
5