Xamarin形式的ViewBox替代方案

Question

在Xamarin中有沒有其他替代方案ViewBox，我可以保持我的圖像的縱橫比？

我將我的Windows Phone應用程序轉換爲Xamarin Forms。我的大部分屏幕都有可點擊的圖像，用於捕獲圖像部分的X Y座標。我的所有圖像都在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找到X，Y您的控件的座標。

RelativeLayout.WidthConstraint和RelativeLayout.HeightConstraint用於寬度/高度約束添加到對照。

這個圖像的例子中的（x，y）是（（父寬度的5％）,20），它是相對於父親的。它的寬度或高度是父級的60％。當然，你可以將它通過類型和的ElementName像這是相對於其他的觀點：

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縮放圖像以適合視圖。有些部分可能會留空（信箱）。

填充縮放圖像，使其完全填滿視圖。縮放在X和Y中可能不一致。