Sencha touch 使用sencha touch跨平台提供一致的用户界面，而不是恒定的用户界面

我想知道如何在所有平台上创建一致的UI，而不是恒定的UI。这里所说的一致性，我的意思是UI应该是该特定平台的本机界面。例如，iOS中的选项卡栏位于底部，具有特定的外观，而Android中的选项卡栏位于顶部，具有不同的外观

如果我在sencha中创建标签栏，它默认位于底部，并提供与iOS非常相似的蓝色外观和感觉，但它不适用于Android，因为使用默认外观，我将失去Android应用程序的感觉，它将类似于Android内部的iOS应用程序。 那么我如何解决这个问题呢？我是否编写了所有平台的if-else条件，以正确布局组件并应用特定的CSS，或者我可以通过主题化来完成它，如果是，我可以使用主题化来完成什么？？注：我的目标不仅是拥有不同的组件品牌，而且还改变它们的位置/方向等

这类问题的答案是必须的，因为这将决定我们是否应该采用sencha作为跨平台工具。如果我能得到任何在iPhone/iPad/Android phone/Android pad上运行的此类工作示例，并提供其特定于平台的ui，我将不胜感激

谢谢，

---

Tarun。

您可以使用主题来获取本地颜色。Sencha touch附带了4个css-android.css、apple.css、bb6.css和Sencha-touch.css。如果你对这些不满意，你可以用sass和compass定制一个。关于主题化-

因此，如果你正在做一个web应用程序，那么你应该检测什么类型的设备，并发送相应的css。如果你正在做一个类似phonegap的应用程序，那么你可以为每个平台打包不同的css

要获得本地位置和方向，可以使用sencha的配置文件。阅读本教程中的所有内容：-基本上，您检查设备的类型，并在使用if/else语句检查该对象后将其保存到profile对象

---

在这里，您可以找到一些使用sencha touch制作的应用程序-

谢谢Ilya139，我将浏览这些教程。