デザインの配置について（レイアウト）

Question

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

**        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="50dp" />**

        <ListView
            android:id="@+id/list_collection"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </FrameLayout>
</LinearLayout> 

太字にしたところが今回追加したところなんですが、これだと「RelativeLayout」と「ListView」が被って表示されてしまいます。
そこで、RelativeLayoutを50dpで一番上に表示して、その下にくっつく形でListViewを表示する時は、どうかけばいいんでしょうか？

ご教授のほどよろしくお願いいたします。

＜追記＞
今回タブの実現方法がまったく持って違っていました…。
できましたら、TabHostを使いたいと思っています。
既存のXMLをどうTabHostに入れ込めばいいかご教授いただきたいです。

よろしくお願いします。

＜追記＞

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    tools:context="com.xxxxx.xxxxxxx.activity.xxxxxxActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        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:popupTheme="@style/AppTheme.PopupOverlay"/>

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

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/list_collection"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </FrameLayout>

</LinearLayout>

＜追記＞

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:fitsSystemWindows="true"
    tools:context="com.xxxxx.xxxxxxx.activity.xxxxxxActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        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:popupTheme="@style/AppTheme.PopupOverlay"/>

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

  <TabHost
      android:layout_width="match_parent"
      android:layout_height="match_parent">
  </TabHost>

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <ListView
            android:id="@+id/list_collection"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </FrameLayout>

</LinearLayout>

    <TabHost

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@android:id/tabcontent"
        android:layout_alignParentTop="true"
        android:layout_alignParentStart="true">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" ></TabWidget>

        <FrameLayout

            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ListView
                android:id="@+id/list_collection"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

        </FrameLayout>
        </LinearLayout>
    </TabHost>
</LinearLayout>

Answer 1

作りたてのプロジェクトならタブメニューを使っているテンプレートで作り直した方が早そうですね。
作りたてでない場合もタブメニューのテンプレートを参考にするといいですね。

Comments

[SmartBuzz]

作り立てではなく完成品を改造しています。
構造を知るためにおっしゃるとおりに新しいプロジェクトを作ってやってみました。

既存のビューは、リニアレイアウトの中に上からToolbar⇒フレームレイアウトの中にリストビューという形になっています。
ツールバーとフレームレイアウトの間にTabHostを入れたいので、ここに入れるとなぜかエラーがでます。
テスト的に新しくプロジェクトを作った際にも、ツールバーがない時はうまいくのに、ツールバーがあるとうまくいきません。
コレは何か特別な処理がいるんでしょうか？

[yona]

レイアウトファイルを見ないと回答できないですね。
現状のレイアウトファイルを質問に追記してください。
また、コードはコード用の記述を使ってください。

[SmartBuzz]

追記しました。
よろしくお願いします。

[yona]

LinearLayoutの子ViewとしてTabHostを追加しましたか？

[SmartBuzz]

はい。BarLayoutとFrameLayoutの間に<tabhost></Tabhost>を追加してみたら「Rendering Problems」とエラーがでて断念しました。

[yona]

とりあえずその状態のレイアウトファイルも追記してください。

[SmartBuzz]

追記しました

[yona]

TabHostの子ViewにTabWidgetと既存のFrameLayoutを入れてください。

[SmartBuzz]

追記しました。こういうことでしょうか？

[yona]

TabWidgetとFrameLayoutは親子ではなく、兄弟です

[SmartBuzz]

先ほどの追記を編集しました。
しかしそれでも「 Exception raised during rendering: TabHost requires a TabWidget with id "android:id/tabs". (Details) Tip: Try to refresh the layout.」と出たままになっています…。

[yona]

自分でもエラーメッセージを読みましょう。
TabWidgetのidはtabsである必要があると書いてあるじゃないですか。

[SmartBuzz]

なるほど…。修正したら、「Could not create tab content because could not find view with id -1」となったので、後はアクティビティにtabcontentのidを「R.id.tabcontent」と指定してやればいいということでしょうか？

[yona]

FrameLayoutに設定するようですね。
タブを実装するにはViewの構造とIDがある程度固定化されているようです。

[SmartBuzz]

あーなるほど…。
Previewも表示されるようになりました！
ありがとうございます！