Admob 横幅隐藏列表视图片段的最后一项

Posted 2023-04-15

【中文标题】Admob 横幅隐藏列表视图片段的最后一项

【英文标题】：Admob banner hide the last item of listview fragment

【发布时间】：2019-05-29 14:33:48

【问题描述】：

我有一个在 activity_main 布局中调用的片段列表视图布局，admob 横幅放置在 activit_main 布局的底部，所以当我向下滚动到列表视图的最后一项时，我发现他被横幅覆盖，这里是完整的 activity_main 布局：

<RelativeLayout android:layout_
android:layout_
xmlns:android="http://schemas.android.com/apk/res/android">


<android.support.v4.widget.DrawerLayout 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/drawer_layout"
    android:layout_
    android:layout_
    android:background="@color/primary_color"
    android:fitsSystemWindows="true"
    android:orientation="vertical"
    tools:context="com.example.android.miwok.MainActivity"
    tools:openDrawer="start"
    >


<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:layout_
        android:layout_
        tools:context=".MainActivity">


        <android.support.design.widget.AppBarLayout
            android:id="@+id/appBar"
            android:layout_
            android:layout_
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            >

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_
                android:layout_
                android:background="@color/primary_color"
                android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
                app:layout_scrollFlags="scroll|enterAlways|snap"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light">

                <Button
                    android:id="@+id/more_toolbar"
                    android:layout_
                    android:layout_
                    android:layout_gravity="end"
                    android:layout_marginEnd="8dp"
                    android:background="@drawable/thumbsuo" />
            </android.support.v7.widget.Toolbar>

            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                style="@style/CategoryTab"
                android:layout_
                android:layout_/>


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

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_
            android:layout_
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            >
        </android.support.v4.view.ViewPager>


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


    <RelativeLayout
        android:id="@+id/LL_contentProgressBarParent"
        android:layout_
        android:layout_
        >
        <ProgressBar
            android:id="@+id/progressBarParent"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_
            android:layout_
            android:layout_above="@+id/adView"
            android:layout_marginBottom="2dp"

            />

        <com.google.android.gms.ads.AdView
            xmlns:ads="http://schemas.android.com/apk/res-auto"
            android:id="@+id/adView"
            android:layout_
            android:layout_
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            ads:adSize="SMART_BANNER"
            ads:adUnitId="ca-app-pub-3940256099942544/6300978111"
            >

        </com.google.android.gms.ads.AdView>


    </RelativeLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_
        android:layout_
        android:layout_gravity="start"
        android:background="@color/primary_color"
        app:headerLayout="@layout/nav_header"
        app:itemIconTint="@color/text_drawer_color"
        app:itemTextColor="@color/text_drawer_color"
        app:menu="@menu/drawer_menu" />

</android.support.v4.widget.DrawerLayout>

这是 listview_fragment 的完整代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/tan_background"
    >

    <android.support.v4.widget.NestedScrollView
        android:layout_
        android:layout_
        android:fillViewport="true"
        android:layout_margin="4dp"
        android:layout_above="@+id/banner_layout"

        >

    <ListView xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/list"
        android:layout_
        android:layout_
        android:layout_alignParentTop="true"
        android:background="@color/tan_background"
        android:divider="@color/tan_background"
        android:dividerHeight="8dp"
        android:drawSelectorOnTop="true"
        android:focusable="true"
        android:orientation="vertical"
        android:nestedScrollingEnabled="true"

      />
    </android.support.v4.widget.NestedScrollView>



</RelativeLayout>

所以我希望列表视图在横幅上方，有什么解决方案吗？提前谢谢。

【问题讨论】：

查看ConstraintLayout的相对定位：developer.android.com/reference/android/support/constraint/…

【参考方案1】：

您需要为其设置对齐方式，您的 adview 将始终阻止底部的所有内容，因为您与父底部对齐。

用约束或相对布局（甚至线性布局，它也可以）包装您的 list_view（我假设它是内部视图寻呼机）。然后根据需要对齐它们，将视图分页器底部对齐到 adview 顶部，并将 adview 对齐到视图分页器下方。

为布局做这样的事情

<CoordinatorLayout..
    <LinearLayout..
        <ViewPager/>
        <AdView wrap content/>
    <LinearLayout/>
<CoordinatorLayout/>

【讨论】：

是的，我知道我必须将视图寻呼机放在横幅上方，但问题是协调器布局阻碍了我这样做

你需要另外放一个布局，coordinator不支持布局对齐

是的，但无法删除协调器布局，因为我使用它在向下滚动时隐藏工具栏

我完全明白了，你不需要去掉协调器，你只需要在里面添加更多的布局来包装它们