web-dev-qa-db-ja.com

Xamarinフォーム-背景画像をコンテンツページに追加する方法

xamlでデザインしたコンテンツに背景画像を割り当てようとしています。別の方法を試しましたが、背景画像が表示されません。これが私が書いたコードです:

コンテンツページ:

<?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は背景として設定したいポータブルプロジェクトの画像で、プロパティを設定しました

  • Build Action = "Content"および
  • Copy to Output Directory = "Copy Always"

そして、以下は私のプロジェクトのディレクトリ構造です。

Directory Structure

7

私の提案は画像をフォルダに置くことです:

for AndroidResources/drawable

iOSResources

13
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";
    }
}
2
Kokul Jose