首页 > 解决方案 > XAML 将徽标添加到 Xamarin 跨平台表单

问题描述

如何将徽标添加到 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>  

标签: c#xamlxamarin

解决方案


您可以使用 anAbsoluteLayout来包含您的“背景”徽标,然后使用StackLayout,两者都以屏幕为中心,然后将您的 UI 小部件放置在 中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>

在此处输入图像描述

回复:Xamarin.Forms AbsoluteLayout


推荐阅读