Responsive design 使用Appcelerator Tianium框架的响应式UI设计

我是Appcelerator框架的新手，我在Appcelerator中开发了一个应用程序，但该应用程序在IOS上看起来不错，但在android上看起来不太好。 我想开发一个像html一样响应迅速的屏幕。 有没有办法像响应屏幕一样设计appcelerator屏幕

---

谢谢。

除非经过计算，否则不要定义宽度。iOS非常简单，只有几个不同的分辨率，在Android上你永远不知道你可能会遇到什么分辨率

幸运的是，您可以在Tianium中指定不同于HTML的宽度。比如说

var view = Ti.UI.createView({
  left: 20,
  right: 20
});

这将使您的视图成为父视图的宽度，左右填充20，将计算宽度

此外，始终坚持使用本机UI元素。因此，应该使用tabgroups、actionbar/navigationBar，这样您就不必担心这些元素的跨平台支持、样式和大小

此外，当您不知道UI的高度时，大多数视图应该放在

滚动视图中。它可以安装在iOS上，但不能安装在小型安卓设备上。将其放入scrollview将始终修复屏幕，因为scrollview将在内容高于适合的高度时自动启用滚动

So结论


宽度应定义为相对宽度。具有左/右属性或计算
若内容高度未知或未设计为全屏，则将其包装在滚动视图中
停止将应用程序视为网站，开始将其视为应用程序。布局的工作方式不同

最后，Appcelerator是公司，钛是您正在使用的技术：）
谢谢您的回复，我已经尝试了您提供的方法。但我正在为宽度而挣扎，因为我一行有4个元素，这对iPhone 7或更多的手机来说很好，但当应用程序在较小的设备上运行时，4个元素没有足够的空间，并且不能点击，我想要的是，如果宽度不是enoug，那么它可以作为一个流布局，可以放在下一行而不是单行。提前感谢您，因为您可以尝试使用
布局：'horizontal
将所有4个视图放置在parentView中，并放置parentView的
高度：Ti.UI.SIZE
。你能分享一些你的问题代码或截图吗