【问题标题】:Background Image XAML背景图像 XAML
【发布时间】:2019-05-21 04:51:51
【问题描述】:

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

<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制作的,尺寸为:640px x 1136 px,分辨率为600像素/英寸

【问题讨论】:

    标签: xaml xamarin.forms


    【解决方案1】:

    你需要把你的图片放在 drawable 文件夹中。 https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/images?tabs=windows#local-images

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

    【讨论】:

    • 试过了,但没有成功,背景图片没有显示
    • 可能是您上面的某些控件有一些背景颜色,请确保它们是透明的。但这应该足够了,确保您已经尝试过,而不是您认为您已经尝试过。还要检查解决方案中文件的属性,如果您从其他位置复制文件而不是添加它,则属性可能不正确。
    • 啊,我明白了,我在主要部分有 CabieBackground.jpg,所以我复制并粘贴了它,所以属性不一样。现在可以了,感谢您的帮助!
    • 如果有效,您可以通过单击接受标志来接受答案。
    猜你喜欢
    • 1970-01-01
    • 2016-12-29
    • 1970-01-01
    • 2010-11-21
    • 2022-07-21
    • 2019-11-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多