C# (CSharp) Syncfusion.XForms.TabView SfTabView Examples

Example #1

File: TabViewGettingStarted.xaml.cs Project: vivern123/xamarin-demos

 public TabViewGettingStarted()
 {
     InitializeComponent();
     ConfigureListView();
     tabView           = GetTabView();
     tabView.TabHeight = 64;
     this.Content      = tabView;
 }

Example #2

File: TabViewGettingStarted.xaml.cs Project: yo1249009/xamarin-demos

 public TabViewGettingStarted()
 {
     InitializeComponent();
     ConfigureListView();
     tabView                     = GetTabView();
     tabView.TabHeight           = 64;
     this.Content                = tabView;
     EnableScrollSwitch.Toggled += EnableScrollableSwitch_Toggled;
 }

Example #3

File: TabViewGettingStarted.xaml.cs Project: Tuurash/xamarin-demos

        private Syncfusion.XForms.TabView.SfTabView GetTabView()
        {
            var _tabView = new Syncfusion.XForms.TabView.SfTabView();

            _tabView.DisplayMode              = TabDisplayMode.ImageWithText;
            _tabView.OverflowMode             = OverflowMode.Scroll;
            _tabView.TabHeaderBackgroundColor = Color.FromHex("#2196F3");
            _tabView.OverflowButtonSettings   = new OverflowButtonSettings()
            {
                TitleFontColor = Color.White
            };
            _tabView.VisibleHeaderCount = 4;
            if (Device.RuntimePlatform == "iOS")
            {
                _tabView.TabHeight = 60;
            }
            var index    = 0;
            var iconList = new[] { "A", "C", "F", "H", "K" };

            foreach (var category in viewModel.Categories)
            {
                var tabViewItem = new SfTabItem
                {
                    Title             = category,
                    IconFont          = iconList[index],
                    Content           = ListViewCollection[index],
                    SelectionColor    = Color.White,
                    TitleFontColor    = Color.LightBlue,
                    FontIconFontColor = Color.LightBlue,
                    TitleFontSize     = Device.Idiom == TargetIdiom.Tablet ? 16 : 12
                };
                if (Device.RuntimePlatform == "iOS")
                {
                    tabViewItem.FontIconFontFamily = "TabIcons";
                }
                else if (Device.RuntimePlatform == "Android")
                {
                    tabViewItem.FontIconFontFamily = "TabIcons.ttf";
                }
                else if (Device.RuntimePlatform == "UWP")
                {
#if COMMONSB
                    tabViewItem.FontIconFontFamily = "/Assets/Fonts/TabIcons.ttf#TabIcons";
#else
                    if (Core.SampleBrowser.IsIndividualSB)
                    {
                        tabViewItem.FontIconFontFamily = "/Assets/Fonts/TabIcons.ttf#TabIcons";
                    }
                    else
                    {
                        tabViewItem.FontIconFontFamily = $"ms-appx:///SampleBrowser.SfTabView.UWP/Assets/Fonts/TabIcons.ttf#TabIcons";    //@"SampleBrowser.SfTabView.UWP\Assets\Fonts\TabIcons.ttf#TabIcons";
                    }
#endif
                }
                _tabView.Items.Add(tabViewItem);
                index++;
            }

            _tabView.SelectionIndicatorSettings = new SelectionIndicatorSettings()
            {
                Position = SelectionIndicatorPosition.Bottom,
                Color    = Color.White
            };

            _tabView.TabHeaderPosition = TabHeaderPosition.Top;
            return(_tabView);
        }