2017-07-10 13 views
0

私はXamarin Formsでかなり新しく、XAMLページを分割して、上部の「行」の背景イメージと下部の「行」の白い背景を持つようにしています。 。Xamarinフォーム - 半分のページの背景イメージ

Check the following example

灰色の背景は、私が現在持っている背景画像を表し、それはContentPageタグにあります。この場合、白い背景はスクリーンの全幅に達しません(ContentPageのGrid.Rowの内側にあるため)。 グリッドの最初の行に背景画像を追加するだけでは、ページタイトル(Iniciar Sesion)に背景画像が表示されません。

ContentPage全体を2つの行に分割するだけです.1つは背景イメージで、もう1つは背景イメージなしです。 私はC#ではなく、XAMLで実際に行う必要があります。

アイデア?

ありがとうございます!

+0

2行のグリッドを作成し、最初の行のBGにイメージを配置します。次に、他のコントロールを格納するために、各行に別のネストされたグリッドを追加します。 – Jason

+0

@Jasonは応答してくれてありがとう!グリッドに背景イメージを追加すると、それらの白いパディングがあります。私がPaddingsを取り除くことができる唯一の方法は、ContentPageに背景イメージを追加することです。 ContentPage - > Image =パディングなし、半分/半分の背景なし。 ContentPage - >グリッド - >イメージ=半分/半分の背景がパディングです。 – TRDrake

+0

グリッド上のパディングを変更してページ全体を埋めるようにする必要があります – Jason

答えて

0

あなたは簡単に相対レイアウト(Xamarinドキュメントにおける相対的なレイアウトのために学ぶためにhereをクリックする)とあなたの要求を達成することができます:背景ページの色が白でデフォルトで

<?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="YourNamesapce.YourPage"> 
    <RelativeLayout> 
     <Image 
      RelativeLayout.WidthConstraint="{ConstraintExpression Type=RelativeToParent, 
      Property=Width,Factor=1}" 
      RelativeLayout.HeightConstraint="{ConstraintExpression Type=RelativeToParent, 
      Property=Height,Factor=0.5}" 
      Source="icon.png" 
      Aspect="AspectFill"/> 

    <Grid 
     RelativeLayout.WidthConstraint="{ConstraintExpression 
     Type=RelativeToParent,Property=Width,Factor=1}" 
     RelativeLayout.HeightConstraint="{ConstraintExpression 
     Type=RelativeToParent,Property=Height,Factor=1}"> 
     <!-- Your Grid Layout--> 
    </Grid> 
</RelativeLayout> 

ので、この意志それ以外の場合は、ページの背景色属性を目的の属性に設定します。

関連する問題