├── segmented-control.gif
├── iOS
    ├── Assets.xcassets
    │   ├── Contents.json
    │   └── AppIcon.appiconset
    │   │   └── Contents.json
    ├── packages.config
    ├── Entitlements.plist
    ├── Main.cs
    ├── AppDelegate.cs
    ├── Renderers
    │   └── ScrollViewWithNotBarRenderer.cs
    ├── LaunchScreen.storyboard
    ├── Info.plist
    └── SegmentedControlSample.iOS.csproj
├── Droid
    ├── Resources
    │   ├── drawable
    │   │   └── icon.png
    │   ├── drawable-hdpi
    │   │   └── icon.png
    │   ├── drawable-xhdpi
    │   │   └── icon.png
    │   ├── drawable-xxhdpi
    │   │   └── icon.png
    │   ├── layout
    │   │   ├── Toolbar.axml
    │   │   └── Tabbar.axml
    │   ├── values
    │   │   └── styles.xml
    │   └── AboutResources.txt
    ├── Properties
    │   ├── AndroidManifest.xml
    │   └── AssemblyInfo.cs
    ├── Assets
    │   └── AboutAssets.txt
    ├── MainActivity.cs
    ├── packages.config
    ├── Renderers
    │   └── ScrollViewWithNotBarRenderer.cs
    └── SegmentedControlSample.Droid.csproj
├── SegmentedControlSample
    ├── packages.config
    ├── Controls
    │   ├── NoScrolleableScrollView.cs
    │   └── SegmentedBarControl.cs
    ├── App.xaml
    ├── SegmentedControlSamplePage.xaml.cs
    ├── App.xaml.cs
    ├── SegmentedControlSamplePage.xaml
    ├── Properties
    │   └── AssemblyInfo.cs
    └── SegmentedControlSample.csproj
├── README.md
├── .gitignore
├── LICENSE
└── SegmentedControlSample.sln


/segmented-control.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CrossGeeks/SegmentedControlSample/HEAD/segmented-control.gif


--------------------------------------------------------------------------------
/iOS/Assets.xcassets/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 |   "info" : {
3 |     "version" : 1,
4 |     "author" : "xcode"
5 |   }
6 | }


--------------------------------------------------------------------------------
/Droid/Resources/drawable/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CrossGeeks/SegmentedControlSample/HEAD/Droid/Resources/drawable/icon.png


--------------------------------------------------------------------------------
/Droid/Resources/drawable-hdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CrossGeeks/SegmentedControlSample/HEAD/Droid/Resources/drawable-hdpi/icon.png


--------------------------------------------------------------------------------
/Droid/Resources/drawable-xhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CrossGeeks/SegmentedControlSample/HEAD/Droid/Resources/drawable-xhdpi/icon.png


--------------------------------------------------------------------------------
/Droid/Resources/drawable-xxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CrossGeeks/SegmentedControlSample/HEAD/Droid/Resources/drawable-xxhdpi/icon.png


--------------------------------------------------------------------------------
/iOS/packages.config:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <packages>
3 |   <package id="Xamarin.Forms" version="2.3.4.247" targetFramework="xamarinios10" />
4 | </packages>


--------------------------------------------------------------------------------
/SegmentedControlSample/packages.config:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <packages>
3 |   <package id="Xamarin.Forms" version="2.3.4.247" targetFramework="portable45-net45+win8+wpa81" />
4 | </packages>


--------------------------------------------------------------------------------
/SegmentedControlSample/Controls/NoScrolleableScrollView.cs:
--------------------------------------------------------------------------------
 1 | using Xamarin.Forms;
 2 | 
 3 | namespace SegmentedControlSample.Controls
 4 | {
 5 |     public class ScrollViewWithNotBar : ScrollView
 6 |     {
 7 | 
 8 |     }
 9 | }
10 | 


--------------------------------------------------------------------------------
/iOS/Entitlements.plist:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8" ?>
2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
3 | <plist version="1.0">
4 | <dict>
5 | </dict>
6 | </plist>
7 | 


--------------------------------------------------------------------------------
/SegmentedControlSample/App.xaml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <Application xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="SegmentedControlSample.App">
3 | 	<Application.Resources>
4 | 		<!-- Application resource dictionary -->
5 | 	</Application.Resources>
6 | </Application>
7 | 


--------------------------------------------------------------------------------
/Droid/Properties/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <manifest xmlns:android="http://schemas.android.com/apk/res/android" android:versionCode="1" android:versionName="1.0" package="com.samples.SegmentedControlSample">
3 | 	<uses-sdk android:minSdkVersion="15" />
4 | 	<application android:label="SegmentedControlSample">
5 | 	</application>
6 | </manifest>
7 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # SegmentedControlSample
2 | 
3 | <p align="center">
4 | <img src="https://github.com/CrossGeeks/SegmentedControlSample/blob/master/segmented-control.gif?raw=true" width="260" height="480" title="iOS"/>
5 | </p>
6 | 
7 | Blog post: [http://www.xamboy.com/2018/01/12/segmented-bar-control-in-xamarin-forms/](http://www.xamboy.com/2018/01/12/segmented-bar-control-in-xamarin-forms/)
8 | 


--------------------------------------------------------------------------------
/Droid/Resources/layout/Toolbar.axml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" android:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
3 | 


--------------------------------------------------------------------------------
/Droid/Resources/layout/Tabbar.axml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="utf-8"?>
2 | <android.support.design.widget.TabLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:id="@+id/sliding_tabs" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="?attr/colorPrimary" android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" app:tabIndicatorColor="@android:color/white" app:tabGravity="fill" app:tabMode="fixed" />
3 | 


--------------------------------------------------------------------------------
/iOS/Main.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | 
 5 | using Foundation;
 6 | using UIKit;
 7 | 
 8 | namespace SegmentedControlSample.iOS
 9 | {
10 |     public class Application
11 |     {
12 |         // This is the main entry point of the application.
13 |         static void Main(string[] args)
14 |         {
15 |             // if you want to use a different Application Delegate class from "AppDelegate"
16 |             // you can specify it here.
17 |             UIApplication.Main(args, null, "AppDelegate");
18 |         }
19 |     }
20 | }
21 | 


--------------------------------------------------------------------------------
/iOS/AppDelegate.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.Collections.Generic;
 3 | using System.Linq;
 4 | 
 5 | using Foundation;
 6 | using UIKit;
 7 | 
 8 | namespace SegmentedControlSample.iOS
 9 | {
10 |     [Register("AppDelegate")]
11 |     public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate
12 |     {
13 |         public override bool FinishedLaunching(UIApplication app, NSDictionary options)
14 |         {
15 |             global::Xamarin.Forms.Forms.Init();
16 | 
17 |             LoadApplication(new App());
18 | 
19 |             return base.FinishedLaunching(app, options);
20 |         }
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | ## Xamarin stuff
 2 | Components
 3 | [Pp]ackages
 4 | *.userprefs
 5 | Resource.designer.cs
 6 | 
 7 | #Autosave files
 8 | *~
 9 | 
10 | #build
11 | [Oo]bj/
12 | [Bb]in/
13 | packages/
14 | TestResults/
15 | 
16 | # globs
17 | Makefile.in
18 | *.DS_Store
19 | *.sln.cache
20 | *.suo
21 | *.cache
22 | *.pidb
23 | *.userprefs
24 | *.usertasks
25 | config.log
26 | config.make
27 | config.status
28 | aclocal.m4
29 | install-sh
30 | autom4te.cache/
31 | *.user
32 | *.tar.gz
33 | tarballs/
34 | test-results/
35 | Thumbs.db
36 | 
37 | #Mac bundle stuff
38 | *.dmg
39 | *.app
40 | 
41 | #resharper
42 | *_Resharper.*
43 | *.Resharper
44 | 
45 | #dotCover
46 | *.dotCover
47 | 


--------------------------------------------------------------------------------
/Droid/Assets/AboutAssets.txt:
--------------------------------------------------------------------------------
 1 | Any raw assets you want to be deployed with your application can be placed in
 2 | this directory (and child directories) and given a Build Action of "AndroidAsset".
 3 | 
 4 | These files will be deployed with your package and will be accessible using Android's
 5 | AssetManager, like this:
 6 | 
 7 | public class ReadAsset : Activity
 8 | {
 9 | 	protected override void OnCreate (Bundle bundle)
10 | 	{
11 | 		base.OnCreate (bundle);
12 | 
13 | 		InputStream input = Assets.Open ("my_asset.txt");
14 | 	}
15 | }
16 | 
17 | Additionally, some Android functions will automatically load asset files:
18 | 
19 | Typeface tf = Typeface.CreateFromAsset (Context.Assets, "fonts/samplefont.ttf");
20 | 


--------------------------------------------------------------------------------
/SegmentedControlSample/SegmentedControlSamplePage.xaml.cs:
--------------------------------------------------------------------------------
 1 | using System.Collections.Generic;
 2 | using System.Diagnostics;
 3 | using Xamarin.Forms;
 4 | 
 5 | namespace SegmentedControlSample
 6 | {
 7 |     public partial class SegmentedControlSamplePage : ContentPage
 8 |     {
 9 |         public SegmentedControlSamplePage()
10 |         {
11 |             InitializeComponent();
12 |             var vehicleTypes = new List<string>() {  "Motocycle", "Car", "Plane", "Boat", "Bike", "Jeep", "Train", "Truck" };
13 |             segment.Children = vehicleTypes;
14 |         }
15 | 
16 |         void Handle_SelectedItemChanged(object sender, SelectedItemChangedEventArgs e)
17 |         {
18 |             ItemSelectedText.Text = $"{e.SelectedItem}";
19 |         }
20 |     }
21 | }
22 | 


--------------------------------------------------------------------------------
/SegmentedControlSample/App.xaml.cs:
--------------------------------------------------------------------------------
 1 | using Xamarin.Forms;
 2 | 
 3 | namespace SegmentedControlSample
 4 | {
 5 |     public partial class App : Application
 6 |     {
 7 |         public App()
 8 |         {
 9 |             InitializeComponent();
10 | 
11 |             MainPage = new NavigationPage(new SegmentedControlSamplePage(){Title="Segmented Control Sample"}){BarBackgroundColor=Color.DarkGray, BarTextColor=Color.White};
12 |         }
13 | 
14 |         protected override void OnStart()
15 |         {
16 |             // Handle when your app starts
17 |         }
18 | 
19 |         protected override void OnSleep()
20 |         {
21 |             // Handle when your app sleeps
22 |         }
23 | 
24 |         protected override void OnResume()
25 |         {
26 |             // Handle when your app resumes
27 |         }
28 |     }
29 | }
30 | 


--------------------------------------------------------------------------------
/Droid/MainActivity.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | 
 3 | using Android.App;
 4 | using Android.Content;
 5 | using Android.Content.PM;
 6 | using Android.Runtime;
 7 | using Android.Views;
 8 | using Android.Widget;
 9 | using Android.OS;
10 | 
11 | namespace SegmentedControlSample.Droid
12 | {
13 |     [Activity(Label = "SegmentedControlSample.Droid", Icon = "@drawable/icon", Theme = "@style/MyTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation)]
14 |     public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
15 |     {
16 |         protected override void OnCreate(Bundle bundle)
17 |         {
18 |             TabLayoutResource = Resource.Layout.Tabbar;
19 |             ToolbarResource = Resource.Layout.Toolbar;
20 | 
21 |             base.OnCreate(bundle);
22 | 
23 |             global::Xamarin.Forms.Forms.Init(this, bundle);
24 | 
25 |             LoadApplication(new App());
26 |         }
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/Droid/packages.config:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <packages>
 3 |   <package id="Xamarin.Android.Support.Animated.Vector.Drawable" version="23.3.0" targetFramework="monoandroid71" />
 4 |   <package id="Xamarin.Android.Support.Design" version="23.3.0" targetFramework="monoandroid71" />
 5 |   <package id="Xamarin.Android.Support.v4" version="23.3.0" targetFramework="monoandroid71" />
 6 |   <package id="Xamarin.Android.Support.v7.AppCompat" version="23.3.0" targetFramework="monoandroid71" />
 7 |   <package id="Xamarin.Android.Support.v7.CardView" version="23.3.0" targetFramework="monoandroid71" />
 8 |   <package id="Xamarin.Android.Support.v7.MediaRouter" version="23.3.0" targetFramework="monoandroid71" />
 9 |   <package id="Xamarin.Android.Support.v7.RecyclerView" version="23.3.0" targetFramework="monoandroid71" />
10 |   <package id="Xamarin.Android.Support.Vector.Drawable" version="23.3.0" targetFramework="monoandroid71" />
11 |   <package id="Xamarin.Forms" version="2.3.4.247" targetFramework="monoandroid71" />
12 | </packages>


--------------------------------------------------------------------------------
/SegmentedControlSample/SegmentedControlSamplePage.xaml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
 3 |              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
 4 |              xmlns:local="clr-namespace:SegmentedControlSample" 
 5 |              x:Class="SegmentedControlSample.SegmentedControlSamplePage">
 6 |     <StackLayout Padding="0,5">
 7 | 
 8 |         <local:SegmentedBarControl SelectedItemChanged="Handle_SelectedItemChanged" 
 9 |                              x:Name="segment" 
10 |                              AutoScroll="true"
11 |                              TextColor="Black" 
12 |                              SelectedTextColor="Navy"
13 |                              SelectedLineColor="Navy"/>
14 | 
15 |       <Label FontAttributes="Bold" 
16 |              FontSize="Large" 
17 |              x:Name="ItemSelectedText" 
18 |              HorizontalOptions="CenterAndExpand" 
19 |              VerticalOptions="CenterAndExpand"/>
20 |     </StackLayout>
21 | </ContentPage>
22 | 


--------------------------------------------------------------------------------
/Droid/Renderers/ScrollViewWithNotBarRenderer.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.ComponentModel;
 3 | using SegmentedControlSample.Controls;
 4 | using SegmentedControlSample.Droid.Renderers;
 5 | using Xamarin.Forms;
 6 | using Xamarin.Forms.Platform.Android;
 7 | 
 8 | [assembly: ExportRenderer(typeof(ScrollViewWithNotBar),typeof(ScrollViewWithNotBarRenderer))]
 9 | namespace SegmentedControlSample.Droid.Renderers
10 | {
11 | 	public class ScrollViewWithNotBarRenderer : ScrollViewRenderer
12 | 	{
13 | 		protected override void OnElementChanged(VisualElementChangedEventArgs e)
14 | 		{
15 | 			base.OnElementChanged(e);
16 | 
17 | 			if (e.OldElement != null || this.Element == null)
18 | 				return;
19 | 
20 | 			if (e.OldElement != null)
21 | 				e.OldElement.PropertyChanged -= OnElementPropertyChanged;
22 | 
23 | 			e.NewElement.PropertyChanged += OnElementPropertyChanged;
24 | 
25 | 		}
26 | 
27 | 		protected void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
28 | 		{
29 | 			this.HorizontalScrollBarEnabled = false;
30 | 			this.VerticalScrollBarEnabled = false;
31 | 
32 | 		}
33 | 	}
34 | }
35 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2018 Rendy Del Rosario
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/SegmentedControlSample/Properties/AssemblyInfo.cs:
--------------------------------------------------------------------------------
 1 | using System.Reflection;
 2 | using System.Runtime.CompilerServices;
 3 | 
 4 | // Information about this assembly is defined by the following attributes. 
 5 | // Change them to the values specific to your project.
 6 | 
 7 | [assembly: AssemblyTitle("SegmentedControlSample")]
 8 | [assembly: AssemblyDescription("")]
 9 | [assembly: AssemblyConfiguration("")]
10 | [assembly: AssemblyCompany("")]
11 | [assembly: AssemblyProduct("")]
12 | [assembly: AssemblyCopyright("(c) Rendy Del Rosario")]
13 | [assembly: AssemblyTrademark("")]
14 | [assembly: AssemblyCulture("")]
15 | 
16 | // The assembly version has the format "{Major}.{Minor}.{Build}.{Revision}".
17 | // The form "{Major}.{Minor}.*" will automatically update the build and revision,
18 | // and "{Major}.{Minor}.{Build}.*" will update just the revision.
19 | 
20 | [assembly: AssemblyVersion("1.0.*")]
21 | 
22 | // The following attributes are used to specify the signing key for the assembly, 
23 | // if desired. See the Mono documentation for more information about signing.
24 | 
25 | //[assembly: AssemblyDelaySign(false)]
26 | //[assembly: AssemblyKeyFile("")]
27 | 


--------------------------------------------------------------------------------
/Droid/Properties/AssemblyInfo.cs:
--------------------------------------------------------------------------------
 1 | using System.Reflection;
 2 | using System.Runtime.CompilerServices;
 3 | using Android.App;
 4 | 
 5 | // Information about this assembly is defined by the following attributes. 
 6 | // Change them to the values specific to your project.
 7 | 
 8 | [assembly: AssemblyTitle("SegmentedControlSample.Droid")]
 9 | [assembly: AssemblyDescription("")]
10 | [assembly: AssemblyConfiguration("")]
11 | [assembly: AssemblyCompany("")]
12 | [assembly: AssemblyProduct("")]
13 | [assembly: AssemblyCopyright("(c) Rendy Del Rosario")]
14 | [assembly: AssemblyTrademark("")]
15 | [assembly: AssemblyCulture("")]
16 | 
17 | // The assembly version has the format "{Major}.{Minor}.{Build}.{Revision}".
18 | // The form "{Major}.{Minor}.*" will automatically update the build and revision,
19 | // and "{Major}.{Minor}.{Build}.*" will update just the revision.
20 | 
21 | [assembly: AssemblyVersion("1.0.0")]
22 | 
23 | // The following attributes are used to specify the signing key for the assembly, 
24 | // if desired. See the Mono documentation for more information about signing.
25 | 
26 | //[assembly: AssemblyDelaySign(false)]
27 | //[assembly: AssemblyKeyFile("")]
28 | 


--------------------------------------------------------------------------------
/iOS/Renderers/ScrollViewWithNotBarRenderer.cs:
--------------------------------------------------------------------------------
 1 | using System;
 2 | using System.ComponentModel;
 3 | using SegmentedControlSample.Controls;
 4 | using SegmentedControlSample.iOS.Renderers;
 5 | using Xamarin.Forms;
 6 | using Xamarin.Forms.Platform.iOS;
 7 | 
 8 | [assembly: ExportRenderer(typeof(ScrollViewWithNotBar),typeof(ScrollViewWithNotBarRenderer))]
 9 | namespace SegmentedControlSample.iOS.Renderers
10 | {
11 | 	public class ScrollViewWithNotBarRenderer : ScrollViewRenderer
12 | 	{
13 |         protected override void OnElementChanged(VisualElementChangedEventArgs e)
14 |         {
15 |             base.OnElementChanged(e);
16 | 
17 |             if (e.OldElement != null || this.Element == null)
18 |             {
19 |                 return;
20 |             }
21 | 
22 |             if (e.OldElement != null)
23 |             {
24 |                 e.OldElement.PropertyChanged -= OnElementPropertyChanged;
25 |             }
26 | 
27 |             e.NewElement.PropertyChanged += OnElementPropertyChanged;
28 | 		}
29 | 
30 | 		private void OnElementPropertyChanged(object sender, PropertyChangedEventArgs e)
31 | 		{
32 | 			this.ShowsHorizontalScrollIndicator = false;
33 | 		}
34 | 	}
35 | }


--------------------------------------------------------------------------------
/Droid/Resources/values/styles.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <resources>
 3 | 	<style name="MyTheme" parent="MyTheme.Base">
 4 | 	</style>
 5 | 	<!-- Base theme applied no matter what API -->
 6 | 	<style name="MyTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
 7 | 		<!--If you are using revision 22.1 please use just windowNoTitle. Without android:-->
 8 | 		<item name="windowNoTitle">true</item>
 9 | 		<!--We will be using the toolbar so no need to show ActionBar-->
10 | 		<item name="windowActionBar">false</item>
11 | 		<!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette-->
12 | 		<!-- colorPrimary is used for the default action bar background -->
13 | 		<item name="colorPrimary">#2196F3</item>
14 | 		<!-- colorPrimaryDark is used for the status bar -->
15 | 		<item name="colorPrimaryDark">#1976D2</item>
16 | 		<!-- colorAccent is used as the default value for colorControlActivated
17 |          which is used to tint widgets -->
18 | 		<item name="colorAccent">#FF4081</item>
19 | 		<!-- You can also set colorControlNormal, colorControlActivated
20 |          colorControlHighlight and colorSwitchThumbNormal. -->
21 | 		<item name="windowActionModeOverlay">true</item>
22 | 		<item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item>
23 | 	</style>
24 | 	<style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog">
25 | 		<item name="colorAccent">#FF4081</item>
26 | 	</style>
27 | </resources>
28 | 


--------------------------------------------------------------------------------
/iOS/LaunchScreen.storyboard:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 2 | <document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="9532" systemVersion="15D21" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" initialViewController="01J-lp-oVM">
 3 | 	<dependencies>
 4 | 		<deployment identifier="iOS" />
 5 | 		<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="9530" />
 6 | 	</dependencies>
 7 | 	<scenes>
 8 | 		<!--View Controller-->
 9 | 		<scene sceneID="EHf-IW-A2E">
10 | 			<objects>
11 | 				<viewController id="01J-lp-oVM" sceneMemberID="viewController">
12 | 					<layoutGuides>
13 | 						<viewControllerLayoutGuide type="top" id="Llm-lL-Icb" />
14 | 						<viewControllerLayoutGuide type="bottom" id="xb3-aO-Qok" />
15 | 					</layoutGuides>
16 | 					<view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
17 | 						<rect key="frame" x="0.0" y="0.0" width="600" height="600" />
18 | 						<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES" />
19 | 						<color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite" />
20 | 					</view>
21 | 				</viewController>
22 | 				<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder" />
23 | 			</objects>
24 | 			<point key="canvasLocation" x="53" y="375" />
25 | 		</scene>
26 | 	</scenes>
27 | </document>
28 | 


--------------------------------------------------------------------------------
/iOS/Info.plist:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 3 | <plist version="1.0">
 4 | <dict>
 5 | 	<key>CFBundleDisplayName</key>
 6 | 	<string>SegmentedControlSample</string>
 7 | 	<key>CFBundleName</key>
 8 | 	<string>SegmentedControlSample</string>
 9 | 	<key>CFBundleIdentifier</key>
10 | 	<string>com.samples.SegmentedControlSample</string>
11 | 	<key>CFBundleShortVersionString</key>
12 | 	<string>1.0</string>
13 | 	<key>CFBundleVersion</key>
14 | 	<string>1.0</string>
15 | 	<key>LSRequiresIPhoneOS</key>
16 | 	<true/>
17 | 	<key>MinimumOSVersion</key>
18 | 	<string>8.0</string>
19 | 	<key>UIDeviceFamily</key>
20 | 	<array>
21 | 		<integer>1</integer>
22 | 		<integer>2</integer>
23 | 	</array>
24 | 	<key>UILaunchStoryboardName</key>
25 | 	<string>LaunchScreen</string>
26 | 	<key>UIRequiredDeviceCapabilities</key>
27 | 	<array>
28 | 		<string>armv7</string>
29 | 	</array>
30 | 	<key>UISupportedInterfaceOrientations</key>
31 | 	<array>
32 | 		<string>UIInterfaceOrientationPortrait</string>
33 | 		<string>UIInterfaceOrientationLandscapeLeft</string>
34 | 		<string>UIInterfaceOrientationLandscapeRight</string>
35 | 	</array>
36 | 	<key>UISupportedInterfaceOrientations~ipad</key>
37 | 	<array>
38 | 		<string>UIInterfaceOrientationPortrait</string>
39 | 		<string>UIInterfaceOrientationPortraitUpsideDown</string>
40 | 		<string>UIInterfaceOrientationLandscapeLeft</string>
41 | 		<string>UIInterfaceOrientationLandscapeRight</string>
42 | 	</array>
43 | 	<key>XSAppIconAssets</key>
44 | 	<string>Assets.xcassets/AppIcon.appiconset</string>
45 | </dict>
46 | </plist>
47 | 


--------------------------------------------------------------------------------
/Droid/Resources/AboutResources.txt:
--------------------------------------------------------------------------------
 1 | Images, layout descriptions, binary blobs and string dictionaries can be included 
 2 | in your application as resource files.  Various Android APIs are designed to 
 3 | operate on the resource IDs instead of dealing with images, strings or binary blobs 
 4 | directly.
 5 | 
 6 | For example, a sample Android app that contains a user interface layout (main.axml),
 7 | an internationalization string table (strings.xml) and some icons (drawable-XXX/icon.png) 
 8 | would keep its resources in the "Resources" directory of the application:
 9 | 
10 | Resources/
11 |     drawable/
12 |         icon.png
13 | 
14 |     layout/
15 |         main.axml
16 | 
17 |     values/
18 |         strings.xml
19 | 
20 | In order to get the build system to recognize Android resources, set the build action to
21 | "AndroidResource".  The native Android APIs do not operate directly with filenames, but 
22 | instead operate on resource IDs.  When you compile an Android application that uses resources, 
23 | the build system will package the resources for distribution and generate a class called "R" 
24 | (this is an Android convention) that contains the tokens for each one of the resources 
25 | included. For example, for the above Resources layout, this is what the R class would expose:
26 | 
27 | public class R {
28 |     public class drawable {
29 |         public const int icon = 0x123;
30 |     }
31 | 
32 |     public class layout {
33 |         public const int main = 0x456;
34 |     }
35 | 
36 |     public class strings {
37 |         public const int first_string = 0xabc;
38 |         public const int second_string = 0xbcd;
39 |     }
40 | }
41 | 
42 | You would then use R.drawable.icon to reference the drawable/icon.png file, or R.layout.main 
43 | to reference the layout/main.axml file, or R.strings.first_string to reference the first 
44 | string in the dictionary file values/strings.xml.
45 | 


--------------------------------------------------------------------------------
/SegmentedControlSample/SegmentedControlSample.csproj:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="utf-8"?>
 2 | <Project DefaultTargets="Build" ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
 3 |   <PropertyGroup>
 4 |     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
 5 |     <Platform Condition=" '$(Platform)' == '' ">AnyCPU</Platform>
 6 |     <ProjectGuid>{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}</ProjectGuid>
 7 |     <ProjectTypeGuids>{786C830F-07A1-408B-BD7F-6EE04809D6DB};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}</ProjectTypeGuids>
 8 |     <UseMSBuildEngine>true</UseMSBuildEngine>
 9 |     <OutputType>Library</OutputType>
10 |     <RootNamespace>SegmentedControlSample</RootNamespace>
11 |     <AssemblyName>SegmentedControlSample</AssemblyName>
12 |     <TargetFrameworkVersion>v4.5</TargetFrameworkVersion>
13 |     <TargetFrameworkProfile>Profile111</TargetFrameworkProfile>
14 |   </PropertyGroup>
15 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
16 |     <DebugSymbols>true</DebugSymbols>
17 |     <DebugType>full</DebugType>
18 |     <Optimize>false</Optimize>
19 |     <OutputPath>bin\Debug</OutputPath>
20 |     <DefineConstants>DEBUG;</DefineConstants>
21 |     <ErrorReport>prompt</ErrorReport>
22 |     <WarningLevel>4</WarningLevel>
23 |   </PropertyGroup>
24 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|AnyCPU' ">
25 |     <Optimize>true</Optimize>
26 |     <OutputPath>bin\Release</OutputPath>
27 |     <ErrorReport>prompt</ErrorReport>
28 |     <WarningLevel>4</WarningLevel>
29 |   </PropertyGroup>
30 |   <ItemGroup>
31 |     <EmbeddedResource Include="App.xaml" />
32 |     <EmbeddedResource Include="SegmentedControlSamplePage.xaml" />
33 |   </ItemGroup>
34 |   <ItemGroup>
35 |     <Compile Include="App.xaml.cs">
36 |       <DependentUpon>App.xaml</DependentUpon>
37 |     </Compile>
38 |     <Compile Include="SegmentedControlSamplePage.xaml.cs">
39 |       <DependentUpon>SegmentedControlSamplePage.xaml</DependentUpon>
40 |     </Compile>
41 |     <Compile Include="Properties\AssemblyInfo.cs" />
42 |     <Compile Include="Controls\NoScrolleableScrollView.cs" />
43 |     <Compile Include="Controls\SegmentedBarControl.cs" />
44 |   </ItemGroup>
45 |   <ItemGroup>
46 |     <Reference Include="Xamarin.Forms.Core">
47 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.Core.dll</HintPath>
48 |     </Reference>
49 |     <Reference Include="Xamarin.Forms.Platform">
50 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.Platform.dll</HintPath>
51 |     </Reference>
52 |     <Reference Include="Xamarin.Forms.Xaml">
53 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.Xaml.dll</HintPath>
54 |     </Reference>
55 |   </ItemGroup>
56 |   <ItemGroup>
57 |     <None Include="packages.config" />
58 |   </ItemGroup>
59 |   <ItemGroup>
60 |     <Folder Include="Controls\" />
61 |   </ItemGroup>
62 |   <Import Project="$(MSBuildExtensionsPath32)\Microsoft\Portable\$(TargetFrameworkVersion)\Microsoft.Portable.CSharp.targets" />
63 |   <Import Project="..\packages\Xamarin.Forms.2.3.4.247\build\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.targets" Condition="Exists('..\packages\Xamarin.Forms.2.3.4.247\build\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.targets')" />
64 | </Project>


--------------------------------------------------------------------------------
/iOS/Assets.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "images" : [
  3 |     {
  4 |       "idiom" : "iphone",
  5 |       "size" : "20x20",
  6 |       "scale" : "2x"
  7 |     },
  8 |     {
  9 |       "idiom" : "iphone",
 10 |       "size" : "20x20",
 11 |       "scale" : "3x"
 12 |     },
 13 |     {
 14 |       "idiom" : "iphone",
 15 |       "size" : "29x29",
 16 |       "scale" : "2x"
 17 |     },
 18 |     {
 19 |       "idiom" : "iphone",
 20 |       "size" : "29x29",
 21 |       "scale" : "3x"
 22 |     },
 23 |     {
 24 |       "idiom" : "iphone",
 25 |       "size" : "40x40",
 26 |       "scale" : "2x"
 27 |     },
 28 |     {
 29 |       "idiom" : "iphone",
 30 |       "size" : "40x40",
 31 |       "scale" : "3x"
 32 |     },
 33 |     {
 34 |       "idiom" : "iphone",
 35 |       "size" : "60x60",
 36 |       "scale" : "2x"
 37 |     },
 38 |     {
 39 |       "idiom" : "iphone",
 40 |       "size" : "60x60",
 41 |       "scale" : "3x"
 42 |     },
 43 |     {
 44 |       "idiom" : "ipad",
 45 |       "size" : "20x20",
 46 |       "scale" : "1x"
 47 |     },
 48 |     {
 49 |       "idiom" : "ipad",
 50 |       "size" : "20x20",
 51 |       "scale" : "2x"
 52 |     },
 53 |     {
 54 |       "idiom" : "ipad",
 55 |       "size" : "29x29",
 56 |       "scale" : "1x"
 57 |     },
 58 |     {
 59 |       "idiom" : "ipad",
 60 |       "size" : "29x29",
 61 |       "scale" : "2x"
 62 |     },
 63 |     {
 64 |       "idiom" : "ipad",
 65 |       "size" : "40x40",
 66 |       "scale" : "1x"
 67 |     },
 68 |     {
 69 |       "idiom" : "ipad",
 70 |       "size" : "40x40",
 71 |       "scale" : "2x"
 72 |     },
 73 |     {
 74 |       "idiom" : "ipad",
 75 |       "size" : "76x76",
 76 |       "scale" : "1x"
 77 |     },
 78 |     {
 79 |       "idiom" : "ipad",
 80 |       "size" : "76x76",
 81 |       "scale" : "2x"
 82 |     },
 83 |     {
 84 |       "idiom" : "ipad",
 85 |       "size" : "83.5x83.5",
 86 |       "scale" : "2x"
 87 |     },
 88 |     {
 89 |       "idiom" : "ios-marketing",
 90 |       "size" : "1024x1024",
 91 |       "scale" : "1x"
 92 |     },
 93 |     {
 94 |       "size" : "24x24",
 95 |       "idiom" : "watch",
 96 |       "scale" : "2x",
 97 |       "role" : "notificationCenter",
 98 |       "subtype" : "38mm"
 99 |     },
100 |     {
101 |       "size" : "27.5x27.5",
102 |       "idiom" : "watch",
103 |       "scale" : "2x",
104 |       "role" : "notificationCenter",
105 |       "subtype" : "42mm"
106 |     },
107 |     {
108 |       "size" : "29x29",
109 |       "idiom" : "watch",
110 |       "role" : "companionSettings",
111 |       "scale" : "2x"
112 |     },
113 |     {
114 |       "size" : "29x29",
115 |       "idiom" : "watch",
116 |       "role" : "companionSettings",
117 |       "scale" : "3x"
118 |     },
119 |     {
120 |       "size" : "40x40",
121 |       "idiom" : "watch",
122 |       "scale" : "2x",
123 |       "role" : "appLauncher",
124 |       "subtype" : "38mm"
125 |     },
126 |     {
127 |       "size" : "44x44",
128 |       "idiom" : "watch",
129 |       "scale" : "2x",
130 |       "role" : "longLook",
131 |       "subtype" : "42mm"
132 |     },
133 |     {
134 |       "size" : "86x86",
135 |       "idiom" : "watch",
136 |       "scale" : "2x",
137 |       "role" : "quickLook",
138 |       "subtype" : "38mm"
139 |     },
140 |     {
141 |       "size" : "98x98",
142 |       "idiom" : "watch",
143 |       "scale" : "2x",
144 |       "role" : "quickLook",
145 |       "subtype" : "42mm"
146 |     },
147 |     {
148 |       "idiom" : "mac",
149 |       "size" : "16x16",
150 |       "scale" : "1x"
151 |     },
152 |     {
153 |       "idiom" : "mac",
154 |       "size" : "16x16",
155 |       "scale" : "2x"
156 |     },
157 |     {
158 |       "idiom" : "mac",
159 |       "size" : "32x32",
160 |       "scale" : "1x"
161 |     },
162 |     {
163 |       "idiom" : "mac",
164 |       "size" : "32x32",
165 |       "scale" : "2x"
166 |     },
167 |     {
168 |       "idiom" : "mac",
169 |       "size" : "128x128",
170 |       "scale" : "1x"
171 |     },
172 |     {
173 |       "idiom" : "mac",
174 |       "size" : "128x128",
175 |       "scale" : "2x"
176 |     },
177 |     {
178 |       "idiom" : "mac",
179 |       "size" : "256x256",
180 |       "scale" : "1x"
181 |     },
182 |     {
183 |       "idiom" : "mac",
184 |       "size" : "256x256",
185 |       "scale" : "2x"
186 |     },
187 |     {
188 |       "idiom" : "mac",
189 |       "size" : "512x512",
190 |       "scale" : "1x"
191 |     },
192 |     {
193 |       "idiom" : "mac",
194 |       "size" : "512x512",
195 |       "scale" : "2x"
196 |     }
197 |   ],
198 |   "info" : {
199 |     "version" : 1,
200 |     "author" : "xcode"
201 |   }
202 | }
203 | 


--------------------------------------------------------------------------------
/SegmentedControlSample.sln:
--------------------------------------------------------------------------------
 1 | Microsoft Visual Studio Solution File, Format Version 12.00
 2 | # Visual Studio 15
 3 | VisualStudioVersion = 15.0.27130.2010
 4 | MinimumVisualStudioVersion = 10.0.40219.1
 5 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SegmentedControlSample", "SegmentedControlSample\SegmentedControlSample.csproj", "{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}"
 6 | EndProject
 7 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SegmentedControlSample.iOS", "iOS\SegmentedControlSample.iOS.csproj", "{D76C5B18-720E-4D94-AAD7-9B3E28033832}"
 8 | EndProject
 9 | Project("{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}") = "SegmentedControlSample.Droid", "Droid\SegmentedControlSample.Droid.csproj", "{3AC1889A-F03D-4678-BAD2-AAE0C945876A}"
10 | EndProject
11 | Global
12 | 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
13 | 		Debug|Any CPU = Debug|Any CPU
14 | 		Debug|iPhone = Debug|iPhone
15 | 		Debug|iPhoneSimulator = Debug|iPhoneSimulator
16 | 		Release|Any CPU = Release|Any CPU
17 | 		Release|iPhone = Release|iPhone
18 | 		Release|iPhoneSimulator = Release|iPhoneSimulator
19 | 	EndGlobalSection
20 | 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
21 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
22 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Debug|Any CPU.Build.0 = Debug|Any CPU
23 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Debug|iPhone.ActiveCfg = Debug|Any CPU
24 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Debug|iPhone.Build.0 = Debug|Any CPU
25 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
26 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
27 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Release|Any CPU.ActiveCfg = Release|Any CPU
28 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Release|Any CPU.Build.0 = Release|Any CPU
29 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Release|iPhone.ActiveCfg = Release|Any CPU
30 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Release|iPhone.Build.0 = Release|Any CPU
31 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
32 | 		{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
33 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Debug|Any CPU.ActiveCfg = Debug|iPhoneSimulator
34 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Debug|Any CPU.Build.0 = Debug|iPhoneSimulator
35 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Debug|iPhone.ActiveCfg = Debug|iPhone
36 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Debug|iPhone.Build.0 = Debug|iPhone
37 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Debug|iPhoneSimulator.ActiveCfg = Debug|iPhoneSimulator
38 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Debug|iPhoneSimulator.Build.0 = Debug|iPhoneSimulator
39 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Release|Any CPU.ActiveCfg = Release|iPhone
40 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Release|Any CPU.Build.0 = Release|iPhone
41 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Release|iPhone.ActiveCfg = Release|iPhone
42 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Release|iPhone.Build.0 = Release|iPhone
43 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Release|iPhoneSimulator.ActiveCfg = Release|iPhoneSimulator
44 | 		{D76C5B18-720E-4D94-AAD7-9B3E28033832}.Release|iPhoneSimulator.Build.0 = Release|iPhoneSimulator
45 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
46 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|Any CPU.Build.0 = Debug|Any CPU
47 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
48 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|iPhone.ActiveCfg = Debug|Any CPU
49 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|iPhone.Build.0 = Debug|Any CPU
50 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|iPhoneSimulator.ActiveCfg = Debug|Any CPU
51 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Debug|iPhoneSimulator.Build.0 = Debug|Any CPU
52 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Release|Any CPU.ActiveCfg = Release|Any CPU
53 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Release|Any CPU.Build.0 = Release|Any CPU
54 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Release|iPhone.ActiveCfg = Release|Any CPU
55 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Release|iPhone.Build.0 = Release|Any CPU
56 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Release|iPhoneSimulator.ActiveCfg = Release|Any CPU
57 | 		{3AC1889A-F03D-4678-BAD2-AAE0C945876A}.Release|iPhoneSimulator.Build.0 = Release|Any CPU
58 | 	EndGlobalSection
59 | 	GlobalSection(SolutionProperties) = preSolution
60 | 		HideSolutionNode = FALSE
61 | 	EndGlobalSection
62 | 	GlobalSection(ExtensibilityGlobals) = postSolution
63 | 		SolutionGuid = {9DF78613-5FDE-4029-9F39-C152B8780362}
64 | 	EndGlobalSection
65 | EndGlobal
66 | 


--------------------------------------------------------------------------------
/iOS/SegmentedControlSample.iOS.csproj:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <Project DefaultTargets="Build" ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  3 |   <PropertyGroup>
  4 |     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
  5 |     <Platform Condition=" '$(Platform)' == '' ">iPhoneSimulator</Platform>
  6 |     <ProjectGuid>{D76C5B18-720E-4D94-AAD7-9B3E28033832}</ProjectGuid>
  7 |     <ProjectTypeGuids>{FEACFBD2-3405-455C-9665-78FE426C6842};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}</ProjectTypeGuids>
  8 |     <OutputType>Exe</OutputType>
  9 |     <RootNamespace>SegmentedControlSample.iOS</RootNamespace>
 10 |     <AssemblyName>SegmentedControlSample.iOS</AssemblyName>
 11 |     <IPhoneResourcePrefix>Resources</IPhoneResourcePrefix>
 12 |   </PropertyGroup>
 13 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|iPhoneSimulator' ">
 14 |     <DebugSymbols>true</DebugSymbols>
 15 |     <DebugType>full</DebugType>
 16 |     <Optimize>false</Optimize>
 17 |     <OutputPath>bin\iPhoneSimulator\Debug</OutputPath>
 18 |     <DefineConstants>DEBUG;ENABLE_TEST_CLOUD;</DefineConstants>
 19 |     <ErrorReport>prompt</ErrorReport>
 20 |     <WarningLevel>4</WarningLevel>
 21 |     <CodesignKey>iPhone Developer</CodesignKey>
 22 |     <MtouchDebug>true</MtouchDebug>
 23 |     <MtouchNoSymbolStrip>true</MtouchNoSymbolStrip>
 24 |     <MtouchFastDev>true</MtouchFastDev>
 25 |     <IOSDebuggerPort>20393</IOSDebuggerPort>
 26 |     <MtouchLink>SdkOnly</MtouchLink>
 27 |     <MtouchArch>x86_64</MtouchArch>
 28 |     <MtouchHttpClientHandler>HttpClientHandler</MtouchHttpClientHandler>
 29 |     <PlatformTarget>x86</PlatformTarget>
 30 |   </PropertyGroup>
 31 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|iPhone' ">
 32 |     <DebugType>pdbonly</DebugType>
 33 |     <Optimize>true</Optimize>
 34 |     <OutputPath>bin\iPhone\Release</OutputPath>
 35 |     <ErrorReport>prompt</ErrorReport>
 36 |     <WarningLevel>4</WarningLevel>
 37 |     <CodesignKey>iPhone Developer</CodesignKey>
 38 |     <MtouchFloat32>true</MtouchFloat32>
 39 |     <CodesignEntitlements>Entitlements.plist</CodesignEntitlements>
 40 |     <MtouchLink>SdkOnly</MtouchLink>
 41 |     <MtouchArch>ARM64</MtouchArch>
 42 |     <MtouchHttpClientHandler>HttpClientHandler</MtouchHttpClientHandler>
 43 |     <PlatformTarget>x86</PlatformTarget>
 44 |   </PropertyGroup>
 45 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|iPhoneSimulator' ">
 46 |     <DebugType>pdbonly</DebugType>
 47 |     <Optimize>true</Optimize>
 48 |     <OutputPath>bin\iPhoneSimulator\Release</OutputPath>
 49 |     <ErrorReport>prompt</ErrorReport>
 50 |     <WarningLevel>4</WarningLevel>
 51 |     <CodesignKey>iPhone Developer</CodesignKey>
 52 |     <MtouchNoSymbolStrip>true</MtouchNoSymbolStrip>
 53 |     <MtouchLink>None</MtouchLink>
 54 |     <MtouchArch>x86_64</MtouchArch>
 55 |     <MtouchHttpClientHandler>HttpClientHandler</MtouchHttpClientHandler>
 56 |     <PlatformTarget>x86</PlatformTarget>
 57 |   </PropertyGroup>
 58 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|iPhone' ">
 59 |     <DebugSymbols>true</DebugSymbols>
 60 |     <DebugType>full</DebugType>
 61 |     <Optimize>false</Optimize>
 62 |     <OutputPath>bin\iPhone\Debug</OutputPath>
 63 |     <DefineConstants>DEBUG;ENABLE_TEST_CLOUD;</DefineConstants>
 64 |     <ErrorReport>prompt</ErrorReport>
 65 |     <WarningLevel>4</WarningLevel>
 66 |     <CodesignKey>iPhone Developer</CodesignKey>
 67 |     <DeviceSpecificBuild>true</DeviceSpecificBuild>
 68 |     <MtouchDebug>true</MtouchDebug>
 69 |     <MtouchNoSymbolStrip>true</MtouchNoSymbolStrip>
 70 |     <MtouchFastDev>true</MtouchFastDev>
 71 |     <MtouchFloat32>true</MtouchFloat32>
 72 |     <CodesignEntitlements>Entitlements.plist</CodesignEntitlements>
 73 |     <IOSDebuggerPort>58126</IOSDebuggerPort>
 74 |     <MtouchLink>SdkOnly</MtouchLink>
 75 |     <MtouchArch>ARM64</MtouchArch>
 76 |     <MtouchHttpClientHandler>HttpClientHandler</MtouchHttpClientHandler>
 77 |     <PlatformTarget>x86</PlatformTarget>
 78 |   </PropertyGroup>
 79 |   <ItemGroup>
 80 |     <Reference Include="System" />
 81 |     <Reference Include="System.Xml" />
 82 |     <Reference Include="System.Core" />
 83 |     <Reference Include="Xamarin.iOS" />
 84 |     <Reference Include="Xamarin.Forms.Core">
 85 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\Xamarin.iOS10\Xamarin.Forms.Core.dll</HintPath>
 86 |     </Reference>
 87 |     <Reference Include="Xamarin.Forms.Platform">
 88 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\Xamarin.iOS10\Xamarin.Forms.Platform.dll</HintPath>
 89 |     </Reference>
 90 |     <Reference Include="Xamarin.Forms.Platform.iOS">
 91 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\Xamarin.iOS10\Xamarin.Forms.Platform.iOS.dll</HintPath>
 92 |     </Reference>
 93 |     <Reference Include="Xamarin.Forms.Xaml">
 94 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\Xamarin.iOS10\Xamarin.Forms.Xaml.dll</HintPath>
 95 |     </Reference>
 96 |   </ItemGroup>
 97 |   <ItemGroup>
 98 |     <ProjectReference Include="..\SegmentedControlSample\SegmentedControlSample.csproj">
 99 |       <Project>{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}</Project>
100 |       <Name>SegmentedControlSample</Name>
101 |     </ProjectReference>
102 |   </ItemGroup>
103 |   <ItemGroup>
104 |     <ImageAsset Include="Assets.xcassets\AppIcon.appiconset\Contents.json">
105 |       <Visible>false</Visible>
106 |     </ImageAsset>
107 |     <ImageAsset Include="Assets.xcassets\Contents.json">
108 |       <Visible>false</Visible>
109 |     </ImageAsset>
110 |   </ItemGroup>
111 |   <ItemGroup>
112 |     <Folder Include="Resources\" />
113 |     <Folder Include="Renderers\" />
114 |   </ItemGroup>
115 |   <ItemGroup>
116 |     <InterfaceDefinition Include="LaunchScreen.storyboard" />
117 |   </ItemGroup>
118 |   <ItemGroup>
119 |     <None Include="Info.plist" />
120 |     <None Include="Entitlements.plist" />
121 |     <None Include="packages.config" />
122 |   </ItemGroup>
123 |   <ItemGroup>
124 |     <Compile Include="Main.cs" />
125 |     <Compile Include="AppDelegate.cs" />
126 |     <Compile Include="Renderers\ScrollViewWithNotBarRenderer.cs" />
127 |   </ItemGroup>
128 |   <Import Project="$(MSBuildExtensionsPath)\Xamarin\iOS\Xamarin.iOS.CSharp.targets" />
129 |   <Import Project="..\packages\Xamarin.Forms.2.3.4.247\build\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.targets" Condition="Exists('..\packages\Xamarin.Forms.2.3.4.247\build\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.targets')" />
130 | </Project>


--------------------------------------------------------------------------------
/Droid/SegmentedControlSample.Droid.csproj:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="utf-8"?>
  2 | <Project DefaultTargets="Build" ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
  3 |   <PropertyGroup>
  4 |     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
  5 |     <Platform Condition=" '$(Platform)' == '' ">AnyCPU</Platform>
  6 |     <ProjectGuid>{3AC1889A-F03D-4678-BAD2-AAE0C945876A}</ProjectGuid>
  7 |     <ProjectTypeGuids>{EFBA0AD7-5A72-4C68-AF49-83D382785DCF};{FAE04EC0-301F-11D3-BF4B-00C04F79EFBC}</ProjectTypeGuids>
  8 |     <OutputType>Library</OutputType>
  9 |     <RootNamespace>SegmentedControlSample.Droid</RootNamespace>
 10 |     <AssemblyName>SegmentedControlSample.Droid</AssemblyName>
 11 |     <TargetFrameworkVersion>v8.0</TargetFrameworkVersion>
 12 |     <AndroidApplication>True</AndroidApplication>
 13 |     <AndroidResgenFile>Resources\Resource.designer.cs</AndroidResgenFile>
 14 |     <AndroidResgenClass>Resource</AndroidResgenClass>
 15 |     <AndroidManifest>Properties\AndroidManifest.xml</AndroidManifest>
 16 |     <MonoAndroidResourcePrefix>Resources</MonoAndroidResourcePrefix>
 17 |     <MonoAndroidAssetsPrefix>Assets</MonoAndroidAssetsPrefix>
 18 |     <AndroidUseLatestPlatformSdk>true</AndroidUseLatestPlatformSdk>
 19 |   </PropertyGroup>
 20 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
 21 |     <DebugSymbols>true</DebugSymbols>
 22 |     <DebugType>full</DebugType>
 23 |     <Optimize>false</Optimize>
 24 |     <OutputPath>bin\Debug</OutputPath>
 25 |     <DefineConstants>DEBUG;</DefineConstants>
 26 |     <ErrorReport>prompt</ErrorReport>
 27 |     <WarningLevel>4</WarningLevel>
 28 |     <AndroidLinkMode>None</AndroidLinkMode>
 29 |   </PropertyGroup>
 30 |   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Release|AnyCPU' ">
 31 |     <DebugSymbols>true</DebugSymbols>
 32 |     <DebugType>pdbonly</DebugType>
 33 |     <Optimize>true</Optimize>
 34 |     <OutputPath>bin\Release</OutputPath>
 35 |     <ErrorReport>prompt</ErrorReport>
 36 |     <WarningLevel>4</WarningLevel>
 37 |     <AndroidManagedSymbols>true</AndroidManagedSymbols>
 38 |     <AndroidUseSharedRuntime>false</AndroidUseSharedRuntime>
 39 |   </PropertyGroup>
 40 |   <ItemGroup>
 41 |     <Reference Include="System" />
 42 |     <Reference Include="System.Xml" />
 43 |     <Reference Include="System.Core" />
 44 |     <Reference Include="Mono.Android" />
 45 |     <Reference Include="Xamarin.Android.Support.v4">
 46 |       <HintPath>..\packages\Xamarin.Android.Support.v4.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.v4.dll</HintPath>
 47 |     </Reference>
 48 |     <Reference Include="Xamarin.Android.Support.Vector.Drawable">
 49 |       <HintPath>..\packages\Xamarin.Android.Support.Vector.Drawable.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.Vector.Drawable.dll</HintPath>
 50 |     </Reference>
 51 |     <Reference Include="Xamarin.Android.Support.Animated.Vector.Drawable">
 52 |       <HintPath>..\packages\Xamarin.Android.Support.Animated.Vector.Drawable.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.Animated.Vector.Drawable.dll</HintPath>
 53 |     </Reference>
 54 |     <Reference Include="Xamarin.Android.Support.v7.AppCompat">
 55 |       <HintPath>..\packages\Xamarin.Android.Support.v7.AppCompat.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.v7.AppCompat.dll</HintPath>
 56 |     </Reference>
 57 |     <Reference Include="Xamarin.Android.Support.v7.RecyclerView">
 58 |       <HintPath>..\packages\Xamarin.Android.Support.v7.RecyclerView.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.v7.RecyclerView.dll</HintPath>
 59 |     </Reference>
 60 |     <Reference Include="Xamarin.Android.Support.Design">
 61 |       <HintPath>..\packages\Xamarin.Android.Support.Design.23.3.0\lib\MonoAndroid43\Xamarin.Android.Support.Design.dll</HintPath>
 62 |     </Reference>
 63 |     <Reference Include="Xamarin.Android.Support.v7.CardView">
 64 |       <HintPath>..\packages\Xamarin.Android.Support.v7.CardView.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.v7.CardView.dll</HintPath>
 65 |     </Reference>
 66 |     <Reference Include="Xamarin.Android.Support.v7.MediaRouter">
 67 |       <HintPath>..\packages\Xamarin.Android.Support.v7.MediaRouter.23.3.0\lib\MonoAndroid403\Xamarin.Android.Support.v7.MediaRouter.dll</HintPath>
 68 |     </Reference>
 69 |     <Reference Include="FormsViewGroup">
 70 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\MonoAndroid10\FormsViewGroup.dll</HintPath>
 71 |     </Reference>
 72 |     <Reference Include="Xamarin.Forms.Core">
 73 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\MonoAndroid10\Xamarin.Forms.Core.dll</HintPath>
 74 |     </Reference>
 75 |     <Reference Include="Xamarin.Forms.Platform.Android">
 76 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\MonoAndroid10\Xamarin.Forms.Platform.Android.dll</HintPath>
 77 |     </Reference>
 78 |     <Reference Include="Xamarin.Forms.Platform">
 79 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\MonoAndroid10\Xamarin.Forms.Platform.dll</HintPath>
 80 |     </Reference>
 81 |     <Reference Include="Xamarin.Forms.Xaml">
 82 |       <HintPath>..\packages\Xamarin.Forms.2.3.4.247\lib\MonoAndroid10\Xamarin.Forms.Xaml.dll</HintPath>
 83 |     </Reference>
 84 |   </ItemGroup>
 85 |   <ItemGroup>
 86 |     <ProjectReference Include="..\SegmentedControlSample\SegmentedControlSample.csproj">
 87 |       <Project>{4F5F7BA1-FEE0-44E0-870D-0377510AEB09}</Project>
 88 |       <Name>SegmentedControlSample</Name>
 89 |     </ProjectReference>
 90 |   </ItemGroup>
 91 |   <ItemGroup>
 92 |     <Compile Include="MainActivity.cs" />
 93 |     <Compile Include="Resources\Resource.designer.cs" />
 94 |     <Compile Include="Properties\AssemblyInfo.cs" />
 95 |     <Compile Include="Renderers\ScrollViewWithNotBarRenderer.cs" />
 96 |   </ItemGroup>
 97 |   <ItemGroup>
 98 |     <None Include="Resources\AboutResources.txt" />
 99 |     <None Include="Properties\AndroidManifest.xml" />
100 |     <None Include="Assets\AboutAssets.txt" />
101 |     <None Include="packages.config" />
102 |   </ItemGroup>
103 |   <ItemGroup>
104 |     <AndroidResource Include="Resources\layout\Tabbar.axml" />
105 |     <AndroidResource Include="Resources\layout\Toolbar.axml" />
106 |     <AndroidResource Include="Resources\values\styles.xml" />
107 |     <AndroidResource Include="Resources\drawable\icon.png" />
108 |     <AndroidResource Include="Resources\drawable-hdpi\icon.png" />
109 |     <AndroidResource Include="Resources\drawable-xhdpi\icon.png" />
110 |     <AndroidResource Include="Resources\drawable-xxhdpi\icon.png" />
111 |   </ItemGroup>
112 |   <ItemGroup>
113 |     <Folder Include="Renderers\" />
114 |   </ItemGroup>
115 |   <Import Project="$(MSBuildExtensionsPath)\Xamarin\Android\Xamarin.Android.CSharp.targets" />
116 |   <Import Project="..\packages\Xamarin.Android.Support.Vector.Drawable.23.3.0\build\Xamarin.Android.Support.Vector.Drawable.targets" Condition="Exists('..\packages\Xamarin.Android.Support.Vector.Drawable.23.3.0\build\Xamarin.Android.Support.Vector.Drawable.targets')" />
117 |   <Import Project="..\packages\Xamarin.Forms.2.3.4.247\build\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.targets" Condition="Exists('..\packages\Xamarin.Forms.2.3.4.247\build\portable-win+net45+wp80+win81+wpa81+MonoAndroid10+Xamarin.iOS10+xamarinmac20\Xamarin.Forms.targets')" />
118 | </Project>


--------------------------------------------------------------------------------
/SegmentedControlSample/Controls/SegmentedBarControl.cs:
--------------------------------------------------------------------------------
  1 | using System;
  2 | using System.Collections.Generic;
  3 | using System.Linq;
  4 | using SegmentedControlSample.Controls;
  5 | using Xamarin.Forms;
  6 | 
  7 | namespace SegmentedControlSample
  8 | {
  9 |     public class SegmentedBarControl: ContentView
 10 |     {
 11 | 		public static readonly BindableProperty ItemSelectedProperty = BindableProperty.Create(nameof(ItemSelected), typeof(string), typeof(SegmentedBarControl), null);
 12 | 		public static readonly BindableProperty ChildrenProperty = BindableProperty.Create(nameof(Children), typeof(List<string>), typeof(SegmentedBarControl), null);
 13 |         public static readonly BindableProperty TextColorProperty = BindableProperty.Create(nameof(TextColor), typeof(Color), typeof(SegmentedBarControl), Color.DarkGray);
 14 |         public static readonly BindableProperty SelectedLineColorProperty = BindableProperty.Create(nameof(SelectedLineColor), typeof(Color), typeof(SegmentedBarControl), Color.Black);
 15 |         public static readonly BindableProperty SelectedTextColorProperty = BindableProperty.Create(nameof(SelectedTextColor), typeof(Color), typeof(SegmentedBarControl), Color.Black);
 16 |         public static readonly BindableProperty AutoScrollProperty = BindableProperty.Create(nameof(AutoScroll), typeof(bool), typeof(SegmentedBarControl), true);
 17 | 
 18 | 
 19 |         public static readonly BindableProperty SelectedItemChangedCommandProperty = BindableProperty.Create(nameof(SelectedItemChangedCommand), typeof(Command<string>), typeof(SegmentedBarControl), default(Command<string>), BindingMode.TwoWay, null, SelectedItemChangedCommandPropertyChanged);
 20 | 
 21 |         static void SelectedItemChangedCommandPropertyChanged(BindableObject bindable, object oldValue, object newValue)
 22 |         {
 23 |             var source = bindable as SegmentedBarControl;
 24 |             if (source == null)
 25 |             {
 26 |                 return;
 27 |             }
 28 |             source.SelectedItemChangedCommandChanged();
 29 |         }
 30 | 
 31 |         private void SelectedItemChangedCommandChanged()
 32 |         {
 33 |             OnPropertyChanged("SelectedItemChangedCommand");
 34 |         }
 35 | 
 36 |         public Command<string> SelectedItemChangedCommand
 37 |         {
 38 |             get
 39 |             {
 40 |                 return (Command<string>)GetValue(SelectedItemChangedCommandProperty);
 41 |             }
 42 |             set
 43 |             {
 44 |                 SetValue(SelectedItemChangedCommandProperty, value);
 45 |             }
 46 |         }
 47 |         public delegate void SelectedItemChangedEventHandler(object sender, SelectedItemChangedEventArgs e);
 48 |         public event SelectedItemChangedEventHandler SelectedItemChanged;
 49 | 
 50 | 		public string ItemSelected
 51 | 		{
 52 | 			get
 53 | 			{
 54 | 				return (string)GetValue(ItemSelectedProperty);
 55 | 			}
 56 | 			set
 57 | 			{
 58 | 				SetValue(ItemSelectedProperty, value);
 59 |                 SelectedItemChanged(this, new SelectedItemChangedEventArgs(value));
 60 |                 SelectedItemChangedCommand?.Execute(value);
 61 | 			}
 62 | 		}
 63 | 
 64 | 		public List<string> Children
 65 | 		{
 66 | 			get
 67 | 			{
 68 | 				return (List<string>)GetValue(ChildrenProperty);
 69 | 			}
 70 | 			set
 71 | 			{
 72 |                 SetValue(ChildrenProperty, value);
 73 | 			}
 74 | 		}
 75 | 
 76 |         public Color TextColor
 77 | 		{
 78 | 			get
 79 | 			{
 80 | 				return (Color)GetValue(TextColorProperty);
 81 | 			}
 82 | 			set
 83 | 			{
 84 | 				SetValue(TextColorProperty, value);
 85 | 			}
 86 | 		}
 87 | 
 88 |         public Color SelectedTextColor
 89 |         {
 90 |             get
 91 |             {
 92 |                 return (Color)GetValue(SelectedTextColorProperty);
 93 |             }
 94 |             set
 95 |             {
 96 |                 SetValue(SelectedTextColorProperty, value);
 97 |             }
 98 |         }
 99 |        
100 | 		public Color SelectedLineColor
101 | 		{
102 | 			get
103 | 			{
104 | 				return (Color)GetValue(SelectedLineColorProperty);
105 | 			}
106 | 			set
107 | 			{
108 | 				SetValue(SelectedLineColorProperty, value);
109 | 			}
110 | 		}
111 | 
112 |         public bool AutoScroll
113 |         {
114 |             get
115 |             {
116 |                 return (bool)GetValue(AutoScrollProperty);
117 |             }
118 |             set
119 |             {
120 |                 SetValue(AutoScrollProperty, value);
121 |             }
122 |         }
123 | 
124 | 
125 |         StackLayout _mainContentLayout = new StackLayout(){ Spacing = 10, Orientation = StackOrientation.Horizontal };
126 |         StackLayout _lastElementSelected;
127 |         ScrollViewWithNotBar _mainLayout = new ScrollViewWithNotBar() {VerticalOptions = LayoutOptions.Start, Orientation = ScrollOrientation.Horizontal };
128 | 
129 |         void LoadChildrens(){
130 |           
131 |             _mainContentLayout.Children.Clear();
132 |             foreach (var item in Children)
133 |             {
134 | 				var label = new Label()
135 | 				{
136 |                     FontAttributes= FontAttributes.Bold,
137 | 					Text = item,
138 |                     TextColor=TextColor,
139 |                     Margin= new Thickness(10,0),
140 | 					HorizontalOptions = LayoutOptions.CenterAndExpand
141 | 				};
142 | 
143 |                 var boxview = new BoxView() { BackgroundColor = Color.Transparent, HeightRequest = 2, HorizontalOptions = LayoutOptions.FillAndExpand };
144 |                 var childrenLayout = new StackLayout(){Spacing=5};
145 | 
146 |                 childrenLayout.Children.Add(label);
147 |                 childrenLayout.Children.Add(boxview);
148 |                 childrenLayout.ClassId = item;
149 | 				_mainContentLayout.Children.Add(childrenLayout);
150 | 				var tapGestureRecognizer = new TapGestureRecognizer();
151 | 				tapGestureRecognizer.Tapped += (s, e) => {
152 |                     ItemSelected = ((StackLayout)s).ClassId;
153 | 				};
154 | 				childrenLayout.GestureRecognizers.Add(tapGestureRecognizer);
155 |             }
156 | 
157 | 
158 |            _mainLayout.Content = _mainContentLayout;
159 | 
160 |             var mainContentLayout = new StackLayout() { Spacing = 0 };
161 |             mainContentLayout.Children.Add(_mainLayout);
162 |             mainContentLayout.Children.Add(new BoxView() { HeightRequest = 0.5, HorizontalOptions = LayoutOptions.FillAndExpand, BackgroundColor = Color.Silver });
163 | 
164 |             this.Content = mainContentLayout;
165 | 
166 |         }
167 | 
168 |         void SelectElement(StackLayout itemSelected){
169 |             if (_lastElementSelected != null){
170 |                 (_lastElementSelected.Children.First(p => p is BoxView) as BoxView).BackgroundColor = Color.Transparent;
171 |                 (_lastElementSelected.Children.First(p => p is Label) as Label).TextColor = TextColor;
172 |             }
173 |                
174 |             (itemSelected.Children.First(p => p is BoxView) as BoxView).BackgroundColor = SelectedLineColor;
175 |             (itemSelected.Children.First(p => p is Label) as Label).TextColor = SelectedTextColor;
176 | 			_lastElementSelected = itemSelected;
177 | 
178 |             if(AutoScroll)
179 |                 _mainLayout.ScrollToAsync(itemSelected, ScrollToPosition.MakeVisible, true);
180 |         }
181 | 
182 |         protected override void OnPropertyChanged(string propertyName = null)
183 |         {
184 |             base.OnPropertyChanged(propertyName);
185 | 
186 |             if(propertyName == ItemSelectedProperty.PropertyName && Children != null && Children.Count > 0){
187 |                 SelectElement(_mainContentLayout.Children[Children.IndexOf(ItemSelected)] as StackLayout);
188 |             } else  if (propertyName == ChildrenProperty.PropertyName && Children != null)
189 | 			{
190 | 				LoadChildrens();
191 |                 if(string.IsNullOrEmpty(ItemSelected)){
192 | 					ItemSelected = Children.First();
193 |                 }else{
194 | 					SelectElement(_mainContentLayout.Children[Children.IndexOf(ItemSelected)] as StackLayout);
195 |                 }
196 | 			}
197 |         }
198 |     }
199 | }
200 | 


--------------------------------------------------------------------------------