将图像粘贴到视图底部？

Question

我在Adobe XD中设计了启动画面，如图： enter image description here

现在，当我将部分图像导出到 android studio 时，我无法像 XD 那样将所有图像都粘在底部。 enter image description here

有人可以告诉我我将如何着手做那件事并且是完成此类任务的最佳 ViewGroup 吗？

这是我的 XML 文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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/linearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/gradient"
    tools:context=".MainActivity">


    <ImageView
        android:id="@+id/imageView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/group_1"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="1.0" />

</LinearLayout>

Answer 1

这可以通过 ViewGroup 来完成。但问题不在于视图组 - 问题在于整个内容只有一张图片 - 这是不好的做法。

应该至少有 2 张图片 - 一张用于背景，另一张用于内容。

这是由于设备屏幕的碎片问题 - 有太多不同的分辨率、宽高比和 dpis，无法使单个图像在所有屏幕上正常工作。

我将根据您的 UI 向您展示一个示例，其中包含背景和徽标图像，徽标下方有小图像。您只需要将它分成两个文件 - 背景可以是 jpg，但徽标必须是透明的 png。如果您愿意这样做 - 这是您的布局的样子。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/background"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="fitXY"
        android:src="@drawable/bg" />

    <ImageView
        android:id="@+id/content"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:adjustViewBounds="true"
        android:padding="24dp"
        android:src="@drawable/logo" />

</FrameLayout>

您可能想尝试使用 android:padding 和 android:scaleType 以获得最佳结果。

编辑

已将 android:layout_height="match_parent" 更改为 android:layout_height="wrap_content" - 这样效果会更好

希望对您有所帮助。

将图像粘贴到视图底部？

Sticking image to bottom of view?

user-interface

android

adobe-xd

编辑