Как увеличить высоту вкладки в xml без изменения положения. Также viewpager находится за макетом вкладки

#java #android #xml #android-viewpager #android-tablayout

#java #Android #xml #android-viewpager #android-tablayout

Вопрос:

Пожалуйста, помогите мне. У меня есть макет вкладки и viewpager. У меня 2 проблемы. Я хочу уменьшить высоту tablayout. Также при прокрутке (просмотр списка на странице), поскольку viewpager находится за макетом вкладки, макет вкладки скрывает некоторые элементы списка. Пожалуйста, помогите мне решить проблему!!!

Проблема может быть решена, но я не знаю как. Пожалуйста, свяжитесь со мной в ближайшее время.Я пробовал много способов, но ничего не решал. Также отправьте весь исправленный код в качестве ответа, если я просто установлю layoutheight макета вкладки … это происходит… Смотрите, под нижней таблицей серого цвета есть белая строка

Смотрите, под нижней таблицей серого цвета есть белая строка

 <?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    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:id="@ id/root">


    <com.google.android.material.appbar.AppBarLayout
        android:id="@ id/app_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.NoActionBar.AppBarOverlay">


        <androidx.appcompat.widget.Toolbar
            android:id="@ id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="@color/bgColor"

            app:popupTheme="@style/AppTheme.PopupOverlay">
            <!--app:layout_scrollFlags="scroll|snap"-->

            <TextView
                android:id="@ id/tv_selected_chat"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="16dp"
                android:gravity="center_vertical"
                android:text="0"
                android:textColor="@color/colorWhite"
                android:textSize="17sp"
                android:visibility="gone" />

        </androidx.appcompat.widget.Toolbar>


    </com.google.android.material.appbar.AppBarLayout>


    <androidx.viewpager.widget.ViewPager
        android:id="@ id/view_pager"
        android:layout_width="match_parent"
        android:layout_height="644dp"
        android:paddingBottom="20dp"
        ads:layout_behavior="@string/appbar_scrolling_view_behavior"
        tools:showIn="@layout/activity_main">


    </androidx.viewpager.widget.ViewPager>

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@ id/open_new_chat_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_marginRight="27dp"
        android:layout_marginBottom="84dp"
        android:tint="@color/colorWhite"
        android:visibility="visible"
        app:backgroundTint="@color/colorAccent"
        app:fabSize="normal"
        app:layout_anchor="@id/view_pager"
        app:layout_anchorGravity="bottom|right|end"
        app:srcCompat="@drawable/ic_message" />


    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:id="@ id/text_status_fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|right"
        android:layout_marginRight="27dp"
        android:layout_marginBottom="84dp"
        android:tint="@color/colorWhite"
        android:visibility="invisible"
        app:backgroundTint="@color/colorGreen"
        app:fabSize="normal"
        app:layout_anchor="@id/view_pager"
        app:layout_anchorGravity="bottom|right|end"
        app:srcCompat="@drawable/ic_edit" />

    <com.google.android.material.tabs.TabLayout
        android:id="@ id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="65dp"
        android:background="@color/bgColor"
        ads:layout_anchor="@ id/view_pager"
        ads:layout_anchorGravity="bottom|center"
        ads:tabBackground="@color/actionModeBackground"
        ads:tabIndicatorColor="@color/audio_wave_background"
        ads:tabIndicatorHeight="2dp"
        app:tabGravity="fill"
        app:tabMaxWidth="0dp"
        app:tabMode="fixed"
        app:tabSelectedTextColor="@android:color/white" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>
  

Комментарии:

1. У вас есть предварительный просмотр того, чего вы хотите достичь?

Ответ №1:

вы можете использовать жестко заданное значение высоты, например, 20dp и т. Д., Сколько вам потребуется. также переместите свой view pager вверх по макету панели приложений и используйте этот код

 <androidx.viewpager.widget.ViewPager
    android:id="@ id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="644dp"
    android:paddingBottom="20dp"
    ads:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main"/>


look at your code you dont use this instead of using this

<androidx.viewpager.widget.ViewPager
    android:id="@ id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="644dp"
    android:paddingBottom="20dp"
    ads:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main">
  
   </androidx.viewpager.widget.ViewPager>
  

это означает, что вы используете эту область для добавления некоторого макета и т. Д.

Комментарии:

1. Можете ли вы добавить его в XML-код, который я дал, и предоставить его, пожалуйста? Я худший в xml @Adnan haider

2. Я вас не обескураживаю. Очень жаль, если вы так себя чувствуете. Я спешил и не заметил этого. Еще раз извините. Пожалуйста, и я имел в виду, что я худший в xml

3. все в порядке, не упоминайте об этом. усердно работайте и будьте благословлены…

4. пожалуйста, проверьте вопрос еще раз, я его обновил. Похоже, возникает еще одна проблема

5. удалить paddingbottom