Merge pull request #8 from SyncfusionExamples/TabView_Sample

Added TabView samples for the KBs

NativeEmbeddingAndroid/AndroidManifest.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+  <application android:allowBackup="true" android:icon="@mipmap/appicon" android:label="@string/app_name" android:roundIcon="@mipmap/appicon_round" android:supportsRtl="true">
+  </application>
+  <uses-permission android:name="android.permission.INTERNET" />
+</manifest>

NativeEmbeddingAndroid/MainActivity.cs

@@ -0,0 +1,81 @@
+using Syncfusion.Maui.TabView;
+using Android.App;
+using Android.OS;
+using Microsoft.Maui.Embedding;
+using Syncfusion.Maui.Core.Hosting;
+using Microsoft.Maui.Platform;
+
+namespace NativeEmbeddingAndroid
+{
+    [Activity(Label = "@string/app_name", MainLauncher = true)]
+    public class MainActivity : Activity
+    {
+        MauiContext? _mauiContext;
+        protected override void OnCreate(Bundle? savedInstanceState)
+        {
+            base.OnCreate(savedInstanceState);
+            MauiAppBuilder builder = MauiApp.CreateBuilder();
+            builder.UseMauiEmbedding<Microsoft.Maui.Controls.Application>();
+            builder.ConfigureSyncfusionCore();
+            MauiApp mauiApp = builder.Build();
+            _mauiContext = new MauiContext(mauiApp.Services, this);
+
+            SfTabView tabView = new SfTabView() { TabBarBackground=Colors.HotPink };
+
+            ListView listView = new ListView
+            {
+                RowHeight = 50,
+                ItemsSource = new string[] { "James", "Richard", "Clara", "Michael", "Alex", "Clara" },
+                ItemTemplate = new DataTemplate(() =>
+                {
+                    var grid = new Grid
+                    {
+                        Margin = new Thickness(10, 5)
+                    };
+                    var label = new Label
+                    {
+                        VerticalOptions = LayoutOptions.Center,
+                        HorizontalOptions = LayoutOptions.Start,
+                        Margin = new Thickness(5, 0),
+                        TextColor = Colors.Black,
+                        FontSize = 16
+                    };
+                    label.SetBinding(Label.TextProperty, ".");
+
+                    grid.Children.Add(label);
+
+                    return new ViewCell { View = grid };
+                })
+            };
+
+            Grid favoritesGrid = new Grid { };
+            favoritesGrid.Children.Add(listView);
+            Grid recentsGrid = new Grid { BackgroundColor = Colors.Green };
+            Grid contactsGrid = new Grid { BackgroundColor = Colors.Blue };
+            var tabItems = new TabItemCollection
+            {
+                new SfTabItem()
+                {
+                    Header = "FAVOURITES",
+                    Content = favoritesGrid
+                },
+                new SfTabItem()
+                {
+                    Header = "RECENTS",
+                    Content = recentsGrid
+                },
+                new SfTabItem()
+                {
+                    Header = "CONTACTS",
+                    Content = contactsGrid
+                }
+            };
+
+            tabView.Items = tabItems;
+
+            Android.Views.View mauiView = tabView.ToPlatform(_mauiContext);
+            SetContentView(mauiView);
+        }
+
+    }
+}

NativeEmbeddingAndroid/NativeEmbeddingAndroid.csproj

@@ -0,0 +1,17 @@
+<Project Sdk="Microsoft.NET.Sdk">
+  <PropertyGroup>
+    <TargetFramework>net8.0-android</TargetFramework>
+    <SupportedOSPlatformVersion>21</SupportedOSPlatformVersion>
+    <OutputType>Exe</OutputType>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+	  <UseMaui>true</UseMaui>
+    <ApplicationId>com.companyname.NativeEmbeddingAndroid</ApplicationId>
+    <ApplicationVersion>1</ApplicationVersion>
+    <ApplicationDisplayVersion>1.0</ApplicationDisplayVersion>
+  </PropertyGroup>
+
+	<ItemGroup>
+		<PackageReference Include="Syncfusion.Maui.TabView" Version="*"/>
+	</ItemGroup>
+</Project>

NativeEmbeddingAndroid/NativeEmbeddingAndroid.sln

@@ -0,0 +1,27 @@
+
+Microsoft Visual Studio Solution File, Format Version 12.00
+# Visual Studio Version 17
+VisualStudioVersion = 17.9.34723.18
+MinimumVisualStudioVersion = 10.0.40219.1
+Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "NativeEmbeddingAndroid", "NativeEmbeddingAndroid.csproj", "{F8464F58-892E-4B94-97B6-6E802846B1A3}"
+EndProject
+Global
+	GlobalSection(SolutionConfigurationPlatforms) = preSolution
+		Debug|Any CPU = Debug|Any CPU
+		Release|Any CPU = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(ProjectConfigurationPlatforms) = postSolution
+		{F8464F58-892E-4B94-97B6-6E802846B1A3}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{F8464F58-892E-4B94-97B6-6E802846B1A3}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{F8464F58-892E-4B94-97B6-6E802846B1A3}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
+		{F8464F58-892E-4B94-97B6-6E802846B1A3}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{F8464F58-892E-4B94-97B6-6E802846B1A3}.Release|Any CPU.Build.0 = Release|Any CPU
+		{F8464F58-892E-4B94-97B6-6E802846B1A3}.Release|Any CPU.Deploy.0 = Release|Any CPU
+	EndGlobalSection
+	GlobalSection(SolutionProperties) = preSolution
+		HideSolutionNode = FALSE
+	EndGlobalSection
+	GlobalSection(ExtensibilityGlobals) = postSolution
+		SolutionGuid = {6FF478C7-4759-45EB-8A4F-5ADA794CB5F2}
+	EndGlobalSection
+EndGlobal

NativeEmbeddingAndroid/Resources/AboutResources.txt

@@ -0,0 +1,44 @@
+Images, layout descriptions, binary blobs and string dictionaries can be included 
+in your application as resource files.  Various Android APIs are designed to 
+operate on the resource IDs instead of dealing with images, strings or binary blobs 
+directly.
+
+For example, a sample Android app that contains a user interface layout (main.xml),
+an internationalization string table (strings.xml) and some icons (drawable-XXX/icon.png) 
+would keep its resources in the "Resources" directory of the application:
+
+Resources/
+    drawable/
+        icon.png
+
+    layout/
+        main.xml
+
+    values/
+        strings.xml
+
+In order to get the build system to recognize Android resources, set the build action to
+"AndroidResource".  The native Android APIs do not operate directly with filenames, but 
+instead operate on resource IDs.  When you compile an Android application that uses resources, 
+the build system will package the resources for distribution and generate a class called "Resource" 
+(this is an Android convention) that contains the tokens for each one of the resources 
+included. For example, for the above Resources layout, this is what the Resource class would expose:
+
+public class Resource {
+    public class Drawable {
+        public const int icon = 0x123;
+    }
+
+    public class Layout {
+        public const int main = 0x456;
+    }
+
+    public class Strings {
+        public const int first_string = 0xabc;
+        public const int second_string = 0xbcd;
+    }
+}
+
+You would then use Resource.Drawable.icon to reference the drawable/icon.png file, or 
+Resource.Layout.main to reference the layout/main.xml file, or Resource.Strings.first_string 
+to reference the first string in the dictionary file values/strings.xml.

NativeEmbeddingAndroid/Resources/layout/activity_main.xml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+    <TextView 
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:text="@string/app_text"
+    />
+</RelativeLayout>

NativeEmbeddingAndroid/Resources/mipmap-anydpi-v26/appicon.xml

@@ -0,0 +1,4 @@
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@mipmap/appicon_background" />
+  <foreground android:drawable="@mipmap/appicon_foreground" />
+</adaptive-icon>

NativeEmbeddingAndroid/Resources/mipmap-anydpi-v26/appicon_round.xml

@@ -0,0 +1,4 @@
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+  <background android:drawable="@mipmap/appicon_background" />
+  <foreground android:drawable="@mipmap/appicon_foreground" />
+</adaptive-icon>

NativeEmbeddingAndroid/Resources/values/ic_launcher_background.xml

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="ic_launcher_background">#2C3E50</color>
+</resources>

NativeEmbeddingAndroid/Resources/values/strings.xml

@@ -0,0 +1,4 @@
+<resources>
+    <string name="app_name">NativeEmbeddingAndroid</string>
+    <string name="app_text">Hello, Android!</string>
+</resources>

SelectedHeaderColorCustomization/App.xaml

@@ -0,0 +1,14 @@
+<?xml version = "1.0" encoding = "UTF-8" ?>
+<Application xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+             xmlns:local="clr-namespace:SelectedHeaderColorCustomization"
+             x:Class="SelectedHeaderColorCustomization.App">
+    <Application.Resources>
+        <ResourceDictionary>
+            <ResourceDictionary.MergedDictionaries>
+                <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
+                <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+            </ResourceDictionary.MergedDictionaries>
+        </ResourceDictionary>
+    </Application.Resources>
+</Application>

SelectedHeaderColorCustomization/App.xaml.cs

@@ -0,0 +1,12 @@
+namespace SelectedHeaderColorCustomization
+{
+    public partial class App : Application
+    {
+        public App()
+        {
+            InitializeComponent();
+
+            MainPage = new AppShell();
+        }
+    }
+}

SelectedHeaderColorCustomization/AppShell.xaml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Shell
+    x:Class="SelectedHeaderColorCustomization.AppShell"
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:local="clr-namespace:SelectedHeaderColorCustomization"
+    Shell.FlyoutBehavior="Disabled"
+    Title="SelectedHeaderColorCustomization">
+
+    <ShellContent
+        Title="Home"
+        ContentTemplate="{DataTemplate local:MainPage}"
+        Route="MainPage" />
+
+</Shell>

SelectedHeaderColorCustomization/AppShell.xaml.cs

@@ -0,0 +1,10 @@
+namespace SelectedHeaderColorCustomization
+{
+    public partial class AppShell : Shell
+    {
+        public AppShell()
+        {
+            InitializeComponent();
+        }
+    }
+}