Навигационный ящик - разделитель между разделами, такими как Gmail App

android navigation-drawer

3357 просмотра

3 ответа

Я обновляю Навигационный ящик в моем приложении. Я хочу добавить разделители разделов, как в приложении Gmail. Как мне их добавить? Просто добавьте их как представления, что является простым подходом. Но я хочу знать, это правильный подход?

Приложение Gmail:

введите описание изображения здесь

Прямо сейчас я использую просмотр списка с представлением заголовка.

Мой текущий xml:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >

        <include
            android:id="@+id/toolbar"
            layout="@layout/toolbar_with_spinner" />

        <FrameLayout
            android:id="@+id/fragment_container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >
        </FrameLayout>
    </LinearLayout>

    <ListView
        android:id="@+id/listview_drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@color/white"
        android:choiceMode="singleChoice"
        android:divider="@null"
        android:dividerHeight="0dp" />

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

Как правильно подходить к достижению чего-то вроде навигации Gmail?

Автор: Vamsi Challa Источник Размещён: 12.11.2019 09:14

Ответы (3)


2 плюса

Используйте ресурсы меню вместо просмотра списка. групповой тег в меню создает разделительную линию

menu_drawer

<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <group android:checkableBehavior="single"
        >
        <item
            android:id="@+id/id1"
            android:icon="@drawable/icon1"
            android:title="@string/title1"
            />
        <item
            android:id="@+id/id2"
            android:icon="@drawable/icon2"
            android:title="@string/title2"
            />
        <item
            android:id="@+id/id3"
            android:icon="@drawable/icon3"
            android:title="@string/title3"
            />

    </group>

    <group android:checkableBehavior="none"
        android:id="@+id/menu_nav_temp_gid"
        >
        <item
            android:id="@+id/settings"
            android:icon="@drawable/ic_settings"
            android:title="@string/settings" />
    </group>
</menu>

Связать ресурсы меню в режиме навигации

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/ac_hs_drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

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

    <android.support.design.widget.NavigationView
        android:id="@+id/ac_hs_nav_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/layout_nav_header"
        app:menu="@menu/menu_drawer"

        >

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

</android.support.v4.widget.DrawerLayout>
Автор: Sridhar S Размещён: 13.04.2016 09:54

0 плюса

Решение

Я использовал headerview и footerview, чтобы добавить изображение сверху и разделитель внизу. Делитель это вид.

drawer_list_footer_divider.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:layout_gravity="bottom"
    android:background="@android:color/white"
    android:orientation="vertical" >

    <View
        android:id="@+id/left_viewline"
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:layout_marginTop="10dp"
        android:background="?android:attr/listDivider" />

</LinearLayout>

drawer_list_footer_view.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="50dp"
    android:layout_gravity="bottom"
    android:background="@android:color/white"
    android:gravity="center_vertical"
    android:orientation="horizontal"
    android:paddingLeft="5dp"
    android:paddingRight="5dp" >

    <ImageView
        android:id="@+id/imageView_settings"
        android:layout_width="25dp"
        android:layout_height="25dp"
        android:contentDescription="@string/empty"
        android:src="@drawable/ic_action_settings" />

    <TextView
        android:id="@+id/textView_settings"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:ellipsize="end"
        android:padding="10dp"
        android:singleLine="true"
        android:text="@string/action_settings" />

</LinearLayout>

и в моем коде:

private void setUpHeaderAndFooter() {

    LayoutInflater inflater = getLayoutInflater();
    View header = (View) inflater.inflate(R.layout.drawer_list_header_view,
            mDrawerList, false);
    mDrawerList.addHeaderView(header, null, false);

    View footer_divider = (View) inflater.inflate(
            R.layout.drawer_list_footer_divider, null, false);
    mDrawerList.addFooterView(footer_divider, null, false);

    // This view is Settings view 
    View footer = (View) inflater.inflate(R.layout.drawer_list_footer_view,
            mDrawerList, false);

    footer.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {

            if (mDrawerLayout.isDrawerOpen(Gravity.LEFT)) {
                mDrawerLayout.closeDrawer(Gravity.LEFT);
            }

            if (android.os.Build.VERSION.SDK_INT < 11) {
                startActivity(new Intent(MainActivity.this,
                        Settings1Activity.class)
                        .setFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT));
            } else {
                startActivity(new Intent(MainActivity.this,
                        Settings2Activity.class)
                        .setFlags(Intent.FLAG_ACTIVITY_REORDER_TO_FRONT));
            }

        }
    });

    mDrawerList.addFooterView(footer, null, true);

}
Автор: Vamsi Challa Размещён: 14.11.2014 09:21

0 плюса

Используйте NavigationView внутри DrawerLayout в качестве второго дочернего элемента. Вставьте элементы в меню и примените атрибут меню к NavigationView, чтобы отобразить элементы списка в Navigation Drawer. Затем вы можете назначить идентификатор группы для пунктов меню, которые будут размещены внутри, что автоматически создаст разделитель. Для более широкого объяснения, пожалуйста, следуйте:

Как создать простой разделитель в новом NavigationView?

Автор: som Размещён: 22.09.2015 10:31
Вопросы из категории :
32x32