How To Create Left And Right Drawers In Xamarin With Visual Studio 2015

Now, we need to use above layout in MainActivity.cs file. I have taken above layout as Main layout, using SetContentView() method. Now, create an object “mDrawerLayout” of class Android.Support.v4.Widget DrawerLayout. Here, I have only one drawer to create left and right drawer. I have created two list items for two ListViews as “mRightItems” for right drawer and “mLeftItems” for left drawer. To set the items to both the drawers, I have used two ArrayAdapter as “mRightAdapter” and “mLeftAdaper”. Finally, I set Toast for the item selected in left or right drawers. The code snippet of MainActivity.cs is shown below.

MainActivity.cs

1. public class MainActivity : Activity
2. {
3. //List Item for Left and Right Drawer
4. List<string> mLeftItems = new List<string>();
5. List<string> mRightItems = new List<string>();
7. protected override void OnCreate(Bundle bundle)
8. {
9. base.OnCreate(bundle);
10. SetContentView(Resource.Layout.Main);
11. DrawerLayout mDrawerLayout;
13. // Array Adaper
14. ArrayAdapter mLeftAdapter,mRightAdapter;
15. ListView mLeftDrawer,mRightDrawer;
17. mDrawerLayout = FindViewById<DrawerLayout>(Resource.Id.mydrawer);
19. mLeftDrawer = FindViewById<ListView>(Resource.Id.leftsideview);
20. mRightDrawer = FindViewById<ListView>(Resource.Id.rightsideview);
22. mLeftItems.Add("Left Item1");
23. mLeftItems.Add("Left Item2");
24. mLeftItems.Add("Left Item3");
25. mLeftItems.Add("Left Item4");
26. mLeftItems.Add("Left Item5");
27. mLeftItems.Add("Left Item6");
29. mRightItems.Add("Right Item1");
30. mRightItems.Add("Right Item2");
31. mRightItems.Add("Right Item3");
32. mRightItems.Add("Right Item4");
33. mRightItems.Add("Right Item5");
34. mRightItems.Add("Right Item6");
36. // Set ArrayAdaper with Items
37. mLeftAdapter = new ArrayAdapter(this, Android.Resource.Layout.SimpleListItem1, mLeftItems);
38. mLeftDrawer.Adapter = mLeftAdapter;
40. mRightAdapter = new ArrayAdapter(this, Android.Resource.Layout.SimpleListItem1, mRightItems);
41. mRightDrawer.Adapter = mRightAdapter;
43. mRightDrawer.ItemClick += MRightDrawer_ItemClick;
44. mLeftDrawer.ItemClick += MLeftDrawer_ItemClick;
45. }
47. private void MLeftDrawer_ItemClick(object sender, AdapterView.ItemClickEventArgs e)
48. {
49. Toast.MakeText(this, "You Clicked at on" + mLeftItems[e.Position] +" in Left Drawer", ToastLength.Long).Show();
50. }
52. private void MRightDrawer_ItemClick(object sender, AdapterView.ItemClickEventArgs e)
53. {
54. Toast.MakeText(this, "You Clicked at " + mRightItems[e.Position] + " in Right Drawer", ToastLength.Long).Show();
55. }
56. }

Output

Summary

In this article, we learned how to create left and right drawers and their items. Select an event in Xamarin with Visual Studio 2015.