2016-08-15 14 views
4

xamlで設計されたコンテンツに背景画像を割り当てようとしています。私はさまざまなアプローチを試みましたが、私は背景イメージを表示していません。Xamarinフォーム - コンテンツページに背景画像を追加する方法

コンテンツページ:ここで私が書いたコードです

<?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 iが背景として設定したい私のポータブルプロジェクト内の画像であると私は財産に

  • を設定していますBuild Action = "Content"および
  • Copy to Output Directory = "Copy Always"

以下は私のプロジェクトのディレクトリ構造です。私の提案は、フォルダに画像を置くことです

Directory Structure

+0

1.あなたは、ビルドアクションを持っていますかあなたのイメージを "組み込みリソース" ? 2.どちらのプラットフォームでも動作しませんか? 3. Web用のイメージを使用して、動作するかどうかを確認します。 – BraveHeart

答えて

12

アンドロイドためResources/drawable

ため

のiOSResources

+0

あなたは正しいです:) – user2988458

+0

画面サイズによっては、単なるdrawableフォルダ以上のものを使用する必要があるかもしれません。 – Darren

1
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"; 
    } 
} 
+0

FYIはXAMLを使用していることを示していますので、答えはそのようにする必要があります。 – Darren

関連する問題