\u5728\u672c\u6559\u7a0b\u4e2d\uff0c\u6211\u4eec\u5c06\u5728\u6211\u4eec\u7684Android\u5e94\u7528\u7a0b\u5e8f\u4e2d\u5b9e\u73b0\u4e00\u4e2a\u5bfc\u822a\u62bd\u5c49\u3002Android\u5bfc\u822a\u62bd\u5c49\u662f\u4e00\u4e2a\u6ed1\u52a8\u83dc\u5355\uff0c\u5b83\u662f\u4e00\u4e2a\u91cd\u8981\u7684\u7528\u6237\u754c\u9762\u7ec4\u4ef6\u3002\u5728\u5927\u591a\u6570Android\u5e94\u7528\u7a0b\u5e8f\u4e2d\uff0c\u60a8\u90fd\u4f1a\u770b\u5230\u5bfc\u822a\u62bd\u5c49\uff0c\u5b83\u7c7b\u4f3c\u4e8e\u7f51\u7ad9\u4e0a\u7684\u5bfc\u822a\u83dc\u5355\u680f\u3002<\/p>\n
<android.support.v4.widget.DrawerLayout \r\n xmlns:android=\"https:\/\/schemas.android.com\/apk\/res\/android\"\r\n android:id=\"@+id\/drawer_layout\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\" >\r\n\r\n\r\n <LinearLayout\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:orientation=\"vertical\">\r\n\r\n <LinearLayout\r\n android:id=\"@+id\/container_toolbar\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:orientation=\"vertical\">\r\n\r\n <include\r\n android:id=\"@+id\/toolbar\"\r\n layout=\"@layout\/toolbar\" \/>\r\n <\/LinearLayout>\r\n\r\n\r\n <FrameLayout\r\n android:id=\"@+id\/content_frame\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\" \/>\r\n\r\n <\/LinearLayout>\r\n\r\n <ListView\r\n android:id=\"@+id\/left_drawer\"\r\n android:layout_width=\"240dp\"\r\n android:layout_height=\"match_parent\"\r\n android:layout_gravity=\"start\"\r\n android:background=\"#FFFFFF\"\r\n android:choiceMode=\"singleChoice\"\r\n android:divider=\"@android:color\/darker_gray\"\r\n android:dividerHeight=\"1dp\" \/>\r\n\r\n<\/android.support.v4.widget.DrawerLayout>\r\n<\/code><\/pre>\n\u5bfc\u822a\u62bd\u5c49\u4e2d\u7684\u83dc\u5355\u9009\u9879\u4ee5ListView\u7684\u5f62\u5f0f\u5b58\u50a8\u3002\u6bcf\u4e2a\u9009\u9879\u5728FrameLayout\u4e2d\u6253\u5f00\u3002\u5728\u8fd9\u91cc\uff0c\u6211\u4eec\u4f7f\u7528\u4e86\u4e00\u4e2aToolBar\u4ee3\u66ffActionBar\u3002\u81eaAndroid 5.0\u4ee5\u6765\uff0cToolBar\u4f5c\u4e3aActionBar\u7684\u4e00\u822c\u5316\u88ab\u5f15\u5165\u3002\u5b83\u7ed9\u4e88\u6211\u4eec\u66f4\u591a\u63a7\u5236\u548c\u7075\u6d3b\u6027\u8fdb\u884c\u4fee\u6539\uff0c\u5e76\u4e14\u66f4\u5bb9\u6613\u4e0e\u5c42\u6b21\u7ed3\u6784\u4e2d\u7684\u5176\u4ed6\u89c6\u56fe\u4ea4\u9519\u6392\u5217\u3002ToolBar\u7684\u5e03\u5c40\u5728\u7ed9\u5b9a\u7684xml\u5e03\u5c40\u4e2d\u5b9a\u4e49\uff0c\u5982\u4e0b\u6240\u793a\uff1atoolbar.xml<\/p>\n
<android.support.v7.widget.Toolbar xmlns:android=\"https:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:local=\"https:\/\/schemas.android.com\/apk\/res-auto\"\r\n android:id=\"@+id\/toolbar\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:minHeight=\"?attr\/actionBarSize\"\r\n android:background=\"?attr\/colorPrimary\"\r\n local:theme=\"@style\/ThemeOverlay.AppCompat.Dark.ActionBar\"\r\n local:popupTheme=\"@style\/ThemeOverlay.AppCompat.Light\" \/>\r\n<\/code><\/pre>\n\u4f7f\u7528Toolbars\u65f6\uff0c\u6211\u4eec\u9700\u8981\u5728styles.xml\u4e2d\u4f7f\u7528Theme Theme.AppCompat.NoActionBar\u3002\u4e0b\u9762\u7ed9\u51fa\u4e86Navigation Drawer\u4e2dListView\u884c\u7684\u5e03\u5c40\u6587\u4ef6list_view_item_row.xml\u3002<\/p>\n
<RelativeLayout xmlns:android=\"https:\/\/schemas.android.com\/apk\/res\/android\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:background=\"?android:attr\/activatedBackgroundIndicator\"\r\n android:minHeight=\"?android:attr\/listPreferredItemHeightSmall\"\r\n android:padding=\"10dp\" >\r\n\r\n <ImageView\r\n android:id=\"@+id\/imageViewIcon\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_alignParentLeft=\"true\"\r\n android:layout_alignParentTop=\"true\"\r\n android:paddingRight=\"10dp\" \/>\r\n\r\n <TextView\r\n android:id=\"@+id\/textViewName\"\r\n android:layout_width=\"wrap_content\"\r\n android:layout_height=\"wrap_content\"\r\n android:layout_centerVertical=\"true\"\r\n android:layout_toRightOf=\"@+id\/imageViewIcon\"\r\n android:paddingRight=\"10dp\"\r\n android:text=\"Item Name\"\r\n android:textColor=\"@android:color\/black\"\r\n android:textAppearance=\"?android:attr\/textAppearanceListItemSmall\"\r\n \/>\r\n\r\n<\/RelativeLayout>\r\n<\/code><\/pre>\n\u5728strings.xml\u6587\u4ef6\u4e2d\uff0c\u5c06\u5bfc\u822a\u62bd\u5c49\u9879\u76ee\u653e\u5728\u4e00\u4e2a\u5b57\u7b26\u4e32\u6570\u7ec4\u4e2d\uff0c\u5982\u4e0b\u6240\u793a\u3002strings.xml\u6587\u4ef6<\/p>\n
<string-array name=\"navigation_drawer_items_array\">\r\n <item>Connect<\/item>\r\n <item>Fixtures<\/item>\r\n <item>Table<\/item>\r\n <\/string-array>\r\n<\/code><\/pre>\nDataModel.java\u7c7b\u7528\u4e8e\u5b9a\u4e49\u62bd\u5c49\u5217\u8868\u9879\u7684\u5bf9\u8c61\u3002<\/p>\n
package com.Olivia.navigationdrawer;\r\n\r\npublic class DataModel {\r\n\r\n public int icon;\r\n public String name;\r\n\r\n \/\/ Constructor.\r\n public DataModel(int icon, String name) {\r\n\r\n this.icon = icon;\r\n this.name = name;\r\n }\r\n}\r\n<\/code><\/pre>\n\u62bd\u5c49\u9879\u4ee5ListView\u7684\u5f62\u5f0f\u5b58\u50a8\u3002\u56e0\u6b64\uff0c\u6211\u4eec\u9700\u8981\u4f7f\u7528\u4e00\u4e2a\u9002\u914d\u5668\u7c7b\u6765\u628a\u8fd9\u4e9b\u6570\u636e\u63d0\u4f9b\u7ed9\u6d3b\u52a8\u7c7b\u3002DrawerItemCustomAdapter.java\u3002<\/p>\n
package com.Olivia.navigationdrawer;\r\n\r\nimport android.app.Activity;\r\nimport android.content.Context;\r\nimport android.view.LayoutInflater;\r\nimport android.view.View;\r\nimport android.view.ViewGroup;\r\nimport android.widget.ArrayAdapter;\r\nimport android.widget.ImageView;\r\nimport android.widget.TextView;\r\n\r\npublic class DrawerItemCustomAdapter extends ArrayAdapter<DataModel> {\r\n\r\n Context mContext;\r\n int layoutResourceId;\r\n DataModel data[] = null;\r\n\r\n public DrawerItemCustomAdapter(Context mContext, int layoutResourceId, DataModel[] data) {\r\n\r\n super(mContext, layoutResourceId, data);\r\n this.layoutResourceId = layoutResourceId;\r\n this.mContext = mContext;\r\n this.data = data;\r\n }\r\n\r\n @Override\r\n public View getView(int position, View convertView, ViewGroup parent) {\r\n\r\n View listItem = convertView;\r\n\r\n LayoutInflater inflater = ((Activity) mContext).getLayoutInflater();\r\n listItem = inflater.inflate(layoutResourceId, parent, false);\r\n\r\n ImageView imageViewIcon = (ImageView) listItem.findViewById(R.id.imageViewIcon);\r\n TextView textViewName = (TextView) listItem.findViewById(R.id.textViewName);\r\n\r\n DataModel folder = data[position];\r\n\r\n\r\n imageViewIcon.setImageResource(folder.icon);\r\n textViewName.setText(folder.name);\r\n\r\n return listItem;\r\n }\r\n}\r\n<\/code><\/pre>\n\u4e0b\u9762\u7ed9\u51fa\u4e86MainActivity.java\u7684\u6e90\u4ee3\u7801\u3002<\/p>\n
package com.Olivia.navigationdrawer;\r\n\r\nimport android.support.v4.app.Fragment;\r\nimport android.support.v4.app.FragmentManager;\r\nimport android.support.v4.widget.DrawerLayout;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.os.Bundle;\r\nimport android.support.v7.widget.Toolbar;\r\nimport android.util.Log;\r\nimport android.view.MenuItem;\r\nimport android.view.View;\r\nimport android.widget.AdapterView;\r\nimport android.widget.ListView;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n private String[] mNavigationDrawerItemTitles;\r\n private DrawerLayout mDrawerLayout;\r\n private ListView mDrawerList;\r\n Toolbar toolbar;\r\n private CharSequence mDrawerTitle;\r\n private CharSequence mTitle;\r\n android.support.v7.app.ActionBarDrawerToggle mDrawerToggle;\r\n\r\n @Override\r\n protected void onCreate(Bundle savedInstanceState) {\r\n super.onCreate(savedInstanceState);\r\n setContentView(R.layout.activity_main);\r\n mTitle = mDrawerTitle = getTitle();\r\n mNavigationDrawerItemTitles= getResources().getStringArray(R.array.navigation_drawer_items_array);\r\n mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);\r\n mDrawerList = (ListView) findViewById(R.id.left_drawer);\r\n\r\n setupToolbar();\r\n\r\n DataModel[] drawerItem = new DataModel[3];\r\n\r\n drawerItem[0] = new DataModel(R.drawable.connect, \"Connect\");\r\n drawerItem[1] = new DataModel(R.drawable.fixtures, \"Fixtures\");\r\n drawerItem[2] = new DataModel(R.drawable.table, \"Table\");\r\n getSupportActionBar().setDisplayHomeAsUpEnabled(false);\r\n getSupportActionBar().setHomeButtonEnabled(true);\r\n\r\n DrawerItemCustomAdapter adapter = new DrawerItemCustomAdapter(this, R.layout.list_view_item_row, drawerItem);\r\n mDrawerList.setAdapter(adapter);\r\n mDrawerList.setOnItemClickListener(new DrawerItemClickListener());\r\n mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);\r\n mDrawerLayout.setDrawerListener(mDrawerToggle);\r\n setupDrawerToggle();\r\n\r\n }\r\n\r\n private class DrawerItemClickListener implements ListView.OnItemClickListener {\r\n\r\n @Override\r\n public void onItemClick(AdapterView<?> parent, View view, int position, long id) {\r\n selectItem(position);\r\n }\r\n\r\n }\r\n\r\n private void selectItem(int position) {\r\n\r\n Fragment fragment = null;\r\n\r\n switch (position) {\r\n case 0:\r\n fragment = new ConnectFragment();\r\n break;\r\n case 1:\r\n fragment = new FixturesFragment();\r\n break;\r\n case 2:\r\n fragment = new TableFragment();\r\n break;\r\n\r\n default:\r\n break;\r\n }\r\n\r\n if (fragment != null) {\r\n FragmentManager fragmentManager = getSupportFragmentManager();\r\n fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();\r\n\r\n mDrawerList.setItemChecked(position, true);\r\n mDrawerList.setSelection(position);\r\n setTitle(mNavigationDrawerItemTitles[position]);\r\n mDrawerLayout.closeDrawer(mDrawerList);\r\n\r\n } else {\r\n Log.e(\"MainActivity\", \"Error in creating fragment\");\r\n }\r\n }\r\n\r\n @Override\r\n public boolean onOptionsItemSelected(MenuItem item) {\r\n\r\n if (mDrawerToggle.onOptionsItemSelected(item)) {\r\n return true;\r\n }\r\n\r\n return super.onOptionsItemSelected(item);\r\n }\r\n\r\n @Override\r\n public void setTitle(CharSequence title) {\r\n mTitle = title;\r\n getSupportActionBar().setTitle(mTitle);\r\n }\r\n\r\n @Override\r\n protected void onPostCreate(Bundle savedInstanceState) {\r\n super.onPostCreate(savedInstanceState);\r\n mDrawerToggle.syncState();\r\n }\r\n\r\n void setupToolbar(){\r\n toolbar = (Toolbar) findViewById(R.id.toolbar);\r\n setSupportActionBar(toolbar);\r\n getSupportActionBar().setDisplayShowHomeEnabled(true);\r\n }\r\n\r\n void setupDrawerToggle(){\r\n mDrawerToggle = new android.support.v7.app.ActionBarDrawerToggle(this,mDrawerLayout,toolbar,R.string.app_name, R.string.app_name);\r\n \/\/This is necessary to change the icon of the Drawer Toggle upon state change.\r\n mDrawerToggle.syncState();\r\n }\r\n}\r\n<\/code><\/pre>\n\u5728\u4e0a\u9762\u7684\u4ee3\u7801\u4e2d\uff0c\u4f7f\u7528getSupportActionBar().setDisplayHomeAsUpEnabled(false)\u6765\u9690\u85cf\u9ed8\u8ba4\u7684\u8fd4\u56de\u6309\u94ae\u3002\u5728\u8fd9\u6bb5\u4ee3\u7801\u4e2d\uff0c\u6211\u4eec\u4f7f\u7528\u4e86\u4e00\u4e2aDrawerItemClickListener\u7c7b\uff0c\u901a\u8fc7FragmentManager\u52a0\u8f7d\u4e86\u70b9\u51fb\u7684\u5217\u8868\u9879\u5bf9\u5e94\u7684\u788e\u7247\u3002\u8fd8\u4f7f\u7528setTitle\uff08mNavigationDrawerItemTitles[position]\uff09\u5c06ToolBar\u7684\u6807\u9898\u66f4\u6539\u4e3a\u70b9\u51fb\u7684\u5217\u8868\u9879\u3002\u4ee5\u4e0b\u662f\u788e\u7247\u7c7b\u53ca\u5176\u5bf9\u5e94\u7684\u5e03\u5c40\u3002ConnectFragment.java<\/p>\n
package com.Olivia.navigationdrawer;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.v4.app.Fragment;\r\nimport android.view.LayoutInflater;\r\nimport android.view.View;\r\nimport android.view.ViewGroup;\r\n\r\npublic class ConnectFragment extends Fragment {\r\n\r\n public ConnectFragment() {\r\n }\r\n\r\n @Override\r\n public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {\r\n\r\n View rootView = inflater.inflate(R.layout.fragment_connect, container, false);\r\n\r\n return rootView;\r\n }\r\n\r\n}\r\n<\/code><\/pre>\n\u4e0a\u8ff0\u7247\u6bb5\u7684\u5e03\u5c40\u5728\u4e0b\u9762\u5b9a\u4e49\u4e86\u3002fragment_connect.xml<\/p>\n
<RelativeLayout xmlns:android=\"https:\/\/schemas.android.com\/apk\/res\/android\"\r\n xmlns:tools=\"https:\/\/schemas.android.com\/tools\"\r\n android:layout_width=\"match_parent\"\r\n android:layout_height=\"match_parent\"\r\n android:orientation=\"vertical\">\r\n\r\n\r\n <TextView\r\n android:id=\"@+id\/label\"\r\n android:layout_alignParentTop=\"true\"\r\n android:layout_marginTop=\"100dp\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:gravity=\"center_horizontal\"\r\n android:textSize=\"45dp\"\r\n android:text=\"Connect\"\r\n android:textStyle=\"bold\"\/>\r\n\r\n <TextView\r\n android:layout_below=\"@id\/label\"\r\n android:layout_centerInParent=\"true\"\r\n android:layout_width=\"fill_parent\"\r\n android:layout_height=\"wrap_content\"\r\n android:textSize=\"12dp\"\r\n android:layout_marginTop=\"10dp\"\r\n android:gravity=\"center_horizontal\"\r\n android:text=\"Edit fragment_connect.xml to change the appearance\"\r\n android:id=\"@+id\/textView2\" \/>\r\n\r\n<\/RelativeLayout>\r\n<\/code><\/pre>\n\u5176\u4ed6\u4e24\u4e2a\u9879\u76ee\u7684\u5b9a\u4e49\u65b9\u5f0f\u4e0e\u4e0a\u8ff0\u7684\u5b8c\u5168\u76f8\u540c\uff0c\u56e0\u6b64\u6211\u4eec\u5728\u6b64\u5904\u8df3\u8fc7\u4e0d\u518d\u89e3\u91ca\u3002<\/p>\n
Android\u5bfc\u822a\u62bd\u5c49\u793a\u4f8b\u8f93\u51fa<\/p>\n
\u4ee5\u4e0b\u662f\u6211\u4eec\u5bfc\u822a\u62bd\u5c49 Android \u793a\u4f8b\u5e94\u7528\u7a0b\u5e8f\u751f\u6210\u7684\u8f93\u51fa\u3002\u8fd9\u6807\u5fd7\u7740 Android \u5bfc\u822a\u62bd\u5c49\u793a\u4f8b\u6559\u7a0b\u7684\u7ed3\u675f\u3002\u60a8\u53ef\u4ee5\u4ece\u4e0b\u9762\u7684\u94fe\u63a5\u4e0b\u8f7d\u6700\u7ec8\u7684 Android \u5bfc\u822a\u62bd\u5c49\u9879\u76ee\u3002<\/p>\n