Xamarin.Formsで再利用可能なXAMLコントロール

Question

EntryとImageのようないくつかのコントロールでnice Gridを書きましたが、今では最も単純な方法で再利用したいと思います。

これはEmailプロパティの私のコントロールです：

<Grid 
       Style="{StaticResource gridEntryStyle}"> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="9*" /> 
        <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 
       <Grid.RowDefinitions> 
        <RowDefinition Height="20" /> 
        <RowDefinition Height="7" /> 
        <RowDefinition Height="20" /> 
       </Grid.RowDefinitions> 

       <controls:ExtendedEntry 
        Grid.Row="0" 
        Grid.Column="0" 
        Text="{Binding UserEmail, Mode=TwoWay}" 
        Placeholder="{i18n:Translate UserEmailPlaceholder}" 
        Style="{StaticResource entryStyle}"> 

        <controls:ExtendedEntry.Behaviors> 
         <behavior:EventToCommandBehavior 
          EventName="Focused" 
          Command="{Binding ControlFocusCommand}" 
          CommandParameter="UserEmail"/> 
         <behavior:EventToCommandBehavior 
          EventName="Unfocused" 
          Command="{Binding ControlUnfocusedCommand}" 
          CommandParameter="UserEmail"/> 
        </controls:ExtendedEntry.Behaviors> 

       </controls:ExtendedEntry> 

       <Image 
        Grid.Row="0" 
        Grid.Column="1" 
        Source="clear.png" 
        IsVisible="{Binding IsEntryFocused}" 
        Style="{StaticResource imageClearStyle}"> 

        <Image.GestureRecognizers> 
         <TapGestureRecognizer 
          Command="{Binding ClearCommand}" 
          CommandParameter="UserEmail"/> 
        </Image.GestureRecognizers> 

       </Image> 

       <Image 
        Grid.Row="1" 
        Grid.Column="0" 
        Grid.ColumnSpan="2" 
        Source="lineWhite.png" 
        Style="{StaticResource imageLineStyle}"/> 

       <Image 
        Grid.Row="1" 
        Grid.Column="0" 
        Grid.ColumnSpan="2" 
        Source="linePure.png" 
        Style="{StaticResource imageLineStyle}" 
        IsVisible="{Binding IsError}"/> 

       <Image 
        Grid.Row="1" 
        Grid.Column="0" 
        Grid.ColumnSpan="2" 
        Source="lineGradient.png" 
        Style="{StaticResource imageLineStyle}" 
        IsVisible="{Binding IsEntryFocused}"/> 

       <Label 
        Grid.Row="2" 
        Grid.Column="0" 
        Text="{Binding ErrorMessage}" 
        Style="{StaticResource labelErrorStyle}" 
        IsVisible="{Binding IsError}"/> 

       <Image 
        Grid.Row="2" 
        Grid.Column="1" 
        Source="error.png" 
        Style="{StaticResource imageErrorStyle}" 
        IsVisible="{Binding IsError}"/> 

      </Grid> 

私は、例えば以下のようにそれを再利用したいと思います：

<usercontrols:EntryControl 
       MainText="{Binding UserEmail}" 
       MainTextPlaceholder="{i18n:Translate UserEmailPlaceholder}" /> 

今でもこの単純な例が動作していないと私はありません持っているためこのコントロールでCommandを定義する方法現時点では、私は持っています：

これは正しいですか？それともXamarin.Formsでも可能ですか？

Answer 1

XAML：

<?xml version="1.0" encoding="utf-8" ?> 
    <Grid xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="ApplicationName.Controls.EntryControl" 
     Style="{StaticResource gridEntryStyle}"> 
    </Grid> 

xaml.cs：

namespace ApplicationName.Controls 
{ 
    public partial class EntryControl : Grid 
    { 
     public static readonly BindableProperty CommandProperty = 
     BindableProperty.Create(
      propertyName: nameof(Command), 
      returnType: typeof(ICommand), 
      declaringType: typeof(EntryControl), 
      defaultValue: null, 
      defaultBindingMode: BindingMode.TwoWay); 

     public string Command 
     { 
      get { return (string)this.GetValue(CommandProperty); } 
      set { this.SetValue(CommandProperty, value); } 
     } 

     public EntryControl() 
     { 
      InitializeComponent(); 
     } 
    } 
} 

使用：

xmlns:controls="clr-namespace:ApplicationName.Controls;assembly=ApplicationName" 

<controls:EntryLabel/>