https://github.com/fanmixco/bubbletabs-xamarin

Put some bubble in your tabs and give your apps a supa fresh style with Xamarin!
https://github.com/fanmixco/bubbletabs-xamarin

android androidx androidx-library bar bubble layout library material-design material-ui nuget nuget-package toolbar ui ui-design ux ux-design xamarin xamarin-android xamarin-binding

Last synced: 3 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/fanmixco/bubbletabs-xamarin
• Owner: FANMixco
• License: apache-2.0
• Created: 2020-07-31T22:14:56.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-06-09T18:37:11.000Z (7 months ago)
• Last Synced: 2024-10-06T10:24:10.908Z (3 months ago)
• Topics: android, androidx, androidx-library, bar, bubble, layout, library, material-design, material-ui, nuget, nuget-package, toolbar, ui, ui-design, ux, ux-design, xamarin, xamarin-android, xamarin-binding
• Language: C#
• Homepage: https://fanmixco.github.io/BubbleTabs-Xamarin/
• Size: 263 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


   



# BubbleTab-Xamarin

Based on Florent CHAMPIGNY's version: https://github.com/florent37/BubbleTab

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

[![screen](https://raw.githubusercontent.com/florent37/BubbleTab/master/media/withScreen_cropped.png)](https://github.com/florent37/BubbleTab)

# Usage

[![screen](https://raw.githubusercontent.com/florent37/BubbleTab/master/media/video.gif)](https://github.com/florent37/BubbleTab)

Add a BubbleTab with your icons on the layout.xml

Customisable parameters :

- circleColor

- circleRatio

```xml

                

                

                

                

                

```

Then bound it with your viewPager

```csharp

bubbleTab.SetupWithViewPager(viewPager2);

```

# Customisation

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

Simply use selectors !

[![screen](https://raw.githubusercontent.com/florent37/BubbleTab/master/media/different_icon.gif)](https://github.com/florent37/BubbleTab)

```xml

    

    

```

# Download

|  Package  |Latest Release|

|:----------|:------------:|

|**BubbleTabs.Xamarin**|[![NuGet Badge Xamarin-MaterialSearchBar](https://buildstats.info/nuget/BubbleTabs.Xamarin)](https://www.nuget.org/packages/BubbleTabs.Xamarin/)|

```

Install-Package BubbleTabs.Xamarin -Version 2.0.0.1

```

# Credits

Author: Federico Navarrete

### Follow me at:

|  LinkedIn  |YouTube|Amazon|Goodreads|Instagram|Cyber Prophets|Sharing Your Stories|

|:----------|:------------:|:------------:|:------------:|:------------:|:------------:|:------------:|

|[![LinkedIn](https://i.sstatic.net/idQWu.png)](https://bit.ly/lfanmixco)|[![YouTube](https://i.sstatic.net/CFPMR.png)](https://youtube.com/c/FedericoNavarrete)|[![Amazon](https://i.sstatic.net/NFOeE.png)](https://www.amazon.com/Federico-Navarrete/e/B08NJTXQRV)|[![Goodreads](https://i.sstatic.net/oBk0g.jpg)](https://www.goodreads.com/author/show/21125413.Federico_Navarrete)|[![Instagram](https://i.sstatic.net/PIfqY.png)](https://www.instagram.com/federico_the_consultant)|[![RedCircle Podcast](https://i.sstatic.net/4XICF.png)](https://redcircle.com/shows/cyber-prophets)|[![RedCircle Podcast](https://i.sstatic.net/4XICF.png)](https://redcircle.com/shows/sharing-your-stories)|

License

--------

    Copyright 2019-2020 fanmixco, 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.