- Notifications
You must be signed in to change notification settings - Fork0
ShubhamsahuSFS/Space-Navigation-View
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Space Navigation is a library allowing easily integrate fully customizable Google [Spaces][1] like navigation to your app.[1]:https://play.google.com/store/apps/details?id=com.google.android.apps.social.spaces
The current minSDK version is API level 14 Android 4.0 (ICE CREAM SANDWICH).
Download sample [apk][7][7]:https://github.com/armcha/Space-Navigation-View/raw/master/SpaceNavigationView.apk
Gradle:
compile'com.github.armcha:SpaceNavigationView:1.6.0'Maven:
<dependency> <groupId>com.github.armcha</groupId> <artifactId>SpaceNavigationView</artifactId> <version>1.6.0</version> <type>pom</type></dependency>
Add the Space Navigation view to your layout
<FrameLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"> <...View .... android:layout_marginBottom="@dimen/view_bottom_margin" /> <com.luseen.spacenavigation.SpaceNavigationViewandroid:id="@+id/space"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="bottom"/> </FrameLayout>
Add Space Navigation items.
SpaceNavigationViewspaceNavigationView = (SpaceNavigationView)findViewById(R.id.space);spaceNavigationView.initWithSaveInstanceState(savedInstanceState);spaceNavigationView.addSpaceItem(newSpaceItem("HOME",R.drawable.yourDrawable));spaceNavigationView.addSpaceItem(newSpaceItem("SEARCH",R.drawable.yourDrawable));
UseinitWithSaveInstanceState(savedInstanceState) and overrideonSaveInstanceStateif you want to keep selected item position and badge on device rotation
@OverrideprotectedvoidonSaveInstanceState(BundleoutState) {super.onSaveInstanceState(outState);spaceNavigationView.onSaveInstanceState(outState); }
Set onClick listener
spaceNavigationView.setSpaceOnClickListener(newSpaceOnClickListener() {@OverridepublicvoidonCentreButtonClick() {Toast.makeText(MainActivity.this,"onCentreButtonClick",Toast.LENGTH_SHORT).show(); }@OverridepublicvoidonItemClick(intitemIndex,StringitemName) {Toast.makeText(MainActivity.this,itemIndex +" " +itemName,Toast.LENGTH_SHORT).show(); }@OverridepublicvoidonItemReselected(intitemIndex,StringitemName) {Toast.makeText(MainActivity.this,itemIndex +" " +itemName,Toast.LENGTH_SHORT).show(); } });
Set onLongClick listener
spaceNavigationView.setSpaceOnLongClickListener(newSpaceOnLongClickListener() {@OverridepublicvoidonCentreButtonLongClick() {Toast.makeText(MainActivity.this,"onCentreButtonLongClick",Toast.LENGTH_SHORT).show(); }@OverridepublicvoidonItemLongClick(intitemIndex,StringitemName) {Toast.makeText(MainActivity.this,itemIndex +" " +itemName,Toast.LENGTH_SHORT).show(); } });
Customize with xml
<com.luseen.spacenavigation.SpaceNavigationViewandroid:id="@+id/space"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_gravity="bottom"app:active_item_color="@color/colorAccent"app:centre_button_color="@color/centre_button_color"app:inactive_item_color="@color/white"app:space_background_color="@color/colorPrimary"app:centre_button_icon="@drawable/my_drawable"app:space_item_icon_size="@dimen/space_item_icon_default_size"app:space_item_icon_only_size="@dimen/space_item_icon_only_size"app:space_item_text_size="@dimen/space_item_text_default_size" />
| Attribute | Description |
|---|---|
| active_item_color | item color when selected |
| inactive_item_color | item color when unselected |
| centre_button_color | centre circle button color |
| space_background_color | space view background color |
| space_item_icon_size | item icon size |
| space_item_icon_only_size | item icon size onshowIconOnly() mode |
| space_item_text_size | item text size |
| centre_button_icon | allow changing center icon from layout |
Change space navigation background
spaceNavigationView.setSpaceBackgroundColor(ContextCompat.getColor(this,R.color.yourColor));
Change centre button icon
spaceNavigationView.setCentreButtonIcon(R.drawable.yourDrawable);
Change centre button background color
spaceNavigationView.setCentreButtonColor(ContextCompat.getColor(this,R.color.yourColor));
Change selected item text and icon color
spaceNavigationView.setActiveSpaceItemColor(ContextCompat.getColor(this,R.color.yourColor));
Change unselected item text and icon color
spaceNavigationView.setInActiveSpaceItemColor(ContextCompat.getColor(this,R.color.yourColor));
Change space item icon size
spaceNavigationView.setSpaceItemIconSize((int)getResources().getDimension(R.dimen.yourDimen));
Change space item icon size whenshowIconOnly(); mode activated
spaceNavigationView.setSpaceItemIconSizeInOnlyIconMode((int)getResources().getDimension(R.dimen.yourDimen));
Change space item text size
spaceNavigationView.setSpaceItemTextSize((int)getResources().getDimension(R.dimen.yourDimen));
Hide items text and show only icons
spaceNavigationView.showIconOnly();
Hide items icon and show only texts
spaceNavigationView.showTextOnly();
You can change selected item programmatically
spaceNavigationView.changeCurrentItem(inttabIndexToSelect);
Show badge
spaceNavigationView.showBadgeAtIndex(intitemIndexToShowBadge,intbadgeCountText,intbadgeBackgroundColor);
Hide badge at index
spaceNavigationView.hideBadgeAtIndex(intitemIndexToHideBadge);
Hide all badges
spaceNavigationView.hideAllBadges();
Change badge text
spaceNavigationView.changeBadgeTextAtIndex(intitemIndexToChangeBadge,intbadgeCountText);
Set your custom font
spaceNavigationView.setFont(Typeface.createFromAsset(getAssets(),"your_cutom_font.ttf"));
Set centre button pressed state color
spaceNavigationView.setCentreButtonRippleColor(ContextCompat.getColor(this,R.color.yourColor));
Now you can change centre button icon if space navigation view already set up
spaceNavigationView.changeCenterButtonIcon(R.drawable.yourDrawable);
Also you can change item text and icon if space navigation view already set up
spaceNavigationView.changeItemTextAtPosition(0,"NEW TEXT");spaceNavigationView.changeItemIconAtPosition(1,R.drawable.yourDrawable);
Now you can change space navigation view background color if it already set up
spaceNavigationView.changeSpaceBackgroundColor(ContextCompat.getColor(context,R.color.yourColor));
If you want to show full badge text or show 9+
spaceNavigationView.shouldShowFullBadgeText(true);
Set centre button icon color
spaceNavigationView.setCentreButtonIconColor(ContextCompat.getColor(context,R.color.yourColor));
If you want to disable default white color filter, just call
spaceNavigationView.setCentreButtonIconColorFilterEnabled(false);
Add recycler view scroll behavior
<?xml version="1.0" encoding="utf-8"?><android.support.design.widget.CoordinatorLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:id="@+id/main_content"android:layout_width="match_parent"android:layout_height="match_parent"tools:context="com.luseen.spacenavigationview.MainActivity"><android.support.v7.widget.RecyclerViewandroid:id="@+id/recyclerView"android:layout_width="match_parent"android:layout_height="match_parent"/><com.luseen.spacenavigation.SpaceNavigationViewandroid:id="@+id/space"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_gravity="bottom"app:layout_behavior="com.luseen.spacenavigation.SpaceNavigationViewBehavior"/></android.support.design.widget.CoordinatorLayout>
##Versions
##1.6.0
- Added saving translation height on rotation. Thanks toakiraspeirs
- Fixed requestLayout being improperly called. Thanks toakiraspeirs
- Fixed inActiveCentreButtonIconColor not being used initially. Thanks tonextdimension
- Fixed issue#41
- Added SpaceNavigationViewBehavior
- Fixed issue#32
- Fixed issue#34
- Changing center icon from layout
- Fixed issue#29 Thanks toankitpopli1891
- Added method do disable centre button default color filter
- Fixed issue#25
- Added method setCentreButtonIconColor#17
- Added SpaceOnLongClickListener
- Added changeSpaceBackgroundColor method
- Fixed rendering problem when view is in edit mode
- Fixed centre button issue
- Added API 14+ support
- Added
changeItemTextAtPosition, changeItemIconAtPosition, changeCenterButtonIcon,setCentreButtonRippleColormethods - Now you can set onItemReselect listener
- Initial release
Kindly please let me know if you used or planning to use the library in your projects
##Project developmentSome crazy [pics][8][8]:https://github.com/armcha/Space-Navigation-View/tree/master/development
Pull requests are more than welcome.Please fell free to contact me if there is any problem when using the library.
- Email:armcha01@gmail.com
- Facebook:https://web.facebook.com/chatikyana
- Twitter:https://twitter.com/ArmanChatikyan
- Google +:https://plus.google.com/112011638040018774140
- Website:https://armcha.github.io/
Space Navigation library for Android Copyright (c) 2016 Arman Chatikyan (https://github.com/armcha/Space-Navigation-View). 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.About
Space Navigation is a library allowing easily integrate fully customizable Google Spaces like navigation to your app.
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Packages0
Languages
- Java100.0%









