user-interface - 如何在 xamarin 表单中创建与给定 UX 相同的 UI？

Question

我正在使用 xamarin 形式工作。我有设计师提供的一些用户体验。现在我想以 xamarin 形式创建完全相同的 UI(相同的控件高度、控件宽度、颜色等)。我的 xaml View 应该与给定的 UX 完全相同。

是否有任何工具可以指导我创建与 UX 相同的 UI。我的意思是通过该工具我可以获得屏幕控件的高度、宽度和颜色，然后可以使用它。

Answer 1

使用精确长度的 UI 并不是一个好主意，因为应用程序将在不同的屏幕和不同的设备上运行。 Xamarin 表单使用每个平台的 native View ，这也会改 rebase 本 View 的外观。

您需要做的是使用网格或其他布局来调整 View 的大小并控制 View 的高度和宽度。

我还建议您始终使用 ScrollView ，以防手机屏幕尺寸较小。

最后，关于实际的 UI 组件和 UX 交互，有许多现成的组件，例如日历、自定义复选框、 slider ......。如果您找不到满足您需求的组件，您有 2 个选择:

• 组合不同的组件并尝试使用absolute来定制它们 和相对布局。
• 自己创建组件，这需要一些知识 在每个平台上通过绘制来创建 View 组件并执行 每个平台的所有处理。

关于用户体验，有许多动画库，并且大多数组件都允许自定义。

您的问题非常笼统，所以这个答案也很笼统。下次请尝试更具体。