如何在 Android Studio 中修复 android...ViewPager

Question

我目前正在为我的学校项目制作一个消息传递应用程序。我这学期才开始做移动开发。目前遇到了一个问题，当我添加 android ViewPager 时，我的 activity_main.xml 显示：

关于activity_main.xml的预览 android...ViewPager（灰色背景中的黑色文本）

进一步解释：

无论如何，我只是想跟着教程一起学习，因为我仍然没有足够的能力来编写代码，但教授仍然告诉我们制作一个应用程序，即使他并没有真正教那么多。所以我什么都不懂。

我刚刚学习了本教程并决定将它用于我的整个项目，因为我什么都不知道。

所以我去看了看，并在这个 youtube 频道 Coding cafe 上观看了一个关于如何制作消息应用程序的播放列表，这是我目前正在观看和关注的视频： https://www.youtube.com/watch?v=3Am-iad_Gkg&index=5&list=PLxefhmF0pcPmtdoud8f64EpgapkclCllj

第一个项目：

前几个教程一切都很好，但在视频编号 5 我已经观看了整个视频，做了他所做的一切，但是在运行应用程序后，如果你在他的视频上看到标签正在他的而不是我的，我只是看到了我的应用程序的标题，但标签根本没有显示。

我尝试查看我的工作，然后我看到了我的 xml 文件，然后：

click to see image 关于activity_main.xml的预览 android...ViewPager（灰色背景中的黑色文本）

我不知道该怎么做，因为我很愚蠢，不知道要搜索什么，我搜索 android...ViewPager，android studio 中的 viewpager 无法正常工作，但我得到的只是“如何制作 appbartab”和其他关于如何制作的教程，但我很害怕，因为这个项目要在 2 月到期，我真的很着急。

新项目重做： 回到这个问题，所以在那之后我不知道该怎么做，所以我去重做这个项目。再次按照他的教程进行操作，然后我注意到我的问题出在 xml 文件中的 viewpager 本身。

当我输入：

android 查看pagerin我的activity_main.xml

它再次显示： 关于activity_main.xml的预览 android...ViewPager（灰色背景中的黑色文本）

所以我想我需要做什么？

所以在“第一个项目”中：我已经完成了编码并非常仔细地完成了他在视频中所做的所有事情，并且据说它不起作用

在“新项目重做：”中，我的进度到此为止（时间戳 3:16）

我害怕走得更远，因为这段代码（见视频时间戳 3:16）

让我的 activity_main 预览这样做： 关于activity_main.xml的预览 android...ViewPager（灰色背景中的黑色文本）

我不知道问题出在哪里，所以我真的需要帮助。

这是我的代码，正如我所说，还没有添加片段或任何东西，因为我重新完成了项目，我的进度仍在视频 5 中（时间戳 3:16）。

有关更多信息，请参阅视频，有些人在 cmets 中也有此问题，但没有回复。

https://www.youtube.com/watch?v=3Am-iad_Gkg&index=5&list=PLxefhmF0pcPmtdoud8f64EpgapkclCllj

如果有人可以帮助我，非常感谢。

     My activity_main.xml
       <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorAccent"
    tools:context=".MainActivity">


    <include
        android:id="@+id/main_page_toolbar"
        layout="@layout/app_bar_layout">
    </include>

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.TabLayout
            android:id="@+id/main_tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        </android.support.design.widget.TabLayout>

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/main_tabs_pager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/appBarLayout">
    </android.support.v4.view.ViewPager>
</RelativeLayout>

MainActivity.java
public class MainActivity extends AppCompatActivity
{
    private Toolbar mToolbar;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        mToolbar= (Toolbar) findViewById(R.id.main_page_toolbar);
        setSupportActionBar(mToolbar);
        getSupportActionBar().setTitle("Chatterfly");
    }
}

app_bar_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_app_bar"
    android:background="@color/colorPrimary"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

</android.support.v7.widget.Toolbar>

我希望我的应用程序有一个实际的应用程序栏，其中包含聊天组和联系人。当我运行应用程序时，它现在没有显示它只显示我的应用程序的标题。

Answer 1

您需要将标签添加到标签布局中，以便通过像 tabLayout.addTab(tabLayout.newTab().setText(title)); 这样的操作在其中显示标签

作为参考你也可以看看this代码，如果你暂时不需要，可以忽略片段适配器添加时刻。