res -> layout -> activity_main.xml (or) main.xml<\/strong> and add following code:<\/p>\nIn this step we open an xml file and add the code for displaying a SlidingDrawer by using its different attributes. In this we display one Button for the handle of SlidingDrawer and a ListView for the content of the SlidingDrawer.<\/p>\n
<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\nandroid:id=\"@+id\/layout\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"fill_parent\">\r\n\r\n<SlidingDrawer\r\nandroid:id=\"@+id\/simpleSlidingDrawer\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:content=\"@+id\/content\"\r\nandroid:handle=\"@+id\/handle\"\r\nandroid:orientation=\"horizontal\"\r\nandroid:rotation=\"180\">\r\n<!-- Button for the handle of SlidingDrawer -->\r\n<Button\r\nandroid:id=\"@id\/handle\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:background=\"#0f0\"\r\nandroid:rotation=\"270\"\r\nandroid:text=\"Open\"\r\nandroid:textColor=\"#fff\" \/>\r\n<!-- layout for the content of the SLidingDrawer -->\r\n<LinearLayout\r\nandroid:id=\"@id\/content\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"fill_parent\"\r\nandroid:orientation=\"horizontal\"\r\nandroid:rotation=\"180\">\r\n<!-- DEFINE ALL YOUR CONTENT,WIDGETS HERE WHICH YOU WANT TO ADD IN SLIDING DRAWER LAYOUT. -->\r\n<ListView\r\nandroid:id=\"@+id\/simpleListView\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"fill_parent\" \/>\r\n<\/LinearLayout>\r\n<\/SlidingDrawer>\r\n<\/LinearLayout>\r\n<\/pre>\nStep 3:<\/strong>\u00a0<\/span>Now Create new a new layout Activity. Go to\u00a0res-> right click on layout -> New -> Activity -> Blank Activity and create list_item.xml<\/strong>\u00a0and add following code.<\/p>\nHere we are creating items view that will be displayed inside each row.<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<LinearLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\r\nandroid:layout_width=\"match_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:orientation=\"vertical\">\r\n<!-- TextView for the list item -->\r\n<TextView\r\nandroid:id=\"@+id\/name\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:padding=\"10dp\"\r\nandroid:textColor=\"#0f0\" \/>\r\n<\/LinearLayout>\r\n<\/pre>\nStep 4:<\/strong><\/span>\u00a0<\/strong>Open \u00a0src -> package -> MainActivity.java<\/strong><\/p>\nIn this step we open\u00a0MainActivity\u00a0and\u00a0add the code for initiate the ListView, SlidingDrawer and a Button. Firstly we create String array and then ArrayAdapter is used to fill the data in the list. Whenever \u00a0we click on list item the name of the item is displayed by using a toast. \u00a0In this we also implement setOnDrawerOpenListener and setOnDrawerCloseListener events for changing the text of handle button.<\/p>\n
package example.abhiandroid.sliderdrawerexample;\r\n\r\nimport android.os.Bundle;\r\nimport android.support.v7.app.AppCompatActivity;\r\nimport android.view.Menu;\r\nimport android.view.MenuItem;\r\nimport android.widget.ArrayAdapter;\r\nimport android.widget.Button;\r\nimport android.widget.ListView;\r\nimport android.widget.SlidingDrawer;\r\n\r\npublic class MainActivity extends AppCompatActivity {\r\n\r\n String[] nameArray = {\"Aestro\", \"Blender\", \"Cupcake\", \"Donut\", \"Eclair\", \"Froyo\", \"GingerBread\", \"HoneyComb\", \"IceCream Sandwich\", \"JelliBean\", \"KitKat\", \"Lollipop\", \"MarshMallow\"};\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 SlidingDrawer simpleSlidingDrawer = (SlidingDrawer) findViewById(R.id.simpleSlidingDrawer); \/\/ initiate the SlidingDrawer\r\n final Button handleButton = (Button) findViewById(R.id.handle); \/\/ inititate a Button which is used for handling the content of SlidingDrawer\r\n ListView simpleListView = (ListView) findViewById(R.id.simpleListView); \/\/ initiate the ListView that is used for content of Sl.idingDrawer\r\n \/\/ adapter for the list view\r\n ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.list_item, R.id.name, nameArray);\r\n \/\/ set an adapter to fill the data in the ListView\r\n simpleListView.setAdapter(arrayAdapter);\r\n \/\/ implement setOnDrawerOpenListener event\r\n simpleSlidingDrawer.setOnDrawerOpenListener(new SlidingDrawer.OnDrawerOpenListener() {\r\n @Override\r\n public void onDrawerOpened() {\r\n handleButton.setText(\"Close\");\r\n }\r\n });\r\n \/\/ implement setOnDrawerCloseListener event\r\n simpleSlidingDrawer.setOnDrawerCloseListener(new SlidingDrawer.OnDrawerCloseListener() {\r\n @Override\r\n public void onDrawerClosed() {\r\n \/\/ change the handle button text\r\n handleButton.setText(\"Open\");\r\n }\r\n });\r\n }\r\n}<\/pre>\nOutput:<\/strong><\/p>\nNow run the App and you will see a Button with open text. Click or slide and content will appear on screen. Again clicking on button will hide the content. This we have done using Sliding Drawer in Android.<\/p>\n","protected":false},"excerpt":{"rendered":"
In Android, Sliding Drawer is used to hide the content out of the screen and allows the user to drag a handle to bring the content on screen. It can be used horizontally or vertically both. Sliding Drawer is a\u00a0special widget composed of two children views, one is the handle that the user\u2019s drags, and … Continue reading Sliding Drawer Tutorial With Example In Android Studio<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"home.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1634","page","type-page","status-publish","hentry"],"acf":[],"psp_head":"Sliding Drawer Tutorial With Example In Android Studio \u2013 Abhi Android<\/title>\r\n<meta name=\"description\" content=\"Understand the functioning of Sliding Drawer which consist of handle and content with example In Android Studio. Also learn about its methods and attributes in Android.\" \/>\r\n<meta name=\"robots\" content=\"index,follow\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/abhiandroid.com\/ui\/slidingdrawer\" \/>\r\n","_links":{"self":[{"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/pages\/1634","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/comments?post=1634"}],"version-history":[{"count":3,"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/pages\/1634\/revisions"}],"predecessor-version":[{"id":2798,"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/pages\/1634\/revisions\/2798"}],"wp:attachment":[{"href":"https:\/\/abhiandroid.com\/ui\/wp-json\/wp\/v2\/media?parent=1634"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Sliding](\"\/ui\/wp-content\/uploads\/2016\/04\/Sliding-Drawer-in-Android.jpg\")
<\/p>\n![\"Sliding](\"\/ui\/wp-content\/uploads\/2016\/04\/Sliding-Drawer-handle-content.jpg\")
<\/p>\n![\"handle](\"\/ui\/wp-content\/uploads\/2016\/04\/handle-sliding-drawer-Android.jpg\")
<\/p>\n![\"Sliding](\"\/ui\/wp-content\/uploads\/2016\/04\/Sliding-Drawer-Example-In-Android-Studio.gif\")
<\/p>\n