转载请标明出处：

http://blog.csdn.net/lmj623565791/article/details/46405409；

本文出自:【张鸿洋的博客】

一、概述

Google I/O 2015 给大家带来了Android Design Support Library。对于希望做md风格的app的来说，简直是天大的喜讯了~大家能够通过Android Design Support Library该文章对其进行了解，也能够直接在github上下载演示样例代码执行学习。为了表达我心中的喜悦，我决定针对该库写一系列的文章来分别介绍新添加的控件。

ok，那么首先介绍的就是NavigationView。

注意下更新下as的SDK，然后在使用的过程中，在build.gradle中加入：

  1. compile 'com.android.support:design:22.2.0'

在md风格的app中，比如例如以下风格的側滑菜单非经常见：

在之前的设计中。你可能须要考虑怎样去布局实现，比如使用ListView；再者还要去设计Item的选中状态之类~~

but，如今。google提供了NavigationView，你只须要写写布局文件。这种效果就ok了，而且兼容到Android 2.1。非常值得去体验一下。

接下来我们来介绍怎样去使用这个NavigationView！

二、使用

使用起来very simple ，主要就是写写布局文件~

（一）布局文件

  1. <?xml version="1.0" encoding="utf-8"?
  3. >
  4. <android.support.v4.widget.DrawerLayout
  5.     android:id="@+id/id_drawer_layout"
  6.     xmlns:android="http://schemas.android.com/apk/res/android"
  7.     xmlns:app="http://schemas.android.com/apk/res-auto"
  8.     android:layout_width="match_parent"
  9.     android:layout_height="match_parent"
  10.     android:fitsSystemWindows="true"
  11.     >
  13.     <RelativeLayout
  14.         android:layout_width="match_parent"
  15.         android:layout_height="match_parent">
  17.         <android.support.v7.widget.Toolbar
  18.             android:id="@+id/id_toolbar"
  19.             android:layout_width="match_parent"
  20.             android:layout_height="?
  22. attr/actionBarSize"
  23.             android:background="?attr/colorPrimary"
  24.             app:layout_scrollFlags="scroll|enterAlways"
  25.             app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
  27.         <TextView
  28.             android:id="@+id/id_tv_content"
  29.             android:layout_width="wrap_content"
  30.             android:layout_height="wrap_content"
  31.             android:layout_centerInParent="true"
  32.             android:text="HelloWorld"
  33.             android:textSize="30sp"/>
  34.     </RelativeLayout>
  36.     <android.support.design.widget.NavigationView
  37.         android:id="@+id/id_nv_menu"
  38.         android:layout_width="match_parent"
  39.         android:layout_height="match_parent"
  40.         android:layout_gravity="left"
  41.         android:fitsSystemWindows="true"
  42.         app:headerLayout="@layout/header_just_username"
  43.         app:menu="@menu/menu_drawer"
  44.         />
  46. </android.support.v4.widget.DrawerLayout>

能够看到我们的最外层是DrawerLayout。里面一个content。一个作为drawer。我们的drawer为NavigationView。

注意这个view的两个属性app:headerLayout="@layout/header_just_username"和app:menu="@menu/menu_drawer"，分别代表drawer布局中的header和menuitem区域。当然你能够依据自己的情况使用。

接下来看看header的布局文件和menu配置文件：


  2. <?xml version="1.0" encoding="utf-8"?>
  3. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  4.                 android:layout_width="match_parent"
  5.                 android:layout_height="192dp"
  6.                 android:background="?attr/colorPrimaryDark"
  7.                 android:orientation="vertical"
  8.                 android:padding="16dp"
  9.                 android:theme="@style/ThemeOverlay.AppCompat.Dark">
  11.     <TextView
  12.         android:id="@+id/id_link"
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="wrap_content"
  15.         android:layout_alignParentBottom="true"
  16.         android:layout_marginBottom="16dp"
  17.         android:text="http://blog.csdn.net/lmj623565791"/>
  19.     <TextView
  20.         android:id="@+id/id_username"
  21.         android:layout_width="wrap_content"
  22.         android:layout_height="wrap_content"
  23.         android:layout_above="@id/id_link"
  24.         android:text="Zhang Hongyang"/>
  26.     <ImageView
  27.         android:layout_width="72dp"
  28.         android:layout_height="72dp"
  29.         android:layout_above="@id/id_username"
  30.         android:layout_marginBottom="16dp"
  31.         android:src="@mipmap/icon"/>
  33. </RelativeLayout>
  1. <?
  3. xml version="1.0" encoding="utf-8"?>
  4. <menu xmlns:android="http://schemas.android.com/apk/res/android">
  6.     <group android:checkableBehavior="single">
  7.         <item
  8.             android:id="@+id/nav_home"
  9.             android:icon="@drawable/ic_dashboard"
  10.             android:title="Home"/>
  11.         <item
  12.             android:id="@+id/nav_messages"
  13.             android:icon="@drawable/ic_event"
  14.             android:title="Messages"/>
  15.         <item
  16.             android:id="@+id/nav_friends"
  17.             android:icon="@drawable/ic_headset"
  18.             android:title="Friends"/>
  19.         <item
  20.             android:id="@+id/nav_discussion"
  21.             android:icon="@drawable/ic_forum"
  22.             android:title="Discussion"/>
  23.     </group>
  25.     <item android:title="Sub items">
  26.         <menu>
  27.             <item
  28.                 android:icon="@drawable/ic_dashboard"
  29.                 android:title="Sub item 1"/>
  30.             <item
  31.                 android:icon="@drawable/ic_forum"
  32.                 android:title="Sub item 2"/>
  33.         </menu>
  34.     </item>
  36. </menu>

别放错目录哈~

布局文件写完了，基本就好了，是不是非常爽~看似复杂的效果，写写布局文件就ok。

ps:默认的颜色非常多是从当前的主题中提取的。比方icon的stateColor，当然你也能够通过以下属性改动部分样式:

  1. app:itemIconTint=""
  2. app:itemBackground=""
  3. app:itemTextColor=""

（二）Activity

最后是Activity:

  1. package com.imooc.testandroid;
  3. import android.os.Bundle;
  4. import android.support.design.widget.NavigationView;
  5. import android.support.v4.widget.DrawerLayout;
  6. import android.support.v7.app.ActionBar;
  7. import android.support.v7.app.ActionBarActivity;
  8. import android.support.v7.widget.Toolbar;
  9. import android.view.MenuItem;
  11. public class NavigationViewActivity extends ActionBarActivity
  12. {
  14.     private DrawerLayout mDrawerLayout;
  15.     private NavigationView mNavigationView;
  17.     @Override
  18.     protected void onCreate(Bundle savedInstanceState)
  19.     {
  20.         super.onCreate(savedInstanceState);
  21.         setContentView(R.layout.activity_navigation_view);
  23.         mDrawerLayout = (DrawerLayout) findViewById(R.id.id_drawer_layout);
  24.         mNavigationView = (NavigationView) findViewById(R.id.id_nv_menu);
  26.         Toolbar toolbar = (Toolbar) findViewById(R.id.id_toolbar);
  27.         setSupportActionBar(toolbar);
  29.         final ActionBar ab = getSupportActionBar();
  30.         ab.setHomeAsUpIndicator(R.drawable.ic_menu);
  31.         ab.setDisplayHomeAsUpEnabled(true);
  33.         setupDrawerContent(mNavigationView);
  35.     }
  37.     private void setupDrawerContent(NavigationView navigationView)
  38.     {
  39.         navigationView.setNavigationItemSelectedListener(
  41.                 new NavigationView.OnNavigationItemSelectedListener()
  42.                 {
  44.                     @Override
  45.                     public boolean onNavigationItemSelected(MenuItem menuItem)
  46.                     {
  47.                         menuItem.setChecked(true);
  48.                         mDrawerLayout.closeDrawers();
  49.                         return true;
  50.                     }
  51.                 });
  52.     }
  54.     @Override
  55.     public boolean onCreateOptionsMenu(Menu menu)
  56.     {
  57.         // Inflate the menu; this adds items to the action bar if it is present.
  58.         getMenuInflater().inflate(R.menu.menu_navigation_view, menu);
  59.         return true;
  60.     }
  62.     @Override
  63.     public boolean onOptionsItemSelected(MenuItem item)
  64.     {
  65.         if(item.getItemId() == android.R.id.home)
  66.         {
  67.             mDrawerLayout.openDrawer(GravityCompat.START);
  68.             return true ;
  69.         }
  70.         return super.onOptionsItemSelected(item);
  71.     }
  73. }

我们在Activity里面能够通过navigationView去navigationView.setNavigationItemSelectedListener，当selected的时候。menuItem去setChecked(true)。

别忘了设置theme~

  1. <resources>
  3.     <!-- Base application theme. -->
  4.     <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
  5.         <!-- Customize your theme here. -->
  6.     </style>
  8.     <style name="Theme.DesignDemo" parent="Base.Theme.DesignDemo">
  9.     </style>
  11.     <style name="Base.Theme.DesignDemo" parent="Theme.AppCompat.Light.NoActionBar">
  12.         <item name="colorPrimary">#673AB7</item>
  13.         <item name="colorPrimaryDark">#512DA8</item>
  14.         <item name="colorAccent">#FF4081</item>
  15.         <item name="android:windowBackground">@color/window_background</item>
  16.     </style>
  18. </resources>
  20. <color name="window_background">#FFF5F5F5</color>
  22.  <activity
  23.     android:name=".NavigationViewActivity"
  24.     android:label="@string/title_activity_navigation_view"
  25.     android:theme="@style/Theme.DesignDemo">
  26. </activity>

ok。到此就搞定了~~

不过存在一个问题，此时你假设点击Sub items里面的Sub item，假设你期望当前选中应该是Sub item。你会发现不起作用。那怎么办呢？

（三）Sub Item支持Cheable

这里能够改动menu的配置文件：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <menu xmlns:android="http://schemas.android.com/apk/res/android">
  4.     <group>
  5.         <item
  6.             android:id="@+id/nav_home"
  7.             android:checkable="true"
  8.             android:icon="@drawable/ic_dashboard"
  9.             android:title="Home"/>
  10.         <item
  11.             android:id="@+id/nav_messages"
  12.             android:checkable="true"
  13.             android:icon="@drawable/ic_event"
  14.             android:title="Messages"/>
  15.         <item
  16.             android:id="@+id/nav_friends"
  17.             android:checkable="true"
  18.             android:icon="@drawable/ic_headset"
  19.             android:title="Friends"/>
  20.         <item
  21.             android:id="@+id/nav_discussion"
  22.             android:checkable="true"
  23.             android:icon="@drawable/ic_forum"
  24.             android:title="Discussion"/>
  25.     </group>
  27.     <item android:title="Sub items">
  28.         <menu>
  29.             <item
  30.                 android:checkable="true"
  31.                 android:icon="@drawable/ic_dashboard"
  32.                 android:title="Sub item 1"/>
  33.             <item
  34.                 android:checkable="true"
  35.                 android:icon="@drawable/ic_forum"
  36.                 android:title="Sub item 2"/>
  37.         </menu>
  38.     </item>
  40. </menu>

将android:checkableBehavior="single"去掉，然后给每一个item项加入android:checkable="true"。

然后在代码中：

  1. navigationView.setNavigationItemSelectedListener(
  3.                 new NavigationView.OnNavigationItemSelectedListener()
  4.                 {
  6.                     private MenuItem mPreMenuItem;
  8.                     @Override
  9.                     public boolean onNavigationItemSelected(MenuItem menuItem)
  10.                     {
  11.                         if (mPreMenuItem != null) mPreMenuItem.setChecked(false);
  12.                         menuItem.setChecked(true);
  13.                         mDrawerLayout.closeDrawers();
  14.                         mPreMenuItem = menuItem;
  15.                         return true;
  16.                     }
  17.                 });

存一下preMenuItem。手动切换。

效果：

ok，哈~事实上这个还是參考链接2里面的一个评论说的~~

到此使用方法就介绍完了有木有一点小激动~ 可是还有个问题。对于app，就像ActionBar最初的出现，一開始大家都欢欣鼓励，后来发现app中多数情况下须要去定制，尼玛。是不是忽然认为ActionBar太死板了，恶心死了（当然了如今有了ToolBar灵活度上好多了）对于上述NavigationView可能也会存在定制上的问题。比方我希望选中的Item左边有个高亮的竖线之类的效果。

那么，针对于各种需求，想要能解决各种问题，最好的方式就是说对于NavigationView的效果自己能够实现。

最好，我们就来看看NavigationView自己实现有多难？

三、自己实现NavigationView效果

事实上NavigationView的实现非常easy，一个ListView就能够了。甚至都不须要去自己定义，简单写一个Adapter即可了~~

首先观察该图，有没有发现奇妙之处。恩，你肯定发现不了，由于我们做的太像了。

事实上这个图就是我通过ListView写的一个~是不是和原版非常像（~哈~參考了源代码的实现，当然像。）

接下来分析。假设说是ListView，那么Item的type肯定不止一种，那我们数一数种类：

  • 带图标和文本的
  • 不过文本的 Sub Items
  • 切割线

你会说还有顶部那个。顶部是headview呀~~

这么分析完毕，是不是瞬间认为没有难度了~

（一）首先布局文件

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <android.support.v4.widget.DrawerLayout
  3.     android:id="@+id/id_drawer_layout"
  4.     xmlns:android="http://schemas.android.com/apk/res/android"
  5.     xmlns:app="http://schemas.android.com/apk/res-auto"
  6.     android:layout_width="match_parent"
  7.     android:layout_height="match_parent"
  8.     android:fitsSystemWindows="true"
  9.     >
  11.     <RelativeLayout
  12.         android:layout_width="match_parent"
  13.         android:layout_height="match_parent">
  15.         <android.support.v7.widget.Toolbar
  16.             android:id="@+id/id_toolbar"
  17.             android:layout_width="match_parent"
  18.             android:layout_height="?
  20. attr/actionBarSize"
  21.             android:background="?
  23. attr/colorPrimary"
  24.             app:layout_scrollFlags="scroll|enterAlways"
  25.             app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>
  27.         <TextView
  28.             android:id="@+id/id_tv_content"
  29.             android:layout_width="wrap_content"
  30.             android:layout_height="wrap_content"
  31.             android:layout_centerInParent="true"
  32.             android:text="HelloWorld"
  33.             android:textSize="30sp"/>
  34.     </RelativeLayout>
  36.     <ListView
  37.         android:id="@+id/id_lv_left_menu"
  38.         android:layout_width="match_parent"
  39.         android:layout_height="match_parent"
  40.         android:layout_gravity="start"
  41.         android:paddingTop="0dp"
  42.         android:background="#ffffffff"
  43.         android:clipToPadding="false"
  44.         android:divider="@null"
  45.         android:listSelector="?attr/selectableItemBackground"
  46.         />
  48. </android.support.v4.widget.DrawerLayout>

布局文件上：和上文对照，我们只把NavigationView换成了ListView.

以下注意了，一大波代码来袭.

(二) Activity

  1. package com.imooc.testandroid;
  3. public class NavListViewActivity extends ActionBarActivity
  4. {
  5.     private ListView mLvLeftMenu;
  6.     private DrawerLayout mDrawerLayout;
  8.     @Override
  9.     protected void onCreate(Bundle savedInstanceState)
  10.     {
  11.         super.onCreate(savedInstanceState);
  12.         setContentView(R.layout.activity_nav_list_view);
  14.         mDrawerLayout = (DrawerLayout) findViewById(R.id.id_drawer_layout);
  15.         mLvLeftMenu = (ListView) findViewById(R.id.id_lv_left_menu);
  17.         Toolbar toolbar = (Toolbar) findViewById(R.id.id_toolbar);
  18.         setSupportActionBar(toolbar);
  20.         final ActionBar ab = getSupportActionBar();
  21.         ab.setHomeAsUpIndicator(R.drawable.ic_menu);
  22.         ab.setDisplayHomeAsUpEnabled(true);
  24.         setUpDrawer();
  25.     }
  27.     private void setUpDrawer()
  28.     {
  29.         LayoutInflater inflater = LayoutInflater.from(this);
  30.         mLvLeftMenu.addHeaderView(inflater.inflate(R.layout.header_just_username, mLvLeftMenu, false));
  31.         mLvLeftMenu.setAdapter(new MenuItemAdapter(this));
  32.     }
  34.     @Override
  35.     public boolean onCreateOptionsMenu(Menu menu)
  36.     {
  37.         // Inflate the menu; this adds items to the action bar if it is present.
  38.         getMenuInflater().inflate(R.menu.menu_nav_list_view, menu);
  39.         return true;
  40.     }
  42.     @Override
  43.     public boolean onOptionsItemSelected(MenuItem item)
  44.     {
  45.         // Handle action bar item clicks here. The action bar will
  46.         // automatically handle clicks on the Home/Up button, so long
  47.         // as you specify a parent activity in AndroidManifest.xml.
  48.         int id = item.getItemId();
  50.         //noinspection SimplifiableIfStatement
  51.         if (id == android.R.id.home)
  52.         {
  53.             mDrawerLayout.openDrawer(GravityCompat.START);
  54.             return true;
  55.         }
  57.         return super.onOptionsItemSelected(item);
  58.     }
  60. }

直接看onCreate中的setUpDrawer()，能够看到我们首先去addHeadView。然后去setAdapter。

那么核心代码就是我们的Adapter了~~

（三）MenuItemAdapter

  3.     public class LvMenuItem
  4.     {
  5.         public LvMenuItem(int icon, String name)
  6.         {
  7.             this.icon = icon;
  8.             this.name = name;
  10.             if (icon == NO_ICON && TextUtils.isEmpty(name))
  11.             {
  12.                 type = TYPE_SEPARATOR;
  13.             } else if (icon == NO_ICON)
  14.             {
  15.                 type = TYPE_NO_ICON;
  16.             } else
  17.             {
  18.                 type = TYPE_NORMAL;
  19.             }
  21.             if (type != TYPE_SEPARATOR && TextUtils.isEmpty(name))
  22.             {
  23.                 throw new IllegalArgumentException("you need set a name for a non-SEPARATOR item");
  24.             }
  26.             L.e(type + "");
  28.         }
  30.         public LvMenuItem(String name)
  31.         {
  32.             this(NO_ICON, name);
  33.         }
  35.         public LvMenuItem()
  36.         {
  37.             this(null);
  38.         }
  40.         private static final int NO_ICON = 0;
  41.         public static final int TYPE_NORMAL = 0;
  42.         public static final int TYPE_NO_ICON = 1;
  43.         public static final int TYPE_SEPARATOR = 2;
  45.         int type;
  46.         String name;
  47.         int icon;
  49.     }
  51.     public class MenuItemAdapter extends BaseAdapter
  52.     {
  53.         private final int mIconSize;
  54.         private LayoutInflater mInflater;
  55.         private Context mContext;
  57.         public MenuItemAdapter(Context context)
  58.         {
  59.             mInflater = LayoutInflater.from(context);
  60.             mContext = context;
  62.             mIconSize = context.getResources().getDimensionPixelSize(R.dimen.drawer_icon_size);//24dp
  63.         }
  65.         private List<LvMenuItem> mItems = new ArrayList<LvMenuItem>(
  66.                 Arrays.asList(
  67.                         new LvMenuItem(R.drawable.ic_dashboard, "Home"),
  68.                         new LvMenuItem(R.drawable.ic_event, "Messages"),
  69.                         new LvMenuItem(R.drawable.ic_headset, "Friends"),
  70.                         new LvMenuItem(R.drawable.ic_forum, "Discussion"),
  71.                         new LvMenuItem(),
  72.                         new LvMenuItem("Sub Items"),
  73.                         new LvMenuItem(R.drawable.ic_dashboard, "Sub Item 1"),
  74.                         new LvMenuItem(R.drawable.ic_forum, "Sub Item 2")
  75.                 ));
  77.         @Override
  78.         public int getCount()
  79.         {
  80.             return mItems.size();
  81.         }
  83.         @Override
  84.         public Object getItem(int position)
  85.         {
  86.             return mItems.get(position);
  87.         }
  89.         @Override
  90.         public long getItemId(int position)
  91.         {
  92.             return position;
  93.         }
  95.         @Override
  96.         public int getViewTypeCount()
  97.         {
  98.             return 3;
  99.         }
  101.         @Override
  102.         public int getItemViewType(int position)
  103.         {
  104.             return mItems.get(position).type;
  105.         }
  107.         @Override
  108.         public View getView(int position, View convertView, ViewGroup parent)
  109.         {
  110.             LvMenuItem item = mItems.get(position);
  111.             switch (item.type)
  112.             {
  113.                 case LvMenuItem.TYPE_NORMAL:
  114.                     if (convertView == null)
  115.                     {
  116.                         convertView = mInflater.inflate(R.layout.design_drawer_item, parent,
  117.                                 false);
  118.                     }
  119.                     TextView itemView = (TextView) convertView;
  120.                     itemView.setText(item.name);
  121.                     Drawable icon = mContext.getResources().getDrawable(item.icon);
  122.                     setIconColor(icon);
  123.                     if (icon != null)
  124.                     {
  125.                         icon.setBounds(0, 0, mIconSize, mIconSize);
  126.                         TextViewCompat.setCompoundDrawablesRelative(itemView, icon, null, null, null);
  127.                     }
  129.                     break;
  130.                 case LvMenuItem.TYPE_NO_ICON:
  131.                     if (convertView == null)
  132.                     {
  133.                         convertView = mInflater.inflate(R.layout.design_drawer_item_subheader,
  134.                                 parent, false);
  135.                     }
  136.                     TextView subHeader = (TextView) convertView;
  137.                     subHeader.setText(item.name);
  138.                     break;
  139.                 case LvMenuItem.TYPE_SEPARATOR:
  140.                     if (convertView == null)
  141.                     {
  142.                         convertView = mInflater.inflate(R.layout.design_drawer_item_separator,
  143.                                 parent, false);
  144.                     }
  145.                     break;
  146.             }
  148.             return convertView;
  149.         }
  151.         public void setIconColor(Drawable icon)
  152.         {
  153.             int textColorSecondary = android.R.attr.textColorSecondary;
  154.             TypedValue value = new TypedValue();
  155.             if (!mContext.getTheme().resolveAttribute(textColorSecondary, value, true))
  156.             {
  157.                 return;
  158.             }
  159.             int baseColor = mContext.getResources().getColor(value.resourceId);
  160.             icon.setColorFilter(baseColor, PorterDuff.Mode.MULTIPLY);
  161.         }
  162.     }

首先我们的每一个Item相应于一个LvMenuItem。包括icon、name、type。能够看到我们的type分为3类。

那么adapter中代码就非常easy了，多Item布局的写法。

这样就完毕了，我们自己去书写NavigationView，是不是非常easy~~假设你的app须要相似效果，可是又与NavigationView的效果并不是一模一样。能够考虑依照上面的思路自己写一个。

最后贴一下用到的Item的布局文件：

  • design_drawer_item_subheader.xml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <TextView xmlns:android="http://schemas.android.com/apk/res/android"
  3.           android:layout_width="match_parent"
  4.           android:layout_height="?
  6. attr/listPreferredItemHeightSmall"
  7.           android:gravity="center_vertical|start"
  8.           android:maxLines="1"
  9.           android:paddingLeft="?attr/listPreferredItemPaddingLeft"
  10.           android:paddingRight="?
  12. attr/listPreferredItemPaddingRight"
  13.           android:textAppearance="?
  15. attr/textAppearanceListItem"
  16.           android:textColor="?android:textColorSecondary"/>
  • design_drawer_item_separator.xml

  2. <?
  4. xml version="1.0" encoding="utf-8"?
  6. >
  7. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  8.              android:layout_width="match_parent"
  9.              android:layout_height="wrap_content">
  11.     <View android:layout_width="match_parent"
  12.           android:layout_height="1dp"
  13.           android:background="?android:attr/listDivider"/>
  15. </FrameLayout>
  • design_drawer_item,xml:
  1. <?
  3. xml version="1.0" encoding="utf-8"?
  5. >
  6. <TextView
  7.         xmlns:android="http://schemas.android.com/apk/res/android"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="?attr/listPreferredItemHeightSmall"
  10.         android:paddingLeft="?attr/listPreferredItemPaddingLeft"
  11.         android:paddingRight="?attr/listPreferredItemPaddingRight"
  12.         android:drawablePadding="32dp"
  13.         android:gravity="center_vertical|start"
  14.         android:maxLines="1"
  15.         android:textAppearance="?attr/textAppearanceListItem"
  16.         android:textColor="?
  18. android:attr/textColorPrimary"/>

ok。事实上上述ListView的写法也正是NavigationView的源代码实现~~item的布局文件直接从源代码中拖出来的，还是爽爽哒~

源代码点击下载

~~hava a nice day ~~

新浪微博

微信公众号：hongyangAndroid

（欢迎关注，第一时间推送博文信息）

參考链接

Android 自己实现 NavigationView [Design Support Library(1)]的更多相关文章

  1. Android Design Support Library（二）用NavigationView实现抽屉菜单界面

    NavigationView在MD设计中非常重要,之前Google也提出了使用DrawerLayout来实现导航抽屉.这次,在Android Design Support Library中,Googl ...

  2. Android Design Support Library初探，NavigationView实践

    前言 在前几天的IO大会上,Google带来了Android M,同时还有Android支持库的新一轮更新,其中更是增加一个全新的支持库Android Design Support Library,包 ...

  3. Android Design Support Library使用详解

    Android Design Support Library使用详解 Google在2015的IO大会上,给我们带来了更加详细的Material Design设计规范,同时,也给我们带来了全新的And ...

  4. 【转】【翻】Android Design Support Library 的 代码实验——几行代码，让你的 APP 变得花俏

    转自:http://mrfufufu.github.io/android/2015/07/01/Codelab_Android_Design_Support_Library.html [翻]Andro ...

  5. 【转】Android的材料设计兼容库（Design Support Library）

    转自:http://www.jcodecraeer.com/a/anzhuokaifa/developer/2015/0531/2958.html?mType=Group Android的材料设计兼容 ...

  6. Android应用Design Support Library完全使用实例

    阅读目录 2-1 综述 2-2 TextInputLayout控件 2-3 FloatingActionButton控件 2-4 Snackbar控件 2-5 TabLayout控件 2-6 Navi ...

  7. Android Design Support Library 的 代码实验——几行代码，让你的 APP 变得花俏

    原文:Codelab for Android Design Support Library used in I/O Rewind Bangkok session--Make your app fanc ...

  8. Codelab for Android Design Support Library used in I/O Rewind Bangkok session

    At the moment I believe that there is no any Android Developer who doesn't know about Material Desig ...

  9. Material Design 开发利器：Android Design Support Library 介绍

    转自:https://blog.leancloud.cn/3306/ Android 5.0 Lollipop 是迄今为止最重大的一次发布,很大程度上是因为 material design —— 这是 ...

随机推荐

  1. NX-bridge，可以实现无线XBee控制的Arduino板

    ”今天Elecfreaks Studio给你介绍一个新的.很实用的朋友:带有一些奇幻色彩的神秘设备.它是什么呢?它可以完成什么功能呢?它对我们的生活有哪些促进呢?非常感兴趣吧?别着急,我们这就给您详细 ...

  2. LEAVE LIST-PROCESSING和LEAVE TO LIST-PROCESSING事件的作用

    START-OF-SELECTION. MESSAGE '屏幕报错' TYPE 'S' DISPLAY LIKE 'E'. LEAVE LIST-PROCESSING. 这样子的话 报错会返回包选择屏 ...

  3. DRP分销系统总结

    上个月看完的分销系统的视频,用了漫长的时间看这个项目视频,能安慰自己的是不光是看视频了,还做了很多自己想做的事情,比如驾照拿下来了,比如参加了一些考试,比如讲了一些课程等等.把这个系统的总结总算是补上 ...

  4. 算法设计与分析——多边形游戏（DP）

    1.问题描述:   给定N个顶点的多边形,每个顶点标有一个整数,每条边上标有+(加)或是×(乘)号,并且N条边按照顺时针依次编号为1~N.下图给出了一个N＝4个顶点的多边形. 游戏规则 :(1) 首先 ...

  5. ASIO攻破！！！----转

    from:http://www.cppblog.com/shanoa/archive/2009/06/26/88606.aspx 花了足足3天时间,外加1天心情休整,终于在第5天编写出了一个能运行的基 ...

  6. hdu4847 Wow! Such Doge!（简单题+坑爹的输入）

    转载请注明出处:http://blog.csdn.net/u012860063?viewmode=contents 题目链接:http://acm.hdu.edu.cn/showproblem.php ...

  7. UML基本架构建模－－类概述

     Classes 类 Classes are the most important building block of any object-oriented system. A class is ...

  8. MFC 用gdi绘制填充多边形区域

    MFC 用gdi绘制填充多边形区域 这里的代码是实现一个三角形的绘制,并用刷子填充颜色 在OnPaint()函数里面 运用的是给定的三角形的三个点,很多个点可以绘制多边形 CBrush br(RGB( ...

  9. Lucene.Net 2.3.1开发介绍 —— 三、索引（五）

    原文:Lucene.Net 2.3.1开发介绍 -- 三.索引(五) 话接上篇,继续来说权重对排序的影响.从上面的4个测试,只能说是有个直观的理解了.“哦,是!调整权重是能影响排序了,但是好像没办法来 ...

  10. Nginx和Tomcat负载均衡实现session共享（转）

    以前的项目使用Nginx作为反向代理实现了多个Tomcat的负载均衡,为了实现多个Tomcat之间的session共享,使用了开源的Memcached-Session-Manager框架. 此框架的优 ...