RelativeLayout 内的 WebView

Posted 2023-05-07

【中文标题】RelativeLayout 内的 WebView

【英文标题】：WebView inside RelativeLayout

【发布时间】：2017-09-15 22:26:22

【问题描述】：

我有一个相对布局，其中包含一个 Web 视图和两个其他相对布局（导航栏 - 一个位于屏幕顶部，一个位于屏幕底部）。 我试图让 WebView 像这样位于这两者之间：

这是我看到的：

目前，所有显示的是带有黑色空间的 WebView，两个条应该在。我哪里错了？ 干杯！

我的 XML 代码：

 <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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/activity_web_view"
    android:layout_
    android:layout_
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.liutaurasmazonas.cslogintrying.WebViewActivity">


    <RelativeLayout
        android:id="@+id/rl1"
        android:layout_
        android:layout_
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentStart="true">

        <ImageButton
            android:id="@+id/ibNewsBlack"
            android:layout_
            android:layout_
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:background="#00ffffff"
            android:scaleType="fitEnd"
            app:srcCompat="@drawable/newsbutton2" />

        <ImageButton
            android:id="@+id/ibEconCalBlack"
            android:layout_
            android:layout_
            android:layout_alignParentBottom="true"
            android:layout_alignParentStart="true"
            android:layout_marginStart="90dp"
            android:background="#00ffffff"
            android:cropToPadding="false"
            android:scaleType="fitEnd"
            app:srcCompat="@drawable/economiccalendarbuttongrey2" />

        <ImageButton
            android:id="@+id/ibLiveRates"
            android:layout_
            android:layout_
            android:layout_alignParentTop="true"
            android:layout_toEndOf="@+id/ibEconCalBlack"
            android:background="#00ffffff"
            android:scaleType="fitEnd"
            app:srcCompat="@drawable/liveratesbuttonblue2" />

        <ImageButton
            android:id="@+id/ibSettingsBlack"
            android:layout_
            android:layout_
            android:layout_alignParentEnd="true"
            android:layout_alignParentTop="true"
            android:background="#00ffffff"
            android:scaleType="fitEnd"
            app:srcCompat="@drawable/settingsbuttongrey2" />

    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/relativeLayout6"
        android:layout_
        android:layout_
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true">

        <ImageView
            android:id="@+id/imageView5"
            android:layout_
            android:layout_
            android:layout_alignParentStart="true"
            android:scaleType="matrix"
            app:srcCompat="@drawable/topbarcremebackgroundddd2" />

        <ImageButton
            android:id="@+id/addAProfile"
            android:layout_
            android:layout_
            android:layout_alignBottom="@+id/imageView5"
            android:layout_alignParentStart="true"
            android:layout_marginBottom="7dp"
            android:layout_marginStart="16dp"
            android:background="#00ffffff"
            android:scaleType="fitXY"
            app:srcCompat="@drawable/pluss" />

        <ImageView
            android:id="@+id/imageView4"
            android:layout_
            android:layout_
            android:layout_alignBottom="@+id/addAProfile"
            android:layout_centerHorizontal="true"
            android:background="#00ffffff"
            android:scaleType="fitXY"
            app:srcCompat="@drawable/bestsearchbar" />

        <ImageButton
            android:id="@+id/imageButton2"
            android:layout_
            android:layout_
            android:layout_alignBottom="@+id/imageView4"
            android:layout_alignParentEnd="true"
            android:layout_marginEnd="12dp"
            android:background="#00ffffff"
            android:scaleType="fitXY"
            app:srcCompat="@drawable/bell" />
        </RelativeLayout>

    <WebView
        android:layout_above="@+id/rl1"
        android:layout_below="@+id/relativeLayout6"
        android:id="@+id/webView1"
        android:layout_
        android:layout_
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginTop="64dp" />

</RelativeLayout>

【参考方案1】：

不要在布局开始时创建 web 视图。

首先创建顶部和底部导航栏。

稍后使用以下属性创建您的网络视图：

Webview：顶部导航栏布局的底部

Webview：从上到下导航栏布局

这将解决您的问题。

【讨论】：

感谢您的回答！我已经这样做了，仍然没有运气。我已经根据我的问题更新了我的代码。再次感谢。

删除这个就可以了 ---- android:layout_alignBottom="@+id/rl1"

完成。你在看什么？对我来说，酒吧应该在的地方只有空白。干杯。

你能把你看到的图片贴出来吗？

尽量保持简单，看看 - 将图像添加为 android:src - 删除背景 - 删除比例类型。一旦你开始看到图像，然后开始添加这些命令，然后调试哪个语句有问题。