Android: как создавать легенды для переработчика, как в круговой диаграмме

Question

В моем приложении для Android я использую обзор переработчика, чтобы создать структуру в виде таблицы, которая будет отображать имя, возраст, место людей, как показано ниже.

Я не хочу создавать заголовок в качестве имени, возраста, места для этого повторного просмотра, вместо этого я просто хочу добавить легенду / индекс (я не знаю, как именно это назвать), как мы обычно видим на круговой диаграмме, диаграмме, картах, ... чтобы другие могли понять, что указывает цвет. Что я хочу, это как показано ниже.

Пример 1

Пример 2

Пример 3:

Я не знаю, встроен ли он в Android. Я просто хочу создать это простым способом с эффектом формы, чтобы я мог использовать его в любом месте моего приложения. Как это сделать простым способом ??

Answer 1

Привет (^ _ ^) !! поместите приведенный ниже код в файл макета вашего изделия для повторного использования и, используя идентификаторы представлений, вы легко достигнете своей функциональности;)

<?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="match_parent"
    android:layout_margin="@dimen/_10sdp"
    android:weightSum="3">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="@drawable/rounded_bordeeer"
            android:backgroundTint="#FFC107"
            android:gravity="center"
            android:padding="@dimen/_4sdp"
            android:text="NAME"
            android:textColor="#FFFFFF"
            android:textSize="@dimen/_12ssp" />

        <TextView
            android:id="@+id/name"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="@dimen/_5ssp"
            android:background="@drawable/rounded_bordeeer"
            android:backgroundTint="#FFC107"
            android:gravity="center"
            android:padding="@dimen/_4sdp"
            android:text="JOHN"
            android:textColor="#FFFFFF"
            android:textSize="@dimen/_12ssp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/_10ssp"
        android:layout_weight="1"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="@drawable/rounded_bordeeer"
            android:backgroundTint="#4CAF50"
            android:gravity="center"
            android:padding="4dp"
            android:text="AGE"
            android:textColor="#FFFFFF"
            android:textSize="@dimen/_12ssp" />

        <TextView
            android:id="@+id/age"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="@dimen/_5ssp"
            android:background="@drawable/rounded_bordeeer"
            android:backgroundTint="#4CAF50"
            android:gravity="center"
            android:padding="4dp"
            android:text="25"
            android:textColor="#FFFFFF"
            android:textSize="@dimen/_12ssp" />

    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"

        android:layout_height="wrap_content"
        android:layout_marginStart="@dimen/_10ssp"
        android:layout_weight="1"
        android:orientation="vertical">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:background="@drawable/rounded_bordeeer"
            android:backgroundTint="#03A9F4"
            android:gravity="center"
            android:padding="4dp"
            android:text="PLACE"
            android:textColor="#FFFFFF"
            android:textSize="@dimen/_12ssp" />

        <TextView
            android:id="@+id/place"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginTop="@dimen/_5ssp"
            android:background="@drawable/rounded_bordeeer"
            android:backgroundTint="#03A9F4"
            android:gravity="center"
            android:padding="4dp"
            android:text="INDIA"
            android:textColor="#FFFFFF"
            android:textSize="@dimen/_12ssp" />

    </LinearLayout>
</LinearLayout>

==> rounded_bordeeer.xml Файл предназначен для достижения округленной границы ваших просмотров

 <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
        <corners android:radius="@dimen/_4ssp"/>
        <stroke android:width="9px"
            android:color="#d3d3d3" />
    </shape>