自定义NavigationView项目

时间:2015-10-21 04:51:01

标签: android navigationview android-support-design

如何在android支持设计库中自定义NavigationView项? 例如,我想自定义文本视图项目或图像项目视图 我想为每个navigationView List行添加xml布局,比如ListView Adapter。 请帮帮我。

1 个答案:

答案 0 :(得分:0)

您可以完全为navigationView创建一个自定义视图。在下面的示例中,我在导航视图内使用片段容器,然后根据需要自定义片段。

在您的活动布局中

<androidx.drawerlayout.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".view_controllers.diagrams.DiagramEditorScreen"
    android:id="@+id/diagramEditorMainDrawerLayout"
>
.... {your activity layout}
    <com.google.android.material.navigation.NavigationView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:id="@+id/diagramEditorSlideInMenuNavigationView"
            app:itemTextColor="@color/white"
    >
        <FrameLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:id="@+id/diagramEditorSlideInMenuFragmentHolder"
        >
        </FrameLayout>
    </com.google.android.material.navigation.NavigationView>
</androidx.drawerlayout.widget.DrawerLayout>

我在navigationView中使用的片段的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
>


    <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/tools"
            android:textAllCaps="true"
            android:gravity="start"
            android:layout_marginStart="10dp"
            android:layout_marginTop="10dp"
            android:layout_marginBottom="2dp"
            android:layout_marginEnd="10dp"
            android:fontFamily="@font/trade_gothic_next_lt_pro_bd"
            android:textColor="@color/mediumGray"
            android:textSize="16sp"
    />
    <View
            android:layout_width="match_parent"
            android:layout_height="2dp"
            android:background="@color/mediumGray"
            android:layout_marginStart="10dp"
    />


    <androidx.recyclerview.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:id="@+id/fragmentBrushesRecyclerView"
            android:layout_weight="1"
            android:layout_marginTop="10dp"
    >
    </androidx.recyclerview.widget.RecyclerView>


</LinearLayout>

在您的Activity onCreate方法中添加侦听器

val actionDrawerToggle = ActionBarDrawerToggle(this, diagramEditorMainDrawerLayout, R.string.open, R.string.close)
diagramEditorMainDrawerLayout.addDrawerListener(actionDrawerToggle)
actionDrawerToggle.syncState()

,当您准备显示navigationView时,您只需替换navigationView和openDrawer()中的片段即可。我使用此功能将NavigationView替换为几个不同的片段。

supportFragmentManager.beginTransaction()
    .replace(R.id.diagramEditorSlideInMenuFragmentHolder, {your-fragment}, {your-fragment-tag})
    .commit()

diagramEditorMainDrawerLayout.openDrawer(GravityCompat.START)

注意:以上操作是使用androidX完成的。如果您未使用androidX,则对NavigationView的布局调用应为

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

</android.support.v4.widget.DrawerLayout>