如何在android中的RecycleView项目中创建指标形状视图?

时间:2018-03-24 00:21:20

标签: android android-layout android-studio layout

你好我的android应用程序中有一个Recycle View项目,我想做一个如下图所示的形状视图,或者有人可以给一个允许我这样做的图书馆。

Picture

下面是项目的布局,我已经完成了如上图所示的创建项目但是,我无法在项目的左侧创建形状视图,所以我想要有人帮我做那个,谢谢你
layout_item.xml



 <?xml version="1.0" encoding="utf-8"?>
    <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/item_root"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="2dp"
        android:orientation="vertical">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/client_selector"
            android:paddingLeft="10dp"
            android:paddingTop="10dp">

            <TextView
                android:id="@+id/num_bon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:text="000015"
                android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                android:textSize="13dp" />

            <TextView
                android:id="@+id/date_bon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_below="@+id/num_bon"
                android:layout_marginTop="16dp"
                android:text="14/08/2017"
                android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                android:textColor="@color/vert_clair"
                android:textSize="13dp" />

            <TextView
                android:id="@+id/nbr_p"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="15"
                android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                android:textColor="@color/gray"
                android:layout_below="@+id/date_bon"
                android:layout_alignEnd="@+id/num_bon"
                android:layout_marginTop="33dp" />

            <ImageView
                android:id="@+id/title_from_to_dots"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/nbr_p"
                android:layout_alignParentTop="true"
                android:layout_marginLeft="15dp"
                android:layout_toEndOf="@+id/date_bon"
                android:src="@drawable/from_to_purple" />

            <TextView
                android:id="@+id/nom_client"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/date_bon"
                android:layout_alignStart="@+id/title_from_to_dots"
                android:layout_alignTop="@+id/title_from_to_dots"
                android:layout_marginStart="11dp"
                android:text="John  smith"
                android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                android:textColor="@color/black_overlay"
                android:textSize="18dp" />

            <TextView
                android:id="@+id/montant"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="18000.00 DA"
                android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                android:textColor="@color/gray"
                android:textSize="15dp"
                android:layout_alignBottom="@+id/title_from_to_dots"
                android:layout_alignStart="@+id/nom_client" />


            <com.haozhang.lib.SlantedTextView
                android:id="@+id/blocage"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:layout_alignParentEnd="true"
                android:layout_below="@+id/nom_client"
                android:gravity="center"
                android:text="Validé"
                android:textAppearance="@style/TextAppearance.AppCompat.Medium"
                android:textColor="@color/vert"
                android:textSize="15dp"
                app:slantedBackgroundColor="@color/white"
                app:slantedLength="40dp"
                app:slantedMode="right_bottom"
                app:slantedText="IOS"
                app:slantedTextColor="@color/white"
                app:slantedTextSize="16sp" />
        </RelativeLayout>

    </android.support.v7.widget.CardView>
&#13;
&#13;
&#13;

this the capture image of my item

1 个答案:

答案 0 :(得分:0)

如果忽略中间的箭头/刻度,那就是一个可绘制的矩形形状。箭头/刻度可以是完全不同的可绘制(矢量或图像,取决于你想要的)。然后你尝试将两者结合在你的xml中。坐在左边的长方形形状和坐在它顶部的图象/传染媒介在中部。