Forum Xamarin Cross Platform with Xamarin

Tabbed Bar

Hi I am trying to create a custom renderer on tabbed page from xamarin forms to execute the following layout
I am trying to have button - looking tabbar with menu icon on the same layer level.

Thanks!

Best Answer

Answers

  • PrabakaranRamasamyPrabakaranRamasamy USMember ✭✭✭

    If you are able to use the 3rd party components in your application, then try using the Xamarin.Forms tabbed view control from Syncfusion. It's a view that isn't a page, so it can be wrapped inside any layout. Take a look at the code and output screenshot below that suit your requirements.

        <StackLayout Padding="0,10,0,0">
    
            <syncfusionButtons:SfChipGroup>
                <syncfusionButtons:SfChip HorizontalOptions="FillAndExpand" Margin="10" Text="AGENDA" />
                <syncfusionButtons:SfChip HorizontalOptions="FillAndExpand" Margin="10" Text="MY AGENDA" />
            </syncfusionButtons:SfChipGroup>
    
            <syncfusionTabView:SfTabView BackgroundColor="#f6f6f6">
                <syncfusionTabView:SfTabItem Title="PRE">
    
                </syncfusionTabView:SfTabItem>
                <syncfusionTabView:SfTabItem Title="FRIDAY">
    
                </syncfusionTabView:SfTabItem>
                <syncfusionTabView:SfTabItem Title="SATURDAY">
    
                </syncfusionTabView:SfTabItem>
    
                <syncfusionTabView:SfTabItem Title="SUNDAY">
    
                </syncfusionTabView:SfTabItem>
            </syncfusionTabView:SfTabView>
        </StackLayout>
    
    </ContentPage.Content>
    

    For more information, please refer to the following resources.

    Documentation: https://help.syncfusion.com/xamarin/sftabview/getting-started
    Nuget: https://www.nuget.org/packages/Syncfusion.Xamarin.SfTabView
    Live demo: http://play.google.com/store/apps/details?id=com.syncfusion.samplebrowser

    The whole suite of Syncfusion controls is available for free (commercial applications also) through the community license program if you qualify (less than 1 million US Dollars in revenue). The community license is the full product with no limitations or watermarks.

    Note: I work for Syncfusion.

  • kimjh3437kimjh3437 Member ✭✭

    Well, What I am trying to do is to have two tabs: agenda and my agenda. And, within Agenda Tab, I am trying to put 4 more tabs.

  • kimjh3437kimjh3437 Member ✭✭

    Is there way to alter two images when the agenda and myagenda tab are selected?

  • ColeXColeX Member, Xamarin Team Xamurai

    @kimjh3437 said:
    Is there way to alter two images when the agenda and myagenda tab are selected?

    You mean change the image on the tab ?

  • kimjh3437kimjh3437 Member ✭✭

    Yes having different images for selected and unselected

  • kimjh3437kimjh3437 Member ✭✭

    Also, when I am trying to use custom tabbed page renderer
    [assembly: ExportRenderer(typeof(MyTabs), typeof(MyTabsRenderer))]
    namespace TabIcons.Droid
    {
    public class MyTabsRenderer : TabbedPageRenderer

    it says It is deprecated it tells me to use TabbedPageRenderer(context)
    What does this mean?

  • ColeXColeX Member, Xamarin Team Xamurai

    @kimjh3437 said:
    Yes having different images for selected and unselected

    Change button to ImageButton , change the image source when tap the tab .

Sign In or Register to comment.