Skip to content
Put some bubble in your tabs and give your apps a supa fresh style !
Branch: master
Clone or download
Latest commit ccab40f Oct 1, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea v1.0.2 Dec 27, 2017
app v1.0.2 Dec 27, 2017
bubbletab v1.0.2 Dec 27, 2017
gradle uploaded Oct 12, 2016
media updated README Oct 12, 2016
.gitignore Initial commit Jul 18, 2016
LICENSE Initial commit Jul 18, 2016
README.md Update README.md Oct 1, 2018
build.gradle v1.0.2 Dec 27, 2017
gradle.properties Initial Import Jul 18, 2016
gradlew Initial Import Jul 18, 2016
gradlew.bat Initial Import Jul 18, 2016
publish.sh v1.0.2 Dec 27, 2017
settings.gradle Initial Import Jul 18, 2016

README.md

BubbleTab

Put some bubble in your tabs and give your apps a supa fresh style !

Android app on Google Play

screen

Usage

screen

Add a BubbleTab with your icons on the layout.xml

Customisable parameters :

  • circleColor
  • circleRatio
<com.github.florent37.bubbletab.BubbleTab
        android:id="@+id/bubbleTab"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clipToPadding="false"
        android:background="@android:color/white"
        android:elevation="10dp"

        app:bubbleTab_circleColor="@color/colorAccent"
        app:bubbleTab_circleRatio="1.25"
        >

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:padding="16dp"
                    android:src="@drawable/bubbletab_ic_hourglass_selector" />

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:padding="16dp"
                    android:src="@drawable/bubbletab_ic_event_selector" />

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:padding="16dp"
                    android:src="@drawable/bubbletab_ic_query_selector" />

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:padding="16dp"
                    android:src="@drawable/bubbletab_ic_search_selector" />

                <ImageView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:padding="16dp"
                    android:src="@drawable/bubbletab_ic_home_selector" />

</com.github.florent37.bubbletab.BubbleTab>

<android.support.v4.view.ViewPager
    android:id="@+id/viewPager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

Then bound it with your viewPager

bubbleTab.setupWithViewPager(viewPager);

Customisation

To display your home icon with a different color / content if selected / unselected

Simply use selectors !

screen

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true" android:drawable="@drawable/bubbletab_ic_account_selected"/>
    <item android:drawable="@drawable/bubbletab_ic_account"/>
</selector>

Download

In your module Download

compile 'com.github.florent37:bubbletab:1.0.2'

Credits

Author: Florent Champigny http://www.florentchampigny.com/

Fiches Plateau Moto : https://www.fiches-plateau-moto.fr/

Android app on Google Play Follow me on Google+ Follow me on Twitter Follow me on LinkedIn

License

Copyright 2016 florent37, Inc.

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.
You can’t perform that action at this time.