Android studio xmlのlayout_heightのmatch

2019/10/29 02:46

質問ありがとうございます！すみません説明不足でした、、 Fragmentを用いてスワイプすると上のタブメニューが移動し、違うドメインのURLが開くといった仕様にしています。なので「ITEM　ONE」にいるときは「https://hoge.com/ITEM ONE/」のURLを見ていて、スワイプもしくは「ITEM　TWO」をタップすると「https://hoge.com/ITEM TWO/」のURLが開くようにしております。 ViewPagerは複数のWebViewを管理する用に使っています。ご回答お待ちしております！

退会済みユーザー

2019/10/29 03:21

WebViewをFrameLayoutとScrollviewで囲ってるのってなんででしょう？

2019/10/29 03:42

＞WebViewをFrameLayoutとScrollviewで囲ってるのってなんででしょう？話すと長くなるのですが、簡潔にまとめるとWebView内でモーダルウィンドウを使用するとWebView全体の高さが指定されモーダルウィンドウの表示位置がおかしくなるため施策したときにこのような結果になりました、、以前teratailで質問した内容なので下記記事に詳しく書いております、、 https://teratail.com/questions/211394

行動規範の内容に同意します

回答2件

ベストアンサー

BottomNavigationViewをCoordinatorLayoutの下に置く必要がある（何らかのBehaviorを設定したいor他のBehaviorの対象にしたい）のなら、ViewPager部分にはlayout_marginBottomを設定して余白を設けるようにするしかないです。

xml
1<ViewPager
2    ...
3    android:layout_marginBottom="@dimen/design_bottom_navigation_height"/>
4<BottomNavigationView
5    ...
6    android:layout_height="@dimen/design_bottom_navigation_height"/>

その必要がないのであれば、BottomNavigationViewをCoordinatorLayoutの外側に出してしまうのがいいと思います。あとはLinearLayoutなりで囲んであげれば重ならないように配置できます。

投稿2019/10/29 03:54

総合スコア3131

2019/10/29 04:17

いつもお世話になっております！やってみたところできましたー！しかし、一点動きがおかしくなった点があります、、 Toolbarをスクロールしたら非表示するためlayout_scrollFlagsを使用しているのですが、畳むのと合わせてボトムナビゲーションバーが上に動いてしまいます、、投稿の問題としては解決したのですが、引き続きお聞きしてもよろしいでしょうか？（ViewPagerにlayout_marginBottomを追記したのと、BottomNavigationViewのlayout_heightをdimenに変更しました。）

2019/10/29 04:41

BottomNavigationViewにapp:layout_anchorの指定をしているためかと思います。削除して試してみてください。

2019/10/29 05:15

「app:layout_anchor="@+id/view_pager"」を削除しUPしてみるとボトムナビゲーションバーが最上部に来るようになりました、、なのでLinearLayoutのverticalで囲み表示してみたのですが、ボトムナビゲーションバーがどこか彼方にきえました、、泣下記自分がやったプログラムです。 </com.google.android.material.appbar.AppBarLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" android:focusable = "true" android:layout_marginBottom="@dimen/design_bottom_navigation_height" app:layout_behavior="@string/appbar_scrolling_view_behavior"/> <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="@dimen/design_bottom_navigation_height" android:background="@color/white" app:layout_anchorGravity="bottom" app:itemHorizontalTranslationEnabled="false" app:labelVisibilityMode="labeled" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:menu="@menu/bottom_navigation_menu"/> </LinearLayout> </androidx.coordinatorlayout.widget.CoordinatorLayout>

2019/10/29 05:44

なるほど、すみません。app:layout_anchorGravityとandroid:layout_gravityを見間違えてしまっていました。そうしたら、app:layout_anchorとapp:layout_anchorGravityは不要なので削除して、 android:layout_gravity="bottom" を追加してください。これで一番下に固定されてViewPagerの動きに連動することもなくなるはずです。

2019/10/29 06:10

できました、毎度ありがとうございます！原因はlayout_anchorでviewPagerの下に表示するようにしていたため連動して動いていたのですね。あとdimenを使用してWebViewを下げる方法がとても勉強になりました！本当にいつもありがとうございます！

行動規範の内容に同意します

試してませんが、以下じゃダメですかね？

xml
1        <LinearLayout
2            android:layout_width="match_parent"
3            android:layout_weight="1"
4            android:layout_height="0dp"
5            android:orientation="vertical">
6
7            <com.google.android.material.tabs.TabLayout
8                android:id="@+id/tabs"
9                android:layout_width="match_parent"
10                android:layout_height="35dp"
11                android:background="@color/white"
12                android:paddingTop="0dp"
13                android:paddingBottom="0dp"
14                android:paddingLeft="0dp"
15                android:paddingRight="0dp"
16                android:state_selected="true"
17                app:tabBackground="@drawable/tab_color_selector"
18                app:tabGravity="fill"
19                app:tabMaxWidth="0dp"
20                app:tabMode="fixed"
21                app:tabTextAppearance="@style/TabText" />
22
23        </com.google.android.material.appbar.AppBarLayout>
24            <androidx.viewpager.widget.ViewPager
25                android:id="@+id/view_pager"
26                android:layout_width="match_parent"
27                android:layout_height="match_parent"
28                android:focusable = "true"
29                app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
30
31        </LinearLayout>

投稿2019/10/27 14:02

総合スコア338

2019/10/29 02:40

回答ありがとうございます！やってみたのですが、下記のエラーが出ます。 ↓　エラー文　↓ 要素タイプ"LinearLayout"は、対応する終了タグ"</LinearLayout>"で終了する必要があります。回答いただいたやり方のように閉じタグを囲むといったやり方があるのでしょうか？

2019/10/29 02:45

はい。

2019/10/29 02:55

勉強になります！ただ今回エラーが出た内容は「</com.google.android.material.appbar.AppBarLayout>」の閉じタグ内にLenearLayoutを記述しないとエラーがでると考えておりますが、どこが違うのでしょうか、、すみませんが引き続き教え願えないでしょうか？

2019/10/29 03:03

すみません。。「</com.google.android.material.appbar.AppBarLayout>」を「<com.google.android.material.tabs.TabLayout」の上(LinearLayoutの上)にしたら、どうなるでしょうか？

2019/10/29 03:06

「<com.google.android.material.bottomnavigation.BottomNavigationView」ボトムナビゲーションバーが上に最上部にきてWebViewが表示されていない状態になりました、、

2019/10/29 03:17

更に一番外のCoordinatorLayoutの内側を <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> で囲ったらどうでしょう？

2019/10/29 03:36

意図した追記なのか不安なので下記追記した内容です！エラーは先ほどと変わらないです。 <androidx.coordinatorlayout.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:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.google.android.material.appbar.AppBarLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:theme="@style/AppTheme.AppBarOverlay"> <androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" android:paddingTop="8dp" android:paddingBottom="8dp" app:layout_scrollFlags="scroll|snap"> <androidx.appcompat.widget.AppCompatImageButton android:id="@+id/logo_top" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:adjustViewBounds="true" android:scaleType="fitCenter" /> </androidx.appcompat.widget.Toolbar> </com.google.android.material.appbar.AppBarLayout> <LinearLayout android:layout_width="match_parent" android:layout_weight="1" android:layout_height="0dp" android:orientation="vertical"> <com.google.android.material.tabs.TabLayout android:id="@+id/tabs" android:layout_width="match_parent" android:layout_height="35dp" android:background="@color/white" android:paddingTop="0dp" android:paddingBottom="0dp" android:paddingLeft="0dp" android:paddingRight="0dp" android:state_selected="true" app:tabBackground="@drawable/tab_color_selector" app:tabGravity="fill" app:tabMaxWidth="0dp" app:tabMode="fixed" app:tabTextAppearance="@style/TabText" /> <androidx.viewpager.widget.ViewPager android:id="@+id/view_pager" android:layout_width="match_parent" android:layout_height="match_parent" android:focusable = "true" app:layout_behavior="@string/appbar_scrolling_view_behavior"/> </LinearLayout> <com.google.android.material.bottomnavigation.BottomNavigationView android:id="@+id/bottom_navigation" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" app:layout_anchor="@+id/view_pager" app:layout_anchorGravity="bottom" app:itemHorizontalTranslationEnabled="false" app:labelVisibilityMode="labeled" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:menu="@menu/bottom_navigation_menu"/> </LinearLayout> </androidx.coordinatorlayout.widget.CoordinatorLayout>