public TabViewGettingStarted()
{
InitializeComponent();
ConfigureListView();
tabView = GetTabView();
tabView.TabHeight = 64;
this.Content = tabView;
}
public TabViewGettingStarted()
{
InitializeComponent();
ConfigureListView();
tabView = GetTabView();
tabView.TabHeight = 64;
this.Content = tabView;
EnableScrollSwitch.Toggled += EnableScrollableSwitch_Toggled;
}
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);
}