如何为手机和平板电脑开发Xamarin表单应用程序

时间:2017-07-18 08:42:33

标签: xamarin.forms

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

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

我没有尝试过Xamarin表格。我需要一些帮助。

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

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

1 个答案:

答案 0 :(得分:1)

Xamarin.Forms使用称为“AutoLayout”的东西,这意味着它使用约束系统来调整任何屏幕大小的内容,这就是为什么在设计应用程序时应始终在多个设备上测试它。

Xamarin.Forms使用xaml作为renderng显示的基本标记语言,并在运行时将其转换为本机对应项。对于iOS,它转换为统一的api,它使用autolayout来调整不同屏幕大小的视图。 Information on xamarin's xaml quirks can be found here.

使用Xamarin.Forms你可以不必过多担心屏幕尺寸,它会根据您的布局和约束来调整视图。所以每页一个界面设计师,不需要多个故事板(iOS)或Android替代品。

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

我们将Xamarin.Forms用于我们的一个跨平台应用程序,并且没有对我们在Forms xaml中使用的底层组件进行任何实际调整,我可以肯定地说它目前支持并适用于所有Android平板电脑,所有苹果设备(除了他们的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如何实际运作的博客文章。