Как сделать этот XML-файл спиннера - PullRequest
0 голосов
/ 20 февраля 2019

Вот я прилагаю скриншот дизайна, пожалуйста, помогите мне его проект, и я новичок в Android enter image description here

1 Ответ

0 голосов
/ 21 февраля 2019

Попробуйте этот код:

Сначала создайте нарисованный файл

spinner_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <corners android:radius="5dp" />
        <solid android:color="#F5F5F5"/>
        <stroke android:width="3dp"
            android:color="#454551"/>
    </shape>
</item>
</selector>

Теперь используйте spinner_bg.xml в макетефайл в качестве фона, код для файла макета, как показано ниже:

main_activity.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity"
android:background="#F5F5F5"
android:orientation="vertical">
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="20dp">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/spinner_bg"
        android:layout_marginTop="15dp">
        <Spinner
            android:id="@+id/spinner"
            android:layout_width="match_parent"
            android:layout_height="50dp"/>
    </LinearLayout>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Product Group"
        android:textSize="18sp"
        android:background="#F5F5F5"
        android:layout_marginLeft="10dp"
        android:padding="5dp"/>
</RelativeLayout>
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="20dp">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/spinner_bg"
        android:layout_marginTop="15dp">
        <Spinner
            android:id="@+id/spinner1"
            android:layout_width="match_parent"
            android:layout_height="50dp"/>
    </LinearLayout>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Literature"
        android:textSize="18sp"
        android:background="#F5F5F5"
        android:layout_marginLeft="10dp"
        android:padding="5dp"/>
</RelativeLayout>
</LinearLayout>

Вот вывод для кода выше:

enter image description here

enter image description here

Я надеюсь, что его работа для вас.

...