java - 我需要这样的设计，但我面临两个问题

Question

我的 ListView 需要一个具有以下项目设计的模板

我尝试了一些找到的代码，但没有得到我需要的结果。

  <item
    android:bottom="-32dp"
    android:left="-3dp"
    android:right="-2dp"
    android:top="2dp">
    <shape android:shape="rectangle" >
        <corners android:radius="32dp"/>
        <stroke
            android:width="2dp"
            android:color="#fff" />

        <solid android:color="@android:color/transparent" />

        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="0dp" />
    </shape>
</item>

这是我的线性布局背景。

Answer 1

虽然我们可以使用 png 来获取这个 或 或 图像来得到这个 .但如果你真的想在这个可绘制对象上执行此操作，那么这里是代码。

我尝试过，结果几乎相同。

我使用两层列表创建了一个可绘制对象，其中包含两个不同的矩形。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:bottom="10dip">
    <shape
        android:shape="rectangle"
        android:useLevel="false">
        <corners android:radius="12dp" />
        <stroke
            android:width="2dp"
            android:color="#ffffff" />

        <size
            android:width="60dp"
            android:height="60dp" />

        <solid android:color="@android:color/transparent" />

    </shape>
</item>
<item android:top="20dip">
    <shape android:shape="rectangle">
        <solid android:color="#800080" />
    </shape>
</item>

您可以在您的 View 中使用它作为背景。我已经在我的项目中使用过这个，所以我添加了我的项目 View 的代码。

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout 
 xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#800080">

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/linearLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/text_18"
    android:background="@drawable/sample">

    <TextView
        android:id="@+id/crime_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        android:text="Crime Title"
        android:textColor="@color/colorAccent"
        android:textSize="18sp"
        app:layout_constraintEnd_toStartOf="@+id/crime_solved"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/crime_date"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:paddingBottom="8dp"
        android:text="Crime Date"
        android:textColor="@color/colorAccent"
        app:layout_constraintEnd_toEndOf="@id/crime_title"
        app:layout_constraintStart_toStartOf="@id/crime_title"
        app:layout_constraintTop_toBottomOf="@+id/crime_title" />


    <ImageView
        android:id="@+id/crime_solved"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="16dp"
        app:layout_constraintBottom_toBottomOf="@+id/crime_date"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/crime_title"
        app:layout_constraintTop_toTopOf="parent"
        app:srcCompat="@drawable/ic_solved" />
</android.support.constraint.ConstraintLayout>

希望这会有所帮助。