TabStripControl in XAML about ncontrol.controls

[Aspro1]

I have just had the same problem. The solution is to make a class inheriting from the “TabItem” class with a parameterless constructor.

using NControl.Controls;

namespace MyControls
{
    public class TabPage : TabItem
    {
        public TabPage() : base(string.Empty, null)
        {
        }
    }
}

I also have a “TabControl” class inheriting from the original “TabStripControl” in my namespace.

using NControl.Controls;

namespace MyControls
{
    public class TabControl : TabStripControl
    {
    }
}

Then I can make for example such a piece of XAML:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:myControls="clr-namespace:MyControls;assembly=MyControls"
             x:Class="Test_CustomControls.TestPage_TabControl">
  <ScrollView>
    <StackLayout>
      <Label Text="Top label" />
      <myControls:TabControl HeightRequest="200" TabIndicatorColor="Blue" TabBackColor="Gray">
        <myControls:TabControl.Children>
          <myControls:TabPage Title="Tab 1">
            <myControls:TabPage.View>
              <StackLayout BackgroundColor="Red">
                <Label Text="Tab 1: Label 1" />
                <Label Text="Tab 1: Label 2" />
                <Label Text="Tab 1: Label 3" />
              </StackLayout>
            </myControls:TabPage.View>
          </myControls:TabPage>
          <myControls:TabPage Title="Tab 2">
            <myControls:TabPage.View>
              <StackLayout BackgroundColor="Green">
                <Label Text="Tab 2: Label 1" />
                <Label Text="Tab 2: Label 2" />
                <Label Text="Tab 2: Label 3" />
              </StackLayout>
            </myControls:TabPage.View>
          </myControls:TabPage>
          <myControls:TabPage Title="Tab 3">
            <myControls:TabPage.View>
              <StackLayout BackgroundColor="Blue">
                <Label Text="Tab 3: Label 1" />
                <Label Text="Tab 3: Label 2" />
                <Label Text="Tab 3: Label 3" />
              </StackLayout>
            </myControls:TabPage.View>
          </myControls:TabPage>
        </myControls:TabControl.Children>        
      </myControls:TabControl>
      <Label Text="Middle label" />
      <myControls:TabControl HeightRequest="200" TabIndicatorColor="Blue" TabBackColor="Gray">
        <myControls:TabControl.Children>
          <myControls:TabPage Title="Tab 1">
            <myControls:TabPage.View>
              <StackLayout BackgroundColor="Maroon">
                <Label Text="Tab 1: Label 1" />
                <Label Text="Tab 1: Label 2" />
                <Label Text="Tab 1: Label 3" />
              </StackLayout>
            </myControls:TabPage.View>
          </myControls:TabPage>
          <myControls:TabPage Title="Tab 2">
            <myControls:TabPage.View>
              <StackLayout BackgroundColor="Teal">
                <Label Text="Tab 2: Label 1" />
                <Label Text="Tab 2: Label 2" />
                <Label Text="Tab 2: Label 3" />
              </StackLayout>
            </myControls:TabPage.View>
          </myControls:TabPage>
          <myControls:TabPage Title="Tab 3">
            <myControls:TabPage.View>
              <StackLayout BackgroundColor="Aqua">
                <Label Text="Tab 3: Label 1" />
                <Label Text="Tab 3: Label 2" />
                <Label Text="Tab 3: Label 3" />
              </StackLayout>
            </myControls:TabPage.View>
          </myControls:TabPage>
        </myControls:TabControl.Children>        
      </myControls:TabControl>
      <Label Text="Bottom label" />
    </StackLayout>
  </ScrollView>
</ContentPage>

[chrfalch]

Please feel free to submit a pull request from the original code - with a
tabitem containing a parameterless constructor. I'm a bit overworked on
other projects at the moment... :-)

On Thu, Nov 19, 2015 at 1:16 PM, Aspro1 [email protected] wrote:

I have just had the same problem. The solution is to make a class
inheriting from the “TabItem” class with a parameterless constructor.

using NControl.Controls;

namespace MyControls
{
public class TabPage : TabItem
{
public TabPage() : base(string.Empty, null)
{
}
}
}

I also have a “TabControl” class inheriting from the original
“TabStripControl” in my namespace.

using NControl.Controls;

namespace MyControls
{
public class TabControl : TabStripControl
{
}
}

Then I can make for example such a piece of XAML:

<myControls:TabControl HeightRequest="200" TabIndicatorColor="Blue" TabBackColor="Gray">
myControls:TabControl.Children
<myControls:TabPage Title="Tab 1">
myControls:TabPage.View





/myControls:TabPage.View
/myControls:TabPage
<myControls:TabPage Title="Tab 2">
myControls:TabPage.View





/myControls:TabPage.View
/myControls:TabPage
<myControls:TabPage Title="Tab 3">
myControls:TabPage.View





/myControls:TabPage.View
/myControls:TabPage
/myControls:TabControl.Children
/myControls:TabControl

<myControls:TabControl HeightRequest="200" TabIndicatorColor="Blue" TabBackColor="Gray">
myControls:TabControl.Children
<myControls:TabPage Title="Tab 1">
myControls:TabPage.View





/myControls:TabPage.View
/myControls:TabPage
<myControls:TabPage Title="Tab 2">
myControls:TabPage.View





/myControls:TabPage.View
/myControls:TabPage
<myControls:TabPage Title="Tab 3">
myControls:TabPage.View





/myControls:TabPage.View
/myControls:TabPage
/myControls:TabControl.Children
/myControls:TabControl

—
Reply to this email directly or view it on GitHub
#6 (comment)
.

[johandep]

Great, thanks Aspro1!