【问题标题】:How to create same UI as given UX in xamarin forms?如何在 xamarin 表单中创建与给定 UX 相同的 UI?
【发布时间】:2018-07-05 12:47:43
【问题描述】:
我正在使用 xamarin 表单。我有设计师给出的一些用户体验。现在我想在 xamarin 表单中创建完全相同的 UI(相同的控件高度、控件宽度、颜色等)。我的 xaml 视图应该与给定的 UX 完全相同。
是否有任何工具可以指导我创建与 UX 相同的 UI。我的意思是通过那个工具我可以得到屏幕控件的高度、宽度和颜色,然后就可以使用了。
【问题讨论】:
标签:
user-interface
xamarin
xamarin.forms
user-experience
【解决方案1】:
使用精确的 UI 长度并不是一个好主意,因为应用程序将在不同的屏幕和不同的设备上运行。 Xamarin 表单为每个平台使用本机视图,这也将改变基本视图的外观。
您需要做的是使用网格或其他布局来调整和控制视图的高度和宽度。
如果手机屏幕尺寸较小,我还建议您始终使用滚动视图。
最后,关于实际的 UI 组件和 UX 交互,有许多现成的组件,例如日历、自定义复选框、滑块……。如果您找不到满足您需要的组件,您有 2 个选择:
- 组合不同的组件,尝试用absolute自定义
和相对布局。
- 自己创建需要一些知识的组件
在每个平台上通过绘制它来创建视图组件并执行
每个平台的所有处理。
关于用户体验,有许多动画库,并且大多数组件都允许可定制性。
你的问题很笼统,所以这个答案很笼统。下次请尝试更具体。