Xamarin Form StackLayout: Come impostare la larghezza/altezza dei bambini in percentuale

Question

C'è un modo per creare un layout di stack verticale con un pulsante che prende il 30% del genitore e un input di testo che richiede il 70% del genitore ? Qualcosa del genere:

<StackLayout Orientation="Vertical"> 
    <Entry Height="70%"></Entry> 
    <Button Height="30%">Click me</Button> 
</StackLayout> 

Ma questo non funziona. L'unica soluzione finora è la creazione di un oggetto Grid completo e l'utilizzo di quello. Non ci sono altre soluzioni?

Answer 1

StackLayout non funziona molto bene con altezze variabili in questo scenario. I motori Xamarin Forms non sono così arrotondati come il motore WPF a questo punto. In pratica dovete andare

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition Height="7*" /> 
     <RowDefinition Height="3*" /> 
    </Grid.RowDefinitions> 
    <Entry Grid.Row="0" VerticalOptions="Fill"></Entry> 
    <Button Grid.Row="1" VerticalOptions="Fill">Click me</Button> 
</Grid> 

anche come nota a margine, solo griglie possono espandersi per tutta la larghezza o l'altezza del suo elemento genitore. StackLayout determina le dimensioni massime in base alla somma dei loro figli, a meno che non siano all'interno di una griglia e tu inserisca HorizontalOptions="Fill" e VerticalOptions="Fill".

L'unico altro modo per ottenere ciò è ottenere DeviceHeight e Width dal sistema operativo e impostare manualmente le altezze dei propri elementi. Un approccio complesso e solitamente imperfetto, che non consiglio.

Answer 2

Mentre si può fare questo con griglia, v'è il layout più adatto per esso AbsoluteLayout

È possibile impostare le proporzioni di posizione con questo: ". 5,1, 0,5, 0,1" AbsoluteLayout.LayoutBounds =