图片下方一半的文字

Question

我需要创建此视图：

我尝试使用协调器布局，但无法正常工作，我的文字固定在图像底部

我的尝试

    <android.support.design.widget.CoordinatorLayout
    android:layout_width="wrap_content"
    android:id="@+id/anchodr"
    android:layout_height="wrap_content">

<ImageView
    android:id="@+id/ticketMainImage"
    android:layout_width="70dp"
    android:src="@drawable/money_icon"
    android:layout_height="110dp" />

    <TextView
        style="@style/TextViewPriceBorder"
        android:id="@+id/ticketPriceText"
        app:layout_anchor="@id/ticketMainImage"
        app:layout_anchorGravity="center|bottom"
        android:text="200"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</android.support.design.widget.CoordinatorLayout>

我知道可以使用相对的布局和边距，但是正确的方法是什么呢？

Answer 1

尝试这个..

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/anchodr"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true">

    <ImageView
        android:id="@+id/ticketMainImage"
        android:layout_width="match_parent"
        android:layout_height="110dp"
        android:background="#991616"
        android:src="@android:color/transparent" />

    <TextView
        android:id="@+id/ticketPriceText"
        android:layout_marginTop="80dp"
        android:layout_width="100dp"
        android:layout_height="50dp"
        android:background="#b7b3b3"
        android:gravity="center_vertical"
        android:textAlignment="center"
        android:text="200"
        app:layout_anchor="@id/ticketMainImage"
        app:layout_anchorGravity="center|bottom" />

</android.support.design.widget.CoordinatorLayout>

这样的输出