Фон элемента навигационного ящика - PullRequest
Новая
       6

Фон элемента навигационного ящика

0 голосов
/ 29 сентября 2018

Я хочу установить различный фон для каждого элемента в навигационном ящике.Я хочу достичь enter image description here

Может кто-нибудь из вас объяснит, как это сделать?

My Activity_main.xml 

<android.support.design.widget.NavigationView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:menu="@menu/nav_menu"
        android:fitsSystemWindows="true"
        android:background="@android:color/black"
        app:itemTextColor="@android:color/white"
        android:layout_gravity="start"
        app:headerLayout="@layout/navigation_header"
        app:itemIconTint="@android:color/white"
        app:itemBackground="@drawable/header_background"
        />

1 Ответ

0 голосов
/ 29 сентября 2018

Создайте пользовательский макет navigationView и включите макет, как показано ниже, 

  <android.support.design.widget.NavigationView
        android:id="@+id/nav_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="end"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main">

        <include layout="@layout/custom_layout"></include>

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

файл custom_layout.xml 

 <?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.support.v7.widget.RecyclerView
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</android.support.v7.widget.RecyclerView>
</LinearLayout>

Теперь просто нарисуйте рисунок, подобный этому, (измените цвета нав соответствии с вашими потребностями)

btn_green_border.xml 

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:color="@color/colorSkyBlue"
tools:targetApi="lollipop">
<item>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">

        <solid android:color="@color/colorAccent" />
        <stroke
            android:width="@dimen/_1dp"
            android:color="@color/colorLightBlue"></stroke>
        <corners android:radius="@dimen/_30dp"></corners>
        <size
            android:width="@dimen/_50dp"
            android:height="@dimen/_100dp"></size>

    </shape>
</item>
</ripple>

и используйте его в макете для элементов RecyclerView, таких как следующие

item_row.xml 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/ll_card"
android:layout_width="match_parent"
android:layout_height="wrap_content">

<Button
    android:id="@+id/btn_refer"
    android:layout_width="200dp"
    android:layout_height="@dimen/_40dp"
    android:background="@drawable/btn_green_border"
    android:text="Navigation Item Name"
    android:textAllCaps="false"
    android:textColor="@color/colorPrimary" />

</LinearLayout>

И ты добьешься того, что хочешь.

Спасибо

...