Формы Xamarin - Создание сложного пользовательского элемента управления (создание нескольких знаков traffi c)

Question

У меня есть следующий экран в проекте Android:

Как я могу создать подобные элементы управления в формах Xamarin? (Я действительно не хочу реализовывать это нативно).

Answer 1

Вы можете использовать Frame и установить Padding и CornerRadius .

Например,

<StackLayout VerticalOptions="CenterAndExpand" HorizontalOptions="CenterAndExpand">

    <Frame BackgroundColor="Red" CornerRadius="10" WidthRequest="100" HeightRequest="50" Padding="5">


        <Frame BackgroundColor="White" CornerRadius="8" WidthRequest="90" HeightRequest="40" Padding="5" >

            <Frame BackgroundColor="Red" CornerRadius="8" WidthRequest="80" HeightRequest="30" Padding="0">

                <Label Text="11111" TextColor="White"  FontSize="20" VerticalTextAlignment="Center" HorizontalTextAlignment="Center"/>

            </Frame>

        </Frame>

    </Frame>

</StackLayout>

Вы можете поместить приведенный выше код в пользовательский вид и связать цвет и текст в коде позади.