初期設定でViewPagerの下が切れる

Question

###発生している問題・エラーメッセージ
Android Studioでプロジェクト作成時に選択できるテンプレート、「Tabbed Activity」でNavigationStyleをActionBarTabsに設定し、レイアウトを自動生成した際、MainActivityのレイアウト内のViewPagerの下が切れてしまう。

![]
テンプレート選択画面

赤く囲んだ部分が下にはみ出てしまいます

###該当のソースコード
生成時から変更はしていません。

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context="test.myapplication.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/appbar_padding_top"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:layout_scrollFlags="scroll|enterAlways"
            app:popupTheme="@style/AppTheme.PopupOverlay">

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

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

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

    <android.support.v4.view.ViewPager
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="@dimen/fab_margin"
        app:srcCompat="@android:drawable/ic_dialog_email" />

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

###試したこと
絶対値で指定してみましたが、デバイスが変わると意味がありませんでした。
ViewPagerに適当なFragment（全面Listviewなど）が入ると下が切れてしまい、すべての項目が表示されません。
Androidのレイアウトは初心者なので、単純な質問をしているかもしれませんが、ご教授よろしくお願いします。

Comments

[Kmassa]

「赤く囲んだ部分」がナビゲーションバー（戻るボタン、ホームボタン等が表示される部分）を指しているのですが、ナビゲーションバーが表示されないという問題ですか？それともFragmentの下部が表示されないという問題ですか？

[siy1121]

後者です。ナビゲーションバーでFragmentの下部が隠れて表示されません。よろしくお願いします。

[Kmassa]

FragmentにListViewを入れた場合ですが、スクロールによって隠れた部分が表示されませんか？ListViewを使わない場合でも、ScrollViewを使うことでスクロール可能となります。スクロールさせたくないとなると、ナビゲーションバーを隠してしまうという手もありますが、やはり画面サイズによっては表示しきれなくなってしまうので、レイアウトを分けることも考えないとなりませんね・・・

[uniko]

app:layout_behaviorが設定されたViewがAppBarLayoutの下にくっつくのでこの場合はViewPagerがAppBarLayoutの下につき画像のようにはみでます。 ここら辺はCoordinatorLayoutとAppBarLayoutの仕様、使い方を調べて見るといいと思います。 最近の見せ方を考慮するならRecyclerView、NestedScrollViewも参考にしてみてください。

[siy1121]

なるほど、上のAppBarはスクロール時に一緒に持ち上がるのですね。調べてみたところListViewを使用している場合でも、ViewCompat.setNestedScrollingEnabled(listView,true);をonCreateに記述することで一緒に持ち上がるようになりました！今後はRecyclerViewやScrollViewにも挑戦したいと思います。お二方ともありがとうございました。

Answer 1

#解決策
ViewPagerに全面ListViewのFragmentを投入した場合、FragmentのonViewCreatedに

ViewCompat.setNestedScrollingEnabled(listView,true);

を記述することで、ListViewのスクロールと同時に上のAppBarが持ち上がるようになり、下部がナビゲーションバーに隠れることはなくなった。

しかしこの場合、RecyclerViewやScrollViewを使うのが良いらしい^^;
もっと勉強せねば...

Comments

[uniko]

無事解決ようございました。
余談というか補足というかですが、RecyclerViewはあくまでListViewと同じ事ができるよという認識でいいかと。
昔はViewCompatなんてなかったのそのまま使っているような場合はRecyclerViewを使うしかなかった時があります。

ただListView自体中身に無駄が多くGさん達も言っておられるのでRecyclerViewを使った方がいいのは確かです。

今回の質問でViewPagerでAdapterを作っているかと思いますので、初めはRecyclerViewの実装が面倒かもしれませんがそれと似たような形でできるかと思います。
自分で汎用ライブラリを一つ作る勉強みたいな感じでAdapter等作ってみるのもいいかと思います。
個人的な経験ですが、スワイプだったりドラッグ＆ドロップ等もRecyclerViewは標準で用意されていますので慣れてくるとDialogでリスト使うときくらいしかListViewを見なくなります。

長文失礼しました。