Как перекрывать изображения в формах Xamarin - PullRequest
Новая
       3

Как перекрывать изображения в формах Xamarin

1 голос
/ 23 марта 2020

Я хочу создать прикрепленный снимок экрана

enter image description here

Я пытался использовать RelativeLayount и AbsoluteLayout, но все еще не смог получить требуемый результат. Можете ли вы помочь 

<RelativeLayout HorizontalOptions="Center">

            <Image Source="XX.png"  />
            <Image Source="YY.png"/>
            <Image Source="WW.png"/>
</RelativeLayout>

Это три изображения

enter image description here enter image description here enter image description here

Ответы [ 2 ]

2 голосов
/ 24 марта 2020

Вы можете использовать AbsoluteLayout и указать положения изображения, чтобы они перекрывались: 

<AbsoluteLayout>
        <Image Source="aa.png" Aspect="Fill" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds=".5,.5,1,1"/>
        <Image Source="bb.png" Aspect="Fill" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds=".5,.5,1,1"/>
</AbsoluteLayout>

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

Для получения дополнительной информации об AbsoluteLayout см. Xamarin.Forms AbsoluteLayout

1 голос
/ 24 марта 2020

Вариант 1 - Использовать сетку с одинаковыми строками и столбцами
Вариант 2 - Использовать AbsoluteLayout

...