xamarin在平板电脑和大屏幕中形成拉伸视图

Question

设计大屏幕和平板电脑的最佳解决方案是什么？ 这个视图在手机上看起来不错，但是在平板电脑或大屏幕上，按钮和文本条目看起来很紧张和不专业。

我可以添加填充但是有更好的解决方案吗？

我看到Xamarin表单版本3的新预发行版不支持@medai。但它是否以另一种方式解释了这个问题？

Answer 1

Xamarin.Forms Page类有一个SizeChanged事件，我们可以用它来确定运行时的可用屏幕大小。我们可以根据屏幕的宽度或高度调整UI。

public partial class MainPage : ContentPage
{
   public MainPage()
   {
      InitializeComponent();
     SizeChanged += MainPageSizeChanged;
   }

   void MainPageSizeChanged(object sender, EventArgs e)
   {
      imgMonkey.WidthRequest = Math.Min(this.Width, 400);
   }
}

Xamarin.Forms在Device类上提供了一个静态Idiom属性，我们可以用它来检查设备类型。

if (Device.Idiom == TargetIdiom.Phone)
{
    buttonAbout.HeightRequest = 25;
    buttonAbout.WidthRequest = 40;
}
else
{
    buttonAbout.HeightRequest = 40;
    buttonAbout.WidthRequest = 70;
}

详情请参阅Adaptive UI with Xamarin.Forms。

Answer 2

您可以使用VisualStateManager来完成此任务。 有关如何开始使用https://xamarinhelp.com/visualstatemanager-xamarin-forms-phase-1/

的详细信息，请参阅