ピッカーの背景画像を設定

Question

このような背景画像を設定したいと思います。

この私のピッカーの背景：

<Grid > 
<Image Source="input_mobile_code_brown.png" x:Name="img"></Image> 
<Picker></Picker> 
</Grid> 

しかし、それはスタックレイアウトの向きの水平のような画像その後の最初のピッカーを示しています

私はこのコードを使用しようとしました。

Answer 1

コントロールを見つけるにはRelativeLayoutを使用できます。私はあなたのための例を書いて、シナリオに合わせてRelativeLayoutを編集することができます。

<RelativeLayout Margin="0,20,0,0"> 
     <Image Source="pickerbackgroundimage.png" Aspect="AspectFit" x:Name="img" 
        RelativeLayout.XConstraint = 
         "{ConstraintExpression Type=RelativeToParent, 
          Property=Width, 
          Factor=0, 
          Constant=0}" 
        RelativeLayout.YConstraint = 
         "{ConstraintExpression Type=RelativeToParent, 
          Property=Height, 
          Factor=0, 
          Constant=0}" 
       /> 


     <Picker BackgroundColor="Transparent" x:Name="picker" 
        RelativeLayout.XConstraint = 
         "{ConstraintExpression Type=RelativeToParent, 
          Property=Width, 
          Factor=0, 
          Constant=0}" 
        RelativeLayout.YConstraint = 
         "{ConstraintExpression Type=RelativeToParent, 
          Property=Height, 
          Factor=0, 
          Constant=0}" 
        RelativeLayout.WidthConstraint = 
         "{ConstraintExpression Type=RelativeToView, 
          ElementName=img, 
          Property=Width, 
          Factor=1, 
          Constant=0}" 
        RelativeLayout.HeightConstraint = 
         "{ConstraintExpression Type=RelativeToView, 
          ElementName=img, 
          Property=Height, 
          Factor=1, 
          Constant=0}" 
       /> 

    </RelativeLayout> 

それは、iOSとAndroid上でこのように動作します：それは作品