Сделать отзывчивые рамки Xamarin формы

Question

Я пытался сделать репрессивный в Xamarin Forms. Но не повезло. Это моя попытка.

<StackLayout Spacing="0" Padding="20">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="10"/>
            <RowDefinition Height="40"/>
        </Grid.RowDefinitions>

        <Label x:Name="pol1" Text="some text" FontSize="Title" Grid.Row="1"/>
        <Frame BackgroundColor="Gray" Grid.Row="2" HasShadow="True" CornerRadius="10">
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="20"/>
                    <RowDefinition Height="20"/>
                    <RowDefinition Height="200"/>
                    <RowDefinition Height="20"/>
                    <RowDefinition Height="5"/>
                    <RowDefinition Height="5"/>
                    <RowDefinition Height="*"/>
                </Grid.RowDefinitions>
                <StackLayout Spacing="0">
                    <Label Text="some text" Grid.Row="2"/>
                    <Label Text="some text" Grid.Row="3"/>
                    <Label Text="some text" Grid.Row="4"/>
                    <Label Text="some text some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text" Grid.Row="5"/>
                    <Label Text="some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text" Grid.Row="6"/>
                    <Label Text="some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text" Grid.Row="6"/>
                </StackLayout>
            </Grid>
        </Frame>
    </Grid>
</StackLayout> 

Но кадр не масштабировать до текста. Я хочу сделать его масштабированным до конца текста.

Answer 1

Проблема с использованием StackLayout и индексацией здесь. В этом случае родительский макет не сможет правильно измерить размер. Я удалил ненужные StackLayouts, чтобы оптимизировать его. Теперь я могу получить желаемый результат с помощью приведенного ниже кода.

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="10"/>
        <RowDefinition Height="40"/>
    </Grid.RowDefinitions>

    <Label x:Name="pol1" Text="some text" FontSize="Title" Grid.Row="1"/>
    <Frame BackgroundColor="Gray" Grid.Row="2" HasShadow="True" CornerRadius="10">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="20"/>
                <RowDefinition Height="20"/>
                <RowDefinition Height="200"/>
                <RowDefinition Height="20"/>
                <RowDefinition Height="5"/>
                <RowDefinition Height="5"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
            <StackLayout Spacing="0">
                <Label Text="some text" Grid.Row="2"/>
                <Label Text="some text" Grid.Row="3"/>
                <Label Text="some text" Grid.Row="4"/>
                <Label Text="some text some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text" Grid.Row="5"/>
                <Label Text="some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text" Grid.Row="6"/>
                <Label Text="some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text" Grid.Row="6"/>
            </StackLayout>
        </Grid>
    </Frame>
</Grid>

Я получил следующий вывод. Я надеюсь, что это поможет вам.