Innovative Sliding Menu(Reside Menu) in android

I found a very interesting repository in GitHub by SpecialCyCi which shows a innovative reside menu.

Download Source Code Download 

1. Requirments
1. Download the ResideMenu library from here.
2. Import it in your eclipse workspace.
3. Extends FragmentActivity instead of Activity as it will open fragments inside it.

How to set up ResideMenu

// attach to current activity; ResideMenu resideMenu = new ResideMenu(this); //set background of menu resideMenu.setBackground(R.drawable.menu_background); resideMenu.attachToActivity(this); resideMenu.setMenuListener(menuListener); //valid scale factor is between 0.0f and 1.0f. leftmenu'width is 150dip. resideMenu.setScaleValue(0.6f); // create menu items; ResideMenuItem itemHome     = new ResideMenuItem(this, R.drawable.icon_home,     "Home"); ResideMenuItem itemProfile  = new ResideMenuItem(this, R.drawable.icon_profile,  "Profile"); ResideMenuItem itemCalendar = new ResideMenuItem(this, R.drawable.icon_calendar, "Calendar"); ResideMenuItem itemSettings = new ResideMenuItem(this, R.drawable.icon_settings, "Settings"); itemHome.setOnClickListener(this); itemProfile.setOnClickListener(this); itemCalendar.setOnClickListener(this); itemSettings.setOnClickListener(this); resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT); resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT); resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT); resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT); //To open Menu of right side  resideMenu.openMenu(ResideMenu.DIRECTION_RIGHT); //To open Menu of left side  resideMenu.openMenu(ResideMenu.DIRECTION_LEFT); //To close menu  resideMenu.closeMenu(); //Menu open Listeners private ResideMenu.OnMenuListener menuListener = new ResideMenu.OnMenuListener() {     @Override     public void openMenu() {         Toast.makeText(mContext, "Menu is opened!", Toast.LENGTH_SHORT).show();     }     @Override     public void closeMenu() {         Toast.makeText(mContext, "Menu is closed!", Toast.LENGTH_SHORT).show();     } }; //Replace dispatchTouchEvent @Override public boolean dispatchTouchEvent(MotionEvent ev) {     return resideMenu.dispatchTouchEvent(ev); }

2. Full Source Code

Project Hierarchy

1. main.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"               android:background="@android:color/white"               android:orientation="vertical"               android:layout_width="match_parent"               android:layout_height="match_parent">     <LinearLayout             android:orientation="vertical"             android:layout_width="fill_parent"             android:layout_height="wrap_content"             android:id="@+id/layout_top">         <ImageView                 android:layout_width="match_parent"                 android:layout_height="3dp"                 android:background="#2ea3fe"/>         <FrameLayout                 android:layout_width="fill_parent"                 android:layout_height="wrap_content">             <Button                     android:layout_width="28dp"                     android:layout_height="28dp"                     android:background="@drawable/titlebar_menu_selector"                     android:id="@+id/title_bar_left_menu"                     android:layout_gravity="left|center_vertical"                     android:layout_marginLeft="10dp"/>             <TextView                     android:layout_width="wrap_content"                     android:layout_height="wrap_content"                     android:padding="7dp"                     android:text="RESideMenu DEMO"                     android:textSize="24sp"                     android:textColor="#999999"                     android:layout_gravity="center"/>             <Button                     android:layout_width="28dp"                     android:layout_height="28dp"                     android:background="@drawable/titlebar_menu_selector"                     android:id="@+id/title_bar_right_menu"                     android:layout_gravity="right|center_vertical"                     android:layout_marginRight="10dp"/>         </FrameLayout>         <ImageView                 android:layout_width="match_parent"                 android:layout_height="5dp"                 android:background="#ebebeb"/>     </LinearLayout>     <FrameLayout             android:layout_width="match_parent"             android:layout_height="match_parent"             android:orientation="vertical"             android:id="@+id/main_fragment">     </FrameLayout> </LinearLayout>

2.MenuActivity.java

package com.tutorialsface.ResideMenuDemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.FragmentActivity; import android.support.v4.app.FragmentTransaction; import android.view.MotionEvent; import android.view.View; import android.widget.Toast; import com.special.ResideMenu.ResideMenu; import com.special.ResideMenu.ResideMenuItem; public class MenuActivity extends FragmentActivity implements View.OnClickListener{     private ResideMenu resideMenu;     private MenuActivity mContext;     private ResideMenuItem itemHome;     private ResideMenuItem itemProfile;     private ResideMenuItem itemCalendar;     private ResideMenuItem itemSettings;     /**      * Called when the activity is first created.      */     @Override     public void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.main);         mContext = this;         setUpMenu();         changeFragment(new HomeFragment());     }     private void setUpMenu() {         // attach to current activity;         resideMenu = new ResideMenu(this);         //set background of menu         resideMenu.setBackground(R.drawable.menu_background);         resideMenu.attachToActivity(this);         resideMenu.setMenuListener(menuListener);         //valid scale factor is between 0.0f and 1.0f. leftmenu'width is 150dip.         resideMenu.setScaleValue(0.6f);         // create menu items;         itemHome     = new ResideMenuItem(this, R.drawable.icon_home,     "Home");         itemProfile  = new ResideMenuItem(this, R.drawable.icon_profile,  "Profile");         itemCalendar = new ResideMenuItem(this, R.drawable.icon_calendar, "Calendar");         itemSettings = new ResideMenuItem(this, R.drawable.icon_settings, "Settings");         itemHome.setOnClickListener(this);         itemProfile.setOnClickListener(this);         itemCalendar.setOnClickListener(this);         itemSettings.setOnClickListener(this);         resideMenu.addMenuItem(itemHome, ResideMenu.DIRECTION_LEFT);         resideMenu.addMenuItem(itemProfile, ResideMenu.DIRECTION_LEFT);         resideMenu.addMenuItem(itemCalendar, ResideMenu.DIRECTION_RIGHT);         resideMenu.addMenuItem(itemSettings, ResideMenu.DIRECTION_RIGHT);         // You can disable a direction by setting ->         // resideMenu.setSwipeDirectionDisable(ResideMenu.DIRECTION_RIGHT);         findViewById(R.id.title_bar_left_menu).setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 resideMenu.openMenu(ResideMenu.DIRECTION_LEFT);             }         });         findViewById(R.id.title_bar_right_menu).setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 resideMenu.openMenu(ResideMenu.DIRECTION_RIGHT);             }         });     }       @Override       public boolean dispatchTouchEvent(MotionEvent ev) {           return resideMenu.dispatchTouchEvent(ev);       }     @Override     public void onClick(View view) {         if (view == itemHome){             changeFragment(new HomeFragment());         }else if (view == itemProfile){             changeFragment(new ProfileFragment());         }else if (view == itemCalendar){             changeFragment(new CalendarFragment());         }else if (view == itemSettings){             changeFragment(new SettingsFragment());         }         resideMenu.closeMenu();     }       private ResideMenu.OnMenuListener menuListener = new ResideMenu.OnMenuListener() {           @Override           public void openMenu() {               Toast.makeText(mContext, "Menu is opened!", Toast.LENGTH_SHORT).show();           }                 @Override           public void closeMenu() {               Toast.makeText(mContext, "Menu is closed!", Toast.LENGTH_SHORT).show();           }       };       private void changeFragment(Fragment targetFragment){           resideMenu.clearIgnoredViewList();           getSupportFragmentManager()                   .beginTransaction()                   .replace(R.id.main_fragment, targetFragment, "fragment")                   .setTransitionStyle(FragmentTransaction.TRANSIT_FRAGMENT_FADE)                   .commit();       }     // What good method is to access resideMenu？     public ResideMenu getResideMenu(){         return resideMenu;     } }

3. home.xml

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="fill_parent"     android:layout_height="fill_parent"     android:background="@android:color/white"     android:orientation="vertical" >     <LinearLayout         android:layout_width="fill_parent"         android:layout_height="fill_parent"         android:layout_above="@+id/ignored_view"         android:layout_alignParentTop="true"         android:gravity="center"         android:orientation="vertical" >         <ImageView             android:id="@+id/imageView"             android:layout_width="60dp"             android:layout_height="120dp"             android:layout_gravity="center"             android:scaleType="fitCenter"             android:src="@drawable/gesture" />         <TextView             android:id="@+id/textView"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_gravity="center"             android:clickable="false"             android:padding="5dp"             android:text=" 1. Swipe right/left to open menu"             android:textColor="#ffacacac"             android:textSize="17sp" />         <Button             android:id="@+id/btn_open_menu"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_gravity="center"             android:layout_marginTop="4dp"             android:background="@drawable/button_selector"             android:padding="12dp"             android:text="2. Click me to open menu"             android:textColor="@android:color/white"             android:textSize="17sp" />     </LinearLayout>     <FrameLayout         android:id="@+id/ignored_view"         android:layout_width="fill_parent"         android:layout_height="120dp"         android:layout_alignParentBottom="true"         android:layout_gravity="bottom"         android:orientation="vertical"         android:padding="10dp" >         <ImageView             android:layout_width="match_parent"             android:layout_height="match_parent"             android:scaleType="fitXY"             android:src="@drawable/frame" />         <TextView             android:id="@+id/textView1"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_gravity="center"             android:gravity="center"             android:padding="5dp"             android:text="This is an ignored view，you can’t use gesture to operate menu here."             android:textColor="#9a9a9a"             android:textSize="17sp" />     </FrameLayout> </RelativeLayout>

4.HomeFragment.java

package com.tutorialsface.ResideMenuDemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.FrameLayout; import com.special.ResideMenu.ResideMenu; public class HomeFragment extends Fragment {     private View parentView;     private ResideMenu resideMenu;     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {         parentView = inflater.inflate(R.layout.home, container, false);         setUpViews();         return parentView;     }     private void setUpViews() {         MenuActivity parentActivity = (MenuActivity) getActivity();         resideMenu = parentActivity.getResideMenu();         parentView.findViewById(R.id.btn_open_menu).setOnClickListener(new View.OnClickListener() {             @Override             public void onClick(View view) {                 resideMenu.openMenu(ResideMenu.DIRECTION_LEFT);             }         });         // add gesture operation's ignored views         FrameLayout ignored_view = (FrameLayout) parentView.findViewById(R.id.ignored_view);         resideMenu.addIgnoredView(ignored_view);     } }

5.profile.xml

<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical" >     <TextView         android:id="@+id/textView"         style="@style/fragment_text"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:text="Profile" /> </FrameLayout>

6.ProfileFragment.java

package com.tutorialsface.ResideMenuDemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class ProfileFragment extends Fragment {     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {         return inflater.inflate(R.layout.profile, container, false);     } }

7.calender.xml

<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical" >     <ListView         android:id="@+id/listView"         android:layout_width="match_parent"         android:layout_height="match_parent" /> </FrameLayout>

8.CalendarFragment.java

package com.tutorialsface.ResideMenuDemo; import java.util.ArrayList; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AdapterView; import android.widget.ArrayAdapter; import android.widget.ListView; import android.widget.Toast; public class CalendarFragment extends Fragment {       private View parentView;       private ListView listView;       @Override       public View onCreateView(LayoutInflater inflater, ViewGroup container,                   Bundle savedInstanceState) {             parentView = inflater.inflate(R.layout.calendar, container, false);             listView = (ListView) parentView.findViewById(R.id.listView);             initView();             return parentView;       }       private void initView() {             ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(                         getActivity(), android.R.layout.simple_list_item_1,                         getCalendarData());             listView.setAdapter(arrayAdapter);             listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {                   @Override                   public void onItemClick(AdapterView<?> adapterView, View view,                               int i, long l) {                         Toast.makeText(getActivity(), "Clicked item!",                                     Toast.LENGTH_LONG).show();                   }             });       }       private ArrayList<String> getCalendarData() {             ArrayList<String> calendarList = new ArrayList<String>();             calendarList.add("New Year's Day");             calendarList.add("St. Valentine's Day");             calendarList.add("Easter Day");             calendarList.add("April Fool's Day");             calendarList.add("Mother's Day");             calendarList.add("Memorial Day");             calendarList.add("National Flag Day");             calendarList.add("Father's Day");             calendarList.add("Independence Day");             calendarList.add("Labor Day");             calendarList.add("Columbus Day");             calendarList.add("Halloween");             calendarList.add("All Soul's Day");             calendarList.add("Veterans Day");             calendarList.add("Thanksgiving Day");             calendarList.add("Election Day");             calendarList.add("Forefather's Day");             calendarList.add("Christmas Day");             return calendarList;       } }

9.settings.xml

<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical" >     <TextView         android:id="@+id/textView"         style="@style/fragment_text"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:layout_gravity="center"         android:text="Settings" /> </FrameLayout>

10.SettingsFragment.java

package com.tutorialsface.ResideMenuDemo; import android.os.Bundle; import android.support.v4.app.Fragment; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class SettingsFragment extends Fragment {     @Override     public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {         return inflater.inflate(R.layout.settings, container, false);     } }

11.styles.xml

<?xml version="1.0" encoding="utf-8"?> <resources>     <style name="fragment_text">         <item name="android:textColor">#ffacacac</item>         <item name="android:textSize">25sp</item>     </style> </resources>

12.AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android"     package="com.tutorialsface.ResideMenuDemo"     android:versionCode="1"     android:versionName="1.0" >     <uses-sdk         android:minSdkVersion="8"         android:targetSdkVersion="17" />     <application         android:icon="@drawable/ic_launcher"         android:label="@string/app_name" >         <activity             android:name="MenuActivity"             android:label="@string/app_name"             android:theme="@android:style/Theme.Light.NoTitleBar" >             <intent-filter>                 <action android:name="android.intent.action.MAIN" />                 <category android:name="android.intent.category.LAUNCHER" />             </intent-filter>         </activity>     </application> </manifest>

Download Source Code Download