2011-09-22 62 views
2

我想知道如何在所有平臺上創建一致的用戶界面而不是不斷的用戶界面。這裏一致我的意思是UI應該看起來是特定平臺的原生。例如,iOS中的標籤欄位於底部,具有特別的外觀和感覺,而Android中的標籤欄位於頂部並具有不同的外觀。一致的用戶界面,而不是不斷的用戶界面跨平臺使用sencha觸摸

如果我在sencha中創建標籤欄,它默認情況下在底部,並提供了與iOS類似的藍色外觀和感覺,但它不適用於Android,因爲使用默認外觀我會失去Android應用程序的感覺,它會像Android內的iOS應用程序。 那麼我如何解決這個問題呢?如果其他條件適用於所有平臺來正確佈置組件並應用特定的CSS,或者我可以通過主題來完成,並且如果是的話,我可以使用主題做什麼?請注意,我的目標不僅是具有不同的組件品牌,而且還改變他們的位置/方向等。

這些問題的答案是必須的,因爲這些問題的答案是必須的,因爲這些問題將決定我們是否應該採用sencha作爲跨平臺工具。如果我能得到任何可以在iPhone/iPad/Android手機/安卓平臺上運行的此類工作示例,並提供其平臺特定的用戶界面,我將不勝感激。

謝謝, 塔倫。

回答

3

您可以使用主題獲取原生色彩。 Sencha touch帶有4個css - android.css,apple.css,bb6.css和sencha-touch.css。如果你不滿意那些你可以用sass和指南針來製作一個自定義的。在主題化 - http://vimeo.com/17879651

所以,如果你正在做一個Web應用程序,那麼你應該發現是什麼樣的設備,併發送相應的CSS。如果你正在做一個類似手機的電話那麼你可以爲每個平臺打包不同的CSS。

爲了讓你可以使用煎茶的配置文件的原始位置和方向。在本教程中閱讀所有關於它們的信息:http://www.sencha.com/learn/idiomatic-layouts-with-sencha-touch/ - 基本上,您檢查什麼類型的設備,並且在具有檢查該對象的if/else語句之後將其保存到配置文件對象。

在這裏你可以找到一些與煎茶觸摸做出的應用程序 - http://www.sencha.com/apps/

+0

感謝Ilya139, 我將通過這些教程。 –