如何在 Android 中删除 UI xml 中的空格？

Posted 2023-04-19

【中文标题】如何在 Android 中删除 UI xml 中的空格？

【英文标题】：How to remove blank space in UI xml in Android?

【发布时间】：2020-05-26 14:28:27

【问题描述】：

我已经实现了类并在 xml 中的画布中绘制。但我在用户界面底部面临空白。我怎么解决这个问题？？我用来在画布上绘制一个drawable。类名是 BarcodeScannerView。 这是代码

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".ui.scanqrcode.BarcodeReaderActivity">

    <include layout="@layout/toolbar_base" />

    <SurfaceView
        android:id="@+id/surfaceView"
        android:layout_
        android:layout_
        android:layout_alignParentStart="true"
        android:layout_alignParentLeft="true"
        android:layout_centerVertical="true" />

    <TextView
        android:id="@+id/txtBarcodeValue"
        android:layout_
        android:layout_
        android:layout_alignParentTop="true"
        android:layout_marginStart="@dimen/activity_horizontal_margin"
        android:layout_marginLeft="@dimen/activity_horizontal_margin"
        android:text="No Barcode Detected"
        android:textColor="@android:color/white"
        android:textSize="20sp" />

    <com.tech.denTech.utils.QRCodeScannerView
        android:layout_
        android:layout_/>

    <TextView
        android:id="@+id/txtScanCode"
        android:layout_
        android:layout_
        android:layout_centerHorizontal="true"
        android:text="Scan QR code"
        android:layout_margin="@dimen/activity_vertical_margin_8dp"
        android:layout_above="@id/ivScannerIcon"
        android:textColor="@android:color/white"
        android:textSize="@dimen/text_size_16sp" />


    <ImageView
        android:id="@+id/ivScannerIcon"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="@dimen/activity_horizontal_margin_32dp"
        android:layout_
        android:layout_
        android:src="@drawable/icon_qr"
        android:layout_centerHorizontal="true"
        />

</RelativeLayout>

你可以通过这个谷歌链接获取截图：

https://drive.google.com/file/d/1KEQWjvubjlXs5hSENaShW9ErM84VXKY5/view?usp=sharing

【问题讨论】：

显示你的代码，比如 XML，或者你的意思的截图，或者任何东西......

是的，我用 xml 编辑过

还有截图，你说的空白是什么意思？

Blundell 由于我的排名较低，我无法在 *** 上分享图片，但我可以解释一下，UI 底部有一小块空白区域，颜色为白色。

您可以在第三方网站上分享图片链接。 （同时填写你的个人资料会给你 50 代表 IIRC）

【参考方案1】：

您可以使用 Hierarchy Viewer 进行调查：

https://developer.android.com/studio/profile/hierarchy-viewer

然后你可以点击Views来了解什么是什么。

您还可以查看布局预览，以查看哪些视图占用了该空间（如果有）：

【讨论】：

好的，谢谢@Blundell，我在工具栏底部添加了我的 surfaveView 并解决了问题。