简体   繁体   English

Xamarin表单 - 如何将背景图像添加到内容页面

[英]Xamarin Forms - how to add background image to a content page

I am trying to assign Background Image to my content designed in xaml . 我正在尝试将背景图像分配给我在xaml设计的内容。 I have tried different approaches but it is not showing me background image. 我尝试了不同的方法,但它没有向我展示背景图像。 Here is the code I have written: 这是我写的代码:

Content Page: 内容页:

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="Demo.Welcome"
             BackgroundImage="bg1.jpg">

  <ContentPage.Content>
    <StackLayout  HorizontalOptions="CenterAndExpand" VerticalOptions="CenterAndExpand" Spacing="25" Padding="0" x:Name="stackLayoutMain">
      <Label FontSize="40" Text="WelCome Page" HorizontalOptions="Start" VerticalOptions="StartAndExpand"></Label>
      <Entry Placeholder="Activation Key" WidthRequest="200" FontSize="15" HorizontalOptions="Center" VerticalOptions="StartAndExpand" TextChanged="entryActivationTextChanged" x:Name="entryActivationKey" Keyboard="Numeric" HorizontalTextAlignment="Center"></Entry>
      <Button
        x:Name="buttonActivate"
        BackgroundColor="#fff"
        Text="Activate"
        WidthRequest="100"
        HeightRequest="50"
        HorizontalOptions="Center"
        VerticalOptions="StartAndExpand"
        TextColor="#377CC1"
        IsVisible="False"
        Clicked="buttonActivateClicked" >
      </Button>
    </StackLayout>
  </ContentPage.Content>
</ContentPage>

bg1.jpg is image in my portable project which i want to set as a background and I have set property bg1.jpg是我的便携式项目中的图像,我想将其设置为背景,并设置了属性

  • Build Action = "Content" and Build Action = "Content"
  • Copy to Output Directory = "Copy Always"

And Below is the directory structure of my project. 以下是我的项目的目录结构。

目录结构

My suggestion is to put images to folder: 我的建议是将图像放到文件夹中:

for Android Resources/drawable 对于Android Resources/drawable

for iOS Resources 对于iOS Resources

public class MainPage : ContentPage
{
    List<string> objEmpCollections = new List<string>();
    public MainPage()
    {
        this.Title = "V V I P's";
        //this.BackgroundColor = Color.Maroon;
        this.BackgroundImage = "EmpMgmtPCL.Images.NPO-Events-bg.png";
    }
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM