XamarinフォームでのViewBoxの代替方法

Question

XamarinのViewBoxには、画像の縦横比を維持できる代替手段はありますか？

Windows PhoneアプリケーションをXamarinフォームに変換しています。私の画面のほとんどは、クリック可能な画像があり、ここで画像部分のX座標をキャプチャします。私はViewBoxに私のすべての画像を持っているので、画面の大きさや解像度に関係なく、画像のxyの位置が同じになるように、縦横比を維持しています。

ネイティブコントロールでこれを行うにはXamarin.IOSで公開しています。

Answer 1

残念ながら、Xamain.formsのBoxViewはWPの同名のものと異なります。

RelativeLayoutは少し複雑ですが柔軟性があります。アプリが異なるサイズの画面で実行されるとき、コントロールはあなたの制約に従ってそれらに適応します。

例えば：

<RelativeLayout> 
    <Image BackgroundColor="Red" Source="Icon-76.png" Aspect="Fill" x:Name="redBox" 
     RelativeLayout.XConstraint="{ConstraintExpression 
      Type=RelativeToParent, 
      Property=Width, 
      Factor=0.05, 
      Constant=0}" 
     RelativeLayout.YConstraint="{ConstraintExpression 
      Type=RelativeToParent, 
      Property=Y, 
      Factor=1, 
      Constant=20}" 
     RelativeLayout.WidthConstraint="{ConstraintExpression 
      Type=RelativeToParent, 
      Property=Width, 
      Factor=.6, 
      Constant=0}" 
     RelativeLayout.HeightConstraint="{ConstraintExpression 
      Type=RelativeToParent, 
      Property=Height, 
      Factor=.6, 
      Constant=0}" /> 
</RelativeLayout> 

RelativeLayout.XConstraintとRelativeLayout.YConstraintあなたのコントロールのY座標、Xを見つけます。

RelativeLayout.WidthConstraintとRelativeLayout.HeightConstraintコントロールと幅/高さの制約を追加するために使用されます。

例では、この画像の（x、y）は、親に対して相対的な（（親の幅の5％）,20）です。幅や高さは親の60％です。

RelativeLayout.XConstraint="{ConstraintExpression 
      Type=RelativeToView, 
      ElementName=redBox, 
      Property=Width, 
      Factor=1, 
      Constant=0}" 

ConstraintExpression：： - 制約があるかどうかを

タイプもちろん、あなたがこのようなタイプとのElementNameを介して他のビューへの相対値でそれを設定することができます親または別のビューに対して相対的に表示されます。

プロパティ - 制約の基準として使用するプロパティ。

ファクタ - プロパティ値に適用するファクタ。

定数 - 値のオフセットとして使用する値。

要素名 - 制約が関連するビューの名前です。

そして、あなたはあなたのイメージのための適切な表示を見つけるために、Aspectを設定することができます。

<Image Source="Icon-76.png" Aspect="Fill"/> 

AspectFillスケールビューを満たす画像。一部の部分は、ビューを埋めるためにクリップされることがあります。

AspectFitビューに合わせて画像を拡大/縮小します。一部の部分は空白のままです（レターボクシング）。

塗りつぶし画像が拡大表示されるように拡大縮小します。