How To Code a Sliding Drawer, Android Code Examples '
This Tutorial App Coding a Sliding Drawer

Prev Tutorial App ListView with Toast Message

Next Tutorial App Coding a Sliding Drawer with ListView


Coding a Sliding Drawer



If you are just arriving at this page; and you are not familiar with with creating Android Apps, we suggest you begin with our tutorials: Coding Android App Pages and How To Create a Simple App in Android

From there follow along with each tutorial lesson.

AIDE and ANDROID STUDIO

We are using AIDE(a mobile coding environment using language java/xml), to create these tutorial apps on our
tablet(7" screen) that has android version 5.0.
Once we build and RUN our app; we then install the app on this same tablet; and the app is also installed on a smart phone that has android version 6.

We are using the AIDE coding editor to code our pages; and then to Create - RUN our apps. AIDE is a SDK coding environment for android devices like a tablet or smartphone. AIDE has a free and paid version. Once you create your apps code pages, you need to RUN the app to build your apk package; then you INSTALL it on your tablet or smartphone. For info on using AIDE, gohere

You can also create; RUN your apps using the code in these tutorials, with Android Studio. Android Studio is for desktop computers. Choose Java XML as the programming language. Android Studio is free to install and use for your android app development. Although not as convenient as testing your app on an actual android device; you can test your newly created app in Android Studio using its' android emulator.

Complete Example Codes are available for each of our tutorials. With these example codes you can make a functioning android app in either AIDE or Android Studio.


COPY/PASTE CODE

First, create a java/xml android template app using AIDE, (or Android Studio). Then you can get the code for this app from the EXAMPLE CODE section on this page. Replace the code on the pages you need to(with our tutorial code); in order to create this app.
Sometimes, new pages have to be created.
All the other coded pages in your app can remain as they are; they don't need to be changed.


This is the App - Sliding Drawer
Sliding Drawer Android Tutorial with Example Code
This is Sliding Drawer Left to Right
Android Sliding Drawer Left to Right Example Code



Where - How - Why To Use a Sliding Drawer

A sliding drawer is a feature you can add to your UI (user interface), which allows for a view to slide out from the side of your app which overlaps your app's view. You can toggle the sliding drawer view by adding a handle to it by using an image.

The drawer can slide from top to bottom, left to right, right to left, or bottom to top. For our app tutorial, the drawer will slide from left to right.

As the drawer has its own self contained view, you can add to it whatever you like; textview, imageview, buttons. You can add a background color also.

For our app, we added a green background to the sliding drawer view, an image, and some text. When you click on the little square icon with the + sign, the drawer will slide from left to right. And, to slide it back, click the icon again.

To change the position of the square icon, you can use the android:rotation attribute in your SlidingDrawer element code.
Then, just give a number for the value. We gave the android rotation a value of 180, which positioned the icon close to the side of the view.

Also, in the SlidingDrawer element you can code the handle for your drawer. To do so, you use android:handle, and then give it an id name. For this app we gave it the id name of /handle. Then in your ImageView, you make reference to the handle name from the SlidingDrawer element's code. And, you also code the name of the image you want to use as the handle. We used the image named - arrow_icon png, for our handle image.

Additional Reading at Android Developer website
Sliding Drawer Android


Creating - Naming Your App Using AIDE

When creating your app,(from left menu) choose:
Create New Project;
Then, choose
New Android App(gradle, android Java/xml)
or
Hello World App Java/xml
if your using the original version of AIDE

You can name your app whatever you like; if your using the name as shown in our example code use;

SlidingDrawer for the App Name and,
for the package name(next line) use:
com.aac.leftrightdrawerexample

The Coded Pages


Code for the app - Sliding Drawer

For this app we need to edit these pages;

1 layout file, main.xml; located at res/layout/main.xml, already created, just replace the code on this page with the code from our Example Code section and save the page.

The layout page has our Sliding Drawer code and it has the handle code for the sliding drawer. The ImageView with the id of handle contains the image: arrow_icon.png, that will be used as the handle for the sliding drawer.

We also wanted to add an image and some text to our drawer view. To do so, we coded a linear layout container, and within that container we added our ImageView element(with the id of imageView1), and to that we added our image - imagedrawer.png, and our TextView element for the text, which we coded in the text string named - drawertext, at res/strings.xml file.

We added a green background to our sliding drawer view. This is coded in the Linear Layout code.

Our app layout has a LinearLayout wrapper, and then a FrameLayout. We used the frame layout so the views would overlap each other. For our image and text in the drawer, we used a LinearLayout to use as the container to put our ImageView and TextView elements.

1 java class page; MainActivity.java; located at app/src/java/MainActivity.java, already created; we have to copy and replace the code on this page with the code from our Example Code section. Save the page once the code is pasted.

The java page also has our import codes. The import codes must be coded in your java page for each code class your implementing.
The import codes for this app are:

import android.app.Activity;
import android.os.Bundle;

1 strings file, strings.xml required for this App: The string file located at res/values/strings.xml has the required app_name string for the app name, and the text for each of the views.

Just copy/paste the code from our Example Codes section. Save the page.


EXAMPLE CODE - Code For This Tutorial

JUST USE YOUR MOUSE to copy the code for this tutorial App Name is 'SlidingDrawer - located at AppProjects/SlidingDrawer in AIDE, open the AIDE app, then open App Projects, THEN select the 'SLidingDrawer', app from your files hierachy(left menu); then click on any file from the app, like strings.xml Make sure at top of page, the app name 'SlidingDrawer' is there next to AppProjects like so: AppProjects/SlidingDrawer, then you know you have the proper App.

Once a file is in the editor, you can edit, save it, then RUN your APP, Install, and Open your app.


Make sure you SAVED EACH PAGE,(or choose automatic saving in AIDE settings) before you RUN your code. SAVE, RUN, INSTALL, OPEN, your App. Once it has been installed on your tablet, you can open it Simply by Clicking on the Android little green App Icon,with the wording 'SlidingDrawer' on your tablet. It will be with your other installed apps.

If you make further changes to this App, you need to SAVE, RUN, UPDATE, INSTALL, OPEN the app.





Example Code App - SlidingDrawer :
Use Mouse To Copy Paste the Code


Right Click, SAVE Image as arrow_icon.png
Put at res/drawable-hdpi folder

This free script provided by
JavaScript Kit

Share This Page


AIDE for creating Android Apps on your tablet or cell phone(android).
Free and Paid - with Free, create java/xml android template apps, and there is a couple free android coding lessons.
With paid, create java/xml android template apps, and you can create a 'keystore' for your app, so you can publish your apps to the marketplaces like Google Playstore and Amazon.
GoTo Aide

ANDROID STUDIO - for creating Android Apps on your desktop computer.
Free to Install and Use
GoTo Android Studio Learn more - Android Studio

The Java XML files we code(example codes) and the Android Apps we create in our Free Tutorials are compatible with Android Studio and AIDE. Just choose Java XML as your Programming Language.


You May Like:
Sushi Rolls Make Sushi at Home | Taste World Wines Flavours and Aromas

TUTORIALS I
Java XML
The Coded Pages

Beginners Article

About Our Tutorials

Coding androidmanifest.xml

Coding R.java

Coding buildconfig.java

Coding mainactivity.java

Coding main.xml

Coding strings.xml

Coding drawables

TUTORIALS II
Java XML
Learning To Code

Create A Simple
Android App

Change App Icon

Add Text and Style

Add Buttons To App

Placing Text in
Buttons


Change View
Background Color


Change Screen
Orientation


Add Image to
Activity View


Add Horizontal
Scroll View


Add a Frame Layout

How to Add Themes
To Your App


How To Code
Customized Styles


Code a Toast Message

Coding Resource
Identifiers



TUTORIALS III

Java XML
Adding Features,
Functionality

Coding Shape
Drawable - Lines


Coding A WebView

Coding A Timed
Screen Splash


Coding A Gradient
Drawable


Coding Fragments


Coding A
ListView Fragment


Coding a
Tabbed Fragment


Share Intent
for Text


Share Intent
for Images


Media Player
with Audio


Coding A
Video Player


Localize Your App
World Languages


Coding a Simple ListView

ListView with Toast Message

Android Sliding Drawer

Sliding Drawer
with ListView

TUTORIALS MATERIAL DESIGN
Java XML

What is Material
Design?


Coding a Material
Design Theme


Coding a Layer List
With Elevation


Shape Drawables
Elevate - Rotate


Scrollable Elevated
Topic Cards


Photo Containers
With Shadowed Container


Simple CardView

View Animator
with Photo Array


View Animator
With Views


Simple Frame Animation

Frame Animation
With Buttons


View Animation
Rotate, Scale, Translate


Android Interpolators
with Spinner


Android AppBar
ToolBar Design



from the Web
SPECIFIC CODING TASKS

Add Clickable Button
To textView

Image Button with
Selector


Linear Layout with
weight attribute


OnClick Displays
Message


Screen Density
Coding Practices



CODING ENVIRONMENTS


AIDE
for android tablets


Android Studio
For desktop computers



IMAGES ICONS FOR YOUR APPS

Code Canyon Paid From $1

IconFinder.com Free and Paid From $1


Our ARTICLES

App Distribution
Launching Your Android App
How To Be Successful


Android App Libraries
What are they and how
to implement them


ScrollView
How To Implement
ScrollView


View All Articles


Coding Tools

Android Studio
Course - Paid


Java Programming
Course - Free


Git Hub Course
Free



About Our Images

All images on this page are copyrighted material.
You can use the images included with each tutorial for the purpose of creating your android app. These images are not to be distributed or sold.

APP SIGNING KEY- GOOGLE


How To Add Your Google Key
To Manifest.xml
Web Article

How To Sign Your APK Web Article

Google Developer Console
Create Account Submit Your App
Web Article


APP SIGNING - AMAZON
Amazon App DRM - APK KEY
Amazon Developer Portal
Create Account - Submit Your App


MONETIZE YOUR APP
InMobi

AdMob

Google's In-App Billing for App monetization.

Monetizing Your App
How Tos




Follow Us On Twitter