XAML добавить логотип в форму Xamarin Crossplatform - PullRequest
0 голосов
/ 02 ноября 2019

Как мне добавить логотип в центр формы Xaml, я начинаю Xamarin.

Мой код xaml выглядит примерно так:

    <StackLayout Spacing="20" Padding="50" VerticalOptions="Center">  
        <Entry Placeholder="Mail id"></Entry>  
        <Entry Placeholder="Password" IsPassword="True"></Entry>  
        <Button Text="Log In" TextColor="White" BackgroundColor="##ff77D065"></Button> </StackLayout>  
</ContentPage>

Это отлично работает, теперь яхочу увидеть, где я могу добавить логотип в форму Xaml, его кроссплатформенность.

Я новичок в этом.

Редактировать

Попыткачто-то вроде этого

<StackLayout Spacing="20" Padding="50" VerticalOptions="Center">
             VerticalOptions="Center" Padding="10">
    <Image Source="screenimg2.png" x:Name="imgLogo" HeightRequest="150" WidthRequest="150"/>  
    <Entry Placeholder="Mail id"></Entry>  
    <Entry Placeholder="Password" IsPassword="True"></Entry>  
    <Button Text="Log In" TextColor="White" BackgroundColor="##ff77D065"></Button> 
</StackLayout>  

1 Ответ

0 голосов
/ 02 ноября 2019

Вы можете использовать AbsoluteLayout для размещения вашего "фонового" логотипа, а затем StackLayout, оба по центру на экране, а затем поместить виджеты пользовательского интерфейса в StackLayout, чтобы контролировать порядок их размещения:

Пример (для логотипа установлена ​​непрозрачность 25%):

<AbsoluteLayout BackgroundColor="Black">
    <Image Source="logo.png" AbsoluteLayout.LayoutBounds=".5,.5,.75,.75" AbsoluteLayout.LayoutFlags="All" Opacity=".25" />
    <StackLayout AbsoluteLayout.LayoutBounds="1,1,1,1" AbsoluteLayout.LayoutFlags="All" HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand"  >
        <Label Text="INTRO TO THE WORLD" TextColor="Green" />
        <Entry Text="Some Entry Text" BackgroundColor="Green" />
    </StackLayout>
</AbsoluteLayout>

enter image description here

re: Xamarin.Forms AbsoluteLayout

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...