Space-Navigation-View

> 编程语言

Open source

Space Navigation is a library allowing easily integrate fully customizable Google Spaces like navigation to your app.

2.0K stars0 likes1 views

Website GitHub

About

Space Navigation is a library allowing easily integrate fully customizable Google Spaces like navigation to your app.

Space-Navigation-View

Introduction

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

YouTube demos

Demo 1

Demo 2

Download magic

Gradle:

groovy

compile 'com.github.armcha:SpaceNavigationView:1.6.0'

Maven:

xml

<dependency>
  <groupId>com.github.armcha</groupId>
  <artifactId>SpaceNavigationView</artifactId>
  <version>1.6.0</version>
  <type>pom</type>
</dependency>

Setup and usage

Add the Space Navigation view to your layout

…

Add Space Navigation items.

java

   SpaceNavigationView spaceNavigationView = (SpaceNavigationView) findViewById(R.id.space);
   spaceNavigationView.initWithSaveInstanceState(savedInstanceState);
   spaceNavigationView.addSpaceItem(new SpaceItem("HOME", R.drawable.yourDrawable));
   spaceNavigationView.addSpaceItem(new SpaceItem("SEARCH", R.drawable.yourDrawable));

Use initWithSaveInstanceState(savedInstanceState) and override onSaveInstanceState if you want to keep selected item position and badge on device rotation

java

       @Override
       protected void onSaveInstanceState(Bundle outState) {
           super.onSaveInstanceState(outState);
           spaceNavigationView.onSaveInstanceState(outState);
       }

Set onClick listener

…

Set onLongClick listener

java

    spaceNavigationView.setSpaceOnLongClickListener(new SpaceOnLongClickListener() {
            @Override
            public void onCentreButtonLongClick() {
                Toast.makeText(MainActivity.this,"onCentreButtonLongClick", Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onItemLongClick(int itemIndex, String itemName) {
                Toast.makeText(MainActivity.this, itemIndex + " " + itemName, Toast.LENGTH_SHORT).show();
            }
        });

Customize

Customize with xml

…

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 on `showIconOnly()` mode
space_item_text_size	item text size
centre_button_icon	allow changing center icon from layout

Change space navigation background

java

spaceNavigationView.setSpaceBackgroundColor(ContextCompat.getColor(this, R.color.yourColor));

Change centre button icon

java

spaceNavigationView.setCentreButtonIcon(R.drawable.yourDrawable);

Change centre button background color

java

spaceNavigationView.setCentreButtonColor(ContextCompat.getColor(this, R.color.yourColor));

Change selected item text and icon color

java

spaceNavigationView.setActiveSpaceItemColor(ContextCompat.getColor(this, R.color.yourColor));

Change unselected item text and icon color

java

spaceNavigationView.setInActiveSpaceItemColor(ContextCompat.getColor(this, R.color.yourColor));

Change space item icon size

java

spaceNavigationView.setSpaceItemIconSize((int) getResources().getDimension(R.dimen.yourDimen));

Change space item icon size when showIconOnly(); mode activated

java

spaceNavigationView.setSpaceItemIconSizeInOnlyIconMode((int) getResources().getDimension(R.dimen.yourDimen));

Change space item text size

java

spaceNavigationView.setSpaceItemTextSize((int) getResources().getDimension(R.dimen.yourDimen));

Hide items text and show only icons

java

spaceNavigationView.showIconOnly();

Hide items icon and show only texts

java

spaceNavigationView.showTextOnly();

You can change selected item programmatically

java

spaceNavigationView.changeCurrentItem(int tabIndexToSelect);

Show badge

java

spaceNavigationView.showBadgeAtIndex(int itemIndexToShowBadge, int badgeCountText, int badgeBackgroundColor);

Hide badge at index

java

spaceNavigationView.hideBadgeAtIndex(int itemIndexToHideBadge);

Hide all badges

java

spaceNavigationView.hideAllBadges();

Change badge text

java

spaceNavigationView.changeBadgeTextAtIndex(int itemIndexToChangeBadge, int badgeCountText);

Set your custom font

java

spaceNavigationView.setFont(Typeface.createFromAsset(getAssets(), "your_cutom_font.ttf"));

Set centre button pressed state color

java

spaceNavigationView.setCentreButtonRippleColor(ContextCompat.getColor(this, R.color.yourColor));

Now you can change centre button icon if space navigation view already set up

java

spaceNavigationView.changeCenterButtonIcon(R.drawable.yourDrawable);

Also you can change item text and icon if space navigation view already set up

java

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

java

 spaceNavigationView.changeSpaceBackgroundColor(ContextCompat.getColor(context,R.color.yourColor));

If you want to show full badge text or show 9+

java

spaceNavigationView.shouldShowFullBadgeText(true);

Set centre button icon color

java

spaceNavigationView.setCentreButtonIconColor(ContextCompat.getColor(context,R.color.yourColor));

If you want to disable default white color filter, just call

java

spaceNavigationView.setCentreButtonIconColorFilterEnabled(false);

Add recycler view scroll behavior

…

##Versions

##1.6.0

Added saving translation height on rotation. Thanks to akiraspeirs
Fixed requestLayout being improperly called. Thanks to akiraspeirs
Fixed inActiveCentreButtonIconColor not being used initially. Thanks to nextdimension
Fixed issue #41

1.5.0

Added SpaceNavigationViewBehavior
Fixed issue #32

1.4.2

Fixed issue #34

1.4.1

Changing center icon from layout
Fixed issue #29 Thanks to ankitpopli1891

1.4.0

Added method do disable centre button default color filter
Fixed issue #25

1.3.2

Added method setCentreButtonIconColor #17

1.3.1

Added method shouldShowFullBadgeText
Fixed issue #16 , #18

1.3.0

Added SpaceOnLongClickListener
Added changeSpaceBackgroundColor method
Fixed rendering problem when view is in edit mode

1.2.0

Fixed centre button issue
Added API 14+ support

1.1.0

Added changeItemTextAtPosition, changeItemIconAtPosition, changeCenterButtonIcon,setCentreButtonRippleColor methods
Now you can set onItemReselect listener

1.0.0

Initial release

Apps using the Space Navigation View

Kindly please let me know if you used or planning to use the library in your projects

##Project development Some crazy [pics][8] [8]: https://github.com/armcha/Space-Navigation-View/tree/master/development

Contact

Pull requests are more than welcome. Please fell free to contact me if there is any problem when using the library.

Email: [email protected]
Facebook: https://web.facebook.com/chatikyana
Twitter: https://twitter.com/ArmanChatikyan
Google +: https://plus.google.com/112011638040018774140
Website: https://armcha.github.io/

License

  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.

Issues· 0 open

View all issues Open on GitHub

No open issues yet, or sync has not completed.

> Tags

Java

No comments yet. Be the first to share.

> Details

PublishedAug 1, 2026

UpdatedSep 17, 2026

Category编程语言

PricingOpen source

> Related tools

TypeScript

JavaScript 的超集，为前端与全栈提供静态类型

Python

通用编程语言，广泛用于 Web、数据与 AI

Google 推出的简洁高效系统语言

Space-Navigation-View

About

Space-Navigation-View

Introduction

YouTube demos

Demo 1

Demo 2

Download magic

Setup and usage

Customize

1.5.0

1.4.2

1.4.1

1.4.0

1.3.2

1.3.1

1.3.0

1.2.0

1.1.0

1.0.0

Apps using the Space Navigation View

Contact

License

Issues· 0 open

> Tags

> Discussion

> Details

> Related tools