Android SideNavigation Library
Implementation of "Side Navigation" or "Fly-in app menu" pattern for Android (based on Google+ app).
Description
The Google+ app slides the navigation on top of the UI while the others move the UI to the side. Google+ also has the up caret icon and the action bar present when the menu is opened while other apps don't.
There was a interesting discussion about this pattern in the blog's Google+ page some time ago. You can find the post & discussion here: Google+.
Sample
A sample application is available on Google Play:
The source code is available in this repository.
Compatibility
This library is compatible from API 4 (Android 1.6).
Installation
The sample project requires:
- The library project
- ActionBarSherlock
Usage
SideNavigation is presented as an Android library project. You can include this project by referencing it as a library project in Eclipse or ant.
To display the item you need the following code:
- Add SideNavigationView to the end of the layout. Example:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@android:id/icon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:src="@drawable/ic_android_logo" />
<com.devspark.sidenavigation.SideNavigationView
android:id="@+id/side_navigation_view"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>
- Create '.xml' description of the menu for the sideNavigationView. Example:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:id="@+id/side_navigation_menu_item1"
android:icon="@drawable/ic_android1"
android:title="@string/title1"/>
<item
android:id="@+id/side_navigation_menu_item2"
android:icon="@drawable/ic_android2"
android:title="@string/title2"/>
<item
android:id="@+id/side_navigation_menu_item3"
android:icon="@drawable/ic_android3"
android:title="@string/title3"/>
<item
android:id="@+id/side_navigation_menu_item4"
android:icon="@drawable/ic_android4"
android:title="@string/title4"/>
<item
android:id="@+id/side_navigation_menu_item5"
android:icon="@drawable/ic_android5"
android:title="@string/title5"/>
</menu>
- Set home should be displayed as an "up" and initialize the sideNavigationView:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// other code
sideNavigationView = (SideNavigationView) findViewById(R.id.side_navigation_view);
sideNavigationView.setMenuItems(R.menu.side_navigation_menu);
sideNavigationView.setMenuClickCallback(/*ISideNavigationCallback*/);
sideNavigationView.setMode(/*SideNavigationView.Mode*/);
getActionBar().setDisplayHomeAsUpEnabled(true);
}
- Override onOptionsItemSelected() method for show/hide teh sideNavigationView:
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case android.R.id.home:
sideNavigationView.toggleMenu();
break;
default:
return super.onOptionsItemSelected(item);
}
return true;
}
- Implementation of ISideNavigationCallback:
ISideNavigationCallback sideNavigationCallback = new ISideNavigationCallback() {
@Override
public void onSideNavigationItemClick(int itemId) {
// Validation clicking on side navigation item
}
};
Contribution
Please fork dev repository and contribute back using pull requests.
Contributors are recommended to follow the Android Code Style Guidelines.
Any contributions, large or small, major features, bug fixes, additional language translations, unit/integration tests are welcomed and appreciated but will be thoroughly reviewed and discussed.
Developed By
- Evgeny Shishkin - [email protected]
License
Copyright (C) 2012 Evgeny Shishkin
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
1.4k Dec 18, 2022
487 Nov 24, 2022
2.6k Dec 8, 2022
5 Nov 8, 2022
2k Dec 23, 2022
1.6k Dec 13, 2022
267 Nov 25, 2022
808 Nov 10, 2022
1 Feb 15, 2022
1 Apr 28, 2022
11.1k Dec 21, 2022
159 Nov 21, 2022
414 Nov 23, 2022
0 Jan 3, 2022
3.8k Dec 28, 2022
692 Dec 29, 2022
142 Dec 24, 2022