背景图片XAML

时间:2018-12-20 16:27:23

标签: xaml xamarin.forms

我正在尝试使用Xaml将背景图像合并到我的App中。我尝试了各种不同的方法,但似乎都没有用。我目前的代码是

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
         xmlns:local="clr-namespace:Cabiee;assembly=Cabiee"
         BackgroundImage="CabieBackground.jpg"
         x:Class="Cabiee.Login">

    <ContentPage.Content>

    <StackLayout VerticalOptions="CenterAndExpand" HeightRequest="500">


        <Entry 
            x:Name="usernameEntry" 
            Placeholder="Email"/>
        <Entry 
            x:Name="passwordEntry"
            IsPassword="true" 
            Placeholder="*********"
            Completed="PasswordEntry_Completed"/>

        <StackLayout Orientation="Horizontal">
            <Button 
                x:Name="BtnCustomer"
                Text="Customer"
                HorizontalOptions="FillAndExpand"
                VerticalOptions="FillAndExpand"
                FontSize="30"
                Clicked="BtnCustomer_Clicked"/>
            <Button
                x:Name="BtnDriver"
                Text="Driver"
                HorizontalOptions="FillAndExpand"
                VerticalOptions="FillAndExpand"
                FontSize="30"
                Clicked="BtnDriver_Clicked"/>
        </StackLayout>
        <RelativeLayout HorizontalOptions="CenterAndExpand" >
            <Button  
                x:Name="BtnRegister"
                WidthRequest="300"
                Text="Register"
                FontSize="30"
                Clicked="BtnRegister_Clicked"
            />

        </RelativeLayout>


    </StackLayout>


</ContentPage.Content>

这就是我的解决方案资源管理器的样子:https://gyazo.com/0af186bbca7e8456dfb1e7b1bafcb7ad

我的Resources文件夹中有CabieBackground.jpg,因此可以在android上显示,但是当我运行代码时,屏幕上什么都没有出现,只是空白

背景图片是在photoshop中制作的,尺寸为:640像素x 1136像素,分辨率为600像素/英寸

1 个答案:

答案 0 :(得分:0)

您需要将图像放在可绘制的文件夹中。 https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/images?tabs=windows#local-images

如评论中所述,您还应确保图像具有正确的属性,因为复制和粘贴会产生错误的属性。