Kann OnIdiom und OnPlatform in XAML (Xamarin.Forms) gemischt werden?

Question

Für UWP brauche ich eine andere Größe für die Breite einer Spalte in einem Grid. Außerdem sollte der Wert auf dem Tablet und auf dem Smartphone unterschiedlich sein.

Der folgende Code stürzt die App

<ColumnDefinition> 
    <ColumnDefinition.Width> 
     <OnIdiom.Phone> 
      <OnPlatform x:TypeArguments="GridLength" iOS="*" Android="*" WinPhone="100" /> 
     </OnIdiom.Phone> 
     <OnIdiom.Tablet> 
      <OnPlatform x:TypeArguments="GridLength" iOS="*" Android="*" WinPhone="200" /> 
     </OnIdiom.Tablet> 
    </ColumnDefinition.Width> 
</ColumnDefinition> 

mit

Typ OnIdiom.Phone nicht http://xamarin.com/schemas/2014/forms

Der Code in Xmlns gefunden ist in einer ViewCell. Also kann ich keine zusätzliche ResourceDictionary verwenden und auch OnSizeAllocated() ist nicht im Code hinter der Datei verfügbar.

Ist es möglich, OnIdiom und OnPlatform zusammen zu verwenden?

Answer 1

OnIdiom, wie OnPlatform ist ein Objekt, das Sie zu erklären haben. In Ihrem Fall setzen Sie die Eigenschaft OnIdiom.Phone auf ein Objekt, das nicht über diese Eigenschaften verfügt.

XAML sollte wie folgt aussehen:

<ColumnDefinition> 
    <ColumnDefinition.Width> 
    <OnIdiom x:TypeArguments="GridLength"> 
     <OnIdiom.Phone> 
     <OnPlatform x:TypeArguments="GridLength" iOS="*" Android="*" WinPhone="100" /> 
     </OnIdiom.Phone> 
     <OnIdiom.Tablet> 
     <OnPlatform x:TypeArguments="GridLength" iOS="*" Android="*" WinPhone="200" /> 
     </OnIdiom.Tablet> 
    </OnIdiom> 
    </ColumnDefinition.Width> 
</ColumnDefinition> 

Answer 2

Eine Möglichkeit, die in Code funktioniert, ist

if(Device.OS == TargetPlatform.Windows && Device.Idiom == TargetIdiom.Phone) 
    this.innerGrid.ColumnDefinitions.First().Width = new GridLength(100); 

zu verwenden, um die bestehende XAML-Definition zu überschreiben. innerGrid ist der Name des Grid, der im Xaml verwendet wird.

Answer 3

Xamarin.Forms XAML Beispiel:

<OnPlatform x:TypeArguments="View"> 
    <OnPlatform.Android> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition> 
        <ColumnDefinition.Width> 
         <OnIdiom x:TypeArguments="GridLength" Tablet="100" Phone="50" /> 
        </ColumnDefinition.Width> 
       </ColumnDefinition> 
       <ColumnDefinition> 
        <ColumnDefinition.Width> 
         <OnIdiom x:TypeArguments="GridLength" Tablet="100" Phone="50" /> 
        </ColumnDefinition.Width> 
       </ColumnDefinition> 
      </Grid.ColumnDefinitions> 
     </Grid> 
    </OnPlatform.Android> 
    <OnPlatform.iOS> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition> 
        <ColumnDefinition.Width> 
         <OnIdiom x:TypeArguments="GridLength" Tablet="100" Phone="50" /> 
        </ColumnDefinition.Width> 
       </ColumnDefinition> 
       <ColumnDefinition> 
        <ColumnDefinition.Width> 
         <OnIdiom x:TypeArguments="GridLength" Tablet="100" Phone="50" /> 
        </ColumnDefinition.Width> 
       </ColumnDefinition> 
      </Grid.ColumnDefinitions> 
     </Grid> 
    </OnPlatform.iOS> 
</OnPlatform>