BubbleTab

 收藏    我在用   0 人在用
 -  null

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

 GitHub     下载     同步

14    473    82    12 months前

BubbleTab

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

screen

Usage

screen

Add a BubbleTab with your icons on the layout.xml

Customisable parameters :
- circleColor
- circleRatio
- image(0-10)

<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"
        app:bubbleTab_image0="@drawable/ic_home"
        app:bubbleTab_image1="@drawable/ic_account"
        app:bubbleTab_image2="@drawable/ic_event"
        app:bubbleTab_image3="@drawable/ic_search"
        app:bubbleTab_image4="@drawable/ic_query"
        />

    <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

Add a different drawable into bubbleTab_image0Colored

screen

<com.github.florent37.bubbletab.BubbleTab

        app:bubbleTab_image0="@drawable/ìc_normal"
        app:bubbleTab_image0Colored="@drawable/ic_selected"

Download

In your module Download

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

Credits

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

<a href="https://plus.google.com/+florentchampigny">
<img alt="Follow me on Google+"
src="https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/gplus.png" />
</a>
<a href="https://twitter.com/florent_champ">
<img alt="Follow me on Twitter"
src="https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/twitter.png" />
</a>
<a href="https://www.linkedin.com/in/florentchampigny">
<img alt="Follow me on LinkedIn"
src="https://raw.githubusercontent.com/florent37/DaVinci/master/mobile/src/main/res/drawable-hdpi/linkedin.png" />
</a>

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.

 
No Reply at the moment.
需要 Sign In 后方可回复, 如果你还没有账号请点击这里 Sign Up