【问题标题】:How to develop Xamarin forms app for Phone and Tablet如何为手机和平板电脑开发 Xamarin 表单应用程序
【发布时间】:2017-12-23 00:30:42
【问题描述】:

1) 在 Android (Java) 中:
手机和平板有不同的文件夹
布局
布局-大
布局-xlarge

2) 在 iOS 中:使用通用设置。

我没有在 Xamarin 表单中尝试过。我需要一些帮助。

如果该应用适用于手机和平板电脑,我需要做什么?而且有这么多屏幕尺寸。

如何为多种屏幕尺寸设计页面?
如果我从平板尺寸开始,手机页面显示可能不合适?

【问题讨论】:

标签: xamarin.forms


【解决方案1】:

Xamarin.Forms 使用称为“AutoLayout”的东西,这意味着它使用约束系统来调整任何屏幕尺寸的内容,这就是为什么在设计应用时应该始终在多个设备上对其进行测试的原因。

Xamarin.Forms 使用 xaml 作为其用于渲染显示的基本标记语言,并在运行时将其转换为本机对应物。对于 iOS,它转换为他们的统一 api,它使用自动布局来调整不同屏幕尺寸的视图。 Information on xamarin's xaml quirks can be found here.

总而言之,使用 Xamarin.Forms 您不必过多担心屏幕尺寸,它会根据您的布局和约束调整视图。因此,每页只有一个界面设计器,无需多个故事板 (iOS) 或 android 替代方案。

话虽如此,您仍然可以微观管理您的视觉效果、设置动态字体大小、基于比率的动态大小控件或您想到的特定大小。老实说,我会从 Xamarin.Forms 示例应用程序之一开始,看看它们在不同设备上的工作情况。

我们将 Xamarin.Forms 用于我们的一个跨平台应用程序,并且没有对我们在 Forms xaml 中使用的底层组件进行任何真正的调整,我可以肯定地说,它目前支持并适用于所有安卓平板电脑,所有苹果设备(Mac 系列除外)、所有 Windows 设备(手机、平板电脑和台式电脑)。所以我觉得你不用太担心。


一些有用的链接:

Layout for Tablet and Desktop apps. - 以下是有关 Xamarin.Forms 的更多详细信息。

Master Detail Pages - 非常适合只关注大屏幕设备

Cross-platform Image optimisation - 你提到了这个,关于 android 等的不同文件夹,情况仍然如此。

Xamarin.Forms Adaptive UI explained - 关于 Xamarin.Forms 中的自适应 UI 如何实际工作的博客文章。

【讨论】:

  • 说我在页面上的一条直线上有 4 个条目(文本框),每个条目的宽度为 220。因此,对于分辨率为 960x 720 的平板电脑,这将显示正常。如果这是显示在手机中,分辨率:640 x 480。在这种情况下,我需要做什么?
  • 我也有同样的问题,xamarin 表单将如何支持多个屏幕
  • @sssvrock Xamarin.Forms UI 基于 XAML,因此它使用了多个控件,例如:StackLayout、Grid、FlexLayout、AbsoluteLayout、ScrollView 和 RelativeLayout。此博客讨论了 Xamarin.Forms 中的自适应 UI:blog.xamarin.com/adaptive-ui-xamarin-forms
猜你喜欢
  • 2012-07-05
  • 1970-01-01
  • 2011-10-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多