Значок положения в верхнем правом углу рамки формы xamarin - PullRequest
Новая
       54

Значок положения в верхнем правом углу рамки формы xamarin

0 голосов
/ 06 июля 2019

Я хотел бы разместить значок в верхнем правом углу рамки. Я должен признать, что я читал об абсолютном расположении несколько раз, но, очевидно, это не идет мне в голову.

Как вы можете видеть на картинке, значок немного выпал, и это код

enter image description here

Пример неправильного кода! 

<AbsoluteLayout>
    <Frame
        Margin="10"
        Padding="10"
        AbsoluteLayout.LayoutBounds="0,0,1,1"
        AbsoluteLayout.LayoutFlags="All"
        BorderColor="Blue"
        CornerRadius="5"
        HasShadow="False">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Label Grid.Row="0" Text="sample" />
            <Label Grid.Row="1" Text="sample2" />
        </Grid>
    </Frame>
    <ContentView AbsoluteLayout.LayoutBounds="1, 0, -1, -1" 
                 AbsoluteLayout.LayoutFlags="PositionProportional">

        <Image Source="myIcon.png" />
    </ContentView>
</AbsoluteLayout>

Есть предложения?

1 Ответ

0 голосов
/ 06 июля 2019

Присвойте иконке определенную ширину и высоту и установите пропорциональное значение поля Frame.Вы можете изменить значение поля Frame так, чтобы оно подходило вам: 

<AbsoluteLayout>
    <Frame
        Margin="10"
        Padding="10"
        AbsoluteLayout.LayoutBounds="0,0,1,1"
        AbsoluteLayout.LayoutFlags="All"
        BorderColor="Blue"
        CornerRadius="5"
        HasShadow="False">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Label Grid.Row="0" Text="sample" />
            <Label Grid.Row="1" Text="sample2" />
        </Grid>
    </Frame>
    <Image AbsoluteLayout.LayoutBounds="1, 0, 25, 25"
           AbsoluteLayout.LayoutFlags="PositionProportional"
           Source="myIcon.png" Aspect="AspectFit" />
</AbsoluteLayout>
...