Создать пользовательский фрейм в формах xamarin

Question

Мне нужно создать рамку, как на прилагаемой фотографии, дело в том, что она должна быть адаптируемой, поскольку она будет содержать метки / тексты, а также должнаиметь высоту и тень. Все, что легко сделать с рамкой, проблема в том, что речь мало, я не могу найти способ сделать это.

Может быть, у кого-то есть идея начать с. спасибо

Answer 1

Вы можете связать Высота и Ширина кадра с его дочерним элементом (как метка).

в коде позади

public class SizeConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return ((double)value + 20.0); // you can set the logic of height and width here  
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return 0;
    }
}

в xaml

<ContentPage.Resources>
    <ResourceDictionary>
        <local:SizeConverter x:Key="SizeConverter" />
    </ResourceDictionary>
</ContentPage.Resources>

<StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
    <Frame CornerRadius="10" WidthRequest="{Binding Source={x:Reference contentLabel}, Path=Width,Converter={StaticResource SizeConverter} ,Mode=OneWay}" MinimumHeightRequest="100" HeightRequest="{Binding Source={x:Reference contentLabel}, Path=Height,Converter={StaticResource SizeConverter} ,Mode=OneWay}" BackgroundColor="LightBlue" Padding="10" >
        <!-- Place new controls here -->
        <Label x:Name="contentLabel"  BackgroundColor="LightGray" Text="xxx" 
       HorizontalOptions="Center"
       VerticalOptions="CenterAndExpand" />
    </Frame>
</StackLayout>