Kotlin 可以从背景图像中点击图标吗

发布于12月03日

我对应用程序开发以及与Android Studio和Layout打交道还比较陌生.我正在设计我的应用程序，遇到了一个问题.我有一个ListView的ListItem的设计，其中球员的名字和2个图标(编辑和删除)应该显示.因此，当用户添加球员时，条目应该是这样显示的.

我现在的问题是:我如何才能最好地用XML实现设计以实现所需的功能？

ListItem Design, created with Figma个

我认为可以将整个设计设计为XML中的按钮，然后将此设计作为背景.但接下来的问题是，我如何才能使图标可点击？

或者有没有更好的办法，让我错过这里？

推荐答案

首先，不要使用ListView，它有很多问题.使用RecyclerView.

有多种方法可以做到这一点.您可以使用此命令，例如:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/name"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="Name"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toStartOf="@id/text_end"/>

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/text_end"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.6"/>

    <ImageView
        android:id="@+id/edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="your drawable path goes here"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@id/text_end"/>

    <ImageView
        android:id="@+id/delete"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="your drawable path goes here"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toEndOf="@id/edit" />

</androidx.constraintlayout.widget.ConstraintLayout>

别忘了在ImageViewsrc属性中添加图像的路径.

然后，在您的ViewHolder中，您可以在每个ImageView上找到并设置onClickListener