如何在屏幕顶部显示admob?

时间:2019-08-20 04:57:29

标签: android webview admob

我正在尝试显示自己网站的webview,admob横幅和进度条。

在下面的代码,webview和进度栏中,admob横幅显示一切正常。但是,admob横幅显示在底部。

如何在屏幕顶部显示admob标语? 我试图将adview移到底部,但显示空白屏幕。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="match_parent"
    android:layout_height="match_parent"
            android:background="@color/white"
    android:orientation="vertical" 
    tools:context="com.myapp.MainActivity">

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

<LinearLayout
        android:layout_above="@id/adView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

    <WebView
        android:id="@+id/activity_main_webview"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />
    <ProgressBar
    android:id="@+id/progress1" style="?android:attr/progressBarStyleLarge"
    android:layout_centerHorizontal="true"
    android:layout_alignParentBottom="true"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" />

</RelativeLayout>
</LinearLayout>    
</RelativeLayout>

6 个答案:

答案 0 :(得分:1)

<RelativeLayout 
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.gms.ads.AdView
 xmlns:ads="http://schemas.android.com/apk/res-auto"
 android:id="@+id/adView"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_centerHorizontal="true"
 ads:adSize="SMART_BANNER"
 ads:adUnitId="ca-app-pub-3940256099942544/6300978111">
 </com.google.android.gms.ads.AdView>

    <LinearLayout
    android:layout_below="@+id/adView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
     <RelativeLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:orientation="vertical" >
      <WebView
      android:id="@+id/activity_main_webview"
      android:layout_width="match_parent"
      android:layout_height="match_parent" />
      <ProgressBar
                    android:id="@+id/progress1" style="? 
      android:attr/progressBarStyleLarge"
                    android:layout_centerHorizontal="true"
                    android:layout_alignParentBottom="true"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />

        </RelativeLayout>
    </LinearLayout>
</RelativeLayout>

答案 1 :(得分:0)

内部

  

com.google.android.gms.ads.AdView

添加android:layout_alignParentTop="true"并将其删除-android:layout_alignParentBottom="true"

答案 2 :(得分:0)

在Webview中,根据您的广告浏览高度设置底边距

   android:layout_marginBottom="50dp"

在AdView中添加

android:layout_alignParentBottom="true"

答案 3 :(得分:0)

将您的父母RelativeLayout更改为LinearLayout并将其添加到内部LinearLayout

android:layout_weight = "1"
android:layout_height = "0dp"

这将迫使您的布局向下扩展到底部,同时占用adView剩下的剩余屏幕

答案 4 :(得分:0)

如果要在屏幕顶部显示广告横幅,则应使用

android:layout_alignParentTop="true"

代替

android:layout_alignParentBottom="true"

答案 5 :(得分:0)

使用约束布局

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/lib/com.google.ads"
    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="com.myapp.MainActivity">

    <com.google.android.gms.ads.AdView xmlns:ads="http://schemas.android.com/apk/res-auto"
        android:id="@+id/adView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        ads:adSize="SMART_BANNER"
        ads:adUnitId="ca-app-pub-3940256099942544/6300978111"/>

    <WebView
        android:id="@+id/activity_main_webview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        app:layout_constraintTop_toBottomOf="@id/adView"
        app:layout_constraintBottom_toBottomOf="parent"/>

    <ProgressBar
        android:id="@+id/progress1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="@id/adView"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        style="?android:attr/progressBarStyleLarge"/>

</androidx.constraintlayout.widget.ConstraintLayout>