Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/muhaym/ElegantTabs
Elegant Tabs adds some of nifty features that are missing in Xamarin Forms Tabbed Pages like Disabled Pages, Selected Icons, ability to use original Icon Colours
https://github.com/muhaym/ElegantTabs
forms tabbedpage xamarin xamarin-forms
Last synced: 2 months ago
JSON representation
Elegant Tabs adds some of nifty features that are missing in Xamarin Forms Tabbed Pages like Disabled Pages, Selected Icons, ability to use original Icon Colours
- Host: GitHub
- URL: https://github.com/muhaym/ElegantTabs
- Owner: muhaym
- License: mit
- Created: 2018-12-04T06:37:44.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-06-25T13:01:01.000Z (over 4 years ago)
- Last Synced: 2024-08-03T23:23:23.925Z (5 months ago)
- Topics: forms, tabbedpage, xamarin, xamarin-forms
- Language: C#
- Homepage:
- Size: 53.7 KB
- Stars: 44
- Watchers: 3
- Forks: 6
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-xamarin-forms - ElegantTabs ★48
README
[](https://www.nuget.org/packages/ElegantTabs)
# ElegantTabs for Xamarin.Forms
Elegant Tabs adds some of nifty features that are missing in Xamarin Forms Tabbed Pages
- Options to Hide / Show Title (If No title is given, option to center the icon)
- To Defer Loading the Tab on Click (Useful in scenarios, where you don't want to show pages in Tabs, instead use some sort of popups)
- Give selected and unselected icons seperately
- Keep original colours of the given tab icon (remove tinting)
- Tab Icon Clicked Event
### Note
- This Library disables the default Sliding behaviour in Android Tabs
- Removes the tinting (removing colour properties) from icons.
- This library will only work with Bottom Navigation Bar in Android and only supports Xamarin Forms Version 3.1 Above.
- This library does not support legacy NON AppCompat Main Activity.
## Supported Platforms
- iOS
- Android
## How to Use?
### Setup
Available on NuGet: http://www.nuget.org/packages/ElegantTabs.
Install into your PCL/NETStandard project and Client projects
You have to register the custom renderer. You canput this in the AssemblyInfo.cs file of my Platform specific project (iOS, Android) csproj.
```csharp
[assembly: ExportRenderer(typeof(TabbedPage), typeof(ElegantTabs.Droid.ElegantTabRenderer))]
```
### NOTE: Custom TabbedPage / Custom Renderers
If you are using a custom renderer for TabbedPage please change it to inherit from ElegantTabRenderer and you are all set. Of course dont forget to register your own renderer.
In Tabbed Page XAML, add
```xaml
xmlns:plugin="clr-namespace:ElegantTabs.Abstraction;assembly=ElegantTabs.Abstraction"
```
**In any tab childrens you can add the following properties**
| Property | Type | |
| -------------------------------------- | :----: | :---------------------------------------------------------------------- |
| Icon | string | Original Xamarin.Forms property. Compulsory if you want to display Icon |
| plugin:Transforms.SelectedIcon | string | Icon file source when tab is selected |
| plugin:Transforms.KeepIconColourIntact | bool | If true, use the original file for icon without any extra tinting. |
| plugin:Transforms.DisableLoad | bool | To avoid navigation / loading the page (suitable for popups) |
| plugin:Transforms.HideTitle | bool | To remove or ignore title, and center the icon |
**Events**
| Event | Usage |
| :------------------------ | :----------------------------------------------------------------------------------------------------------------------- |
| Transforms.TabIconClicked | Subscribe to get icon click. Can be used from anywhere in the project (including tabbed page's code behind or viewmodel) |
eg.
```xml
```
### DISCLAIMER
This is a prerelease, I have not tested many cases like adding tabs dynamically, changing properties from view model, etc.
I don't guarantee the performance and code quality of this library, this is an experimentation and all are welcome to send PR for improving performance or finding more simplified ways to solve this problem
Heavily inspired from [Xamarin Forms](https://github.com/xamarin/Xamarin.Forms) source code and [xamarin-forms-tab-badge](https://github.com/xabre/xamarin-forms-tab-badge).