2

お気づきかもしれませんが、プラットフォームが異なれば、わずかに異なる UX/UI が必要になります。

たとえば、iPhone 向けに設計する場合は戻るボタンがあるかもしれませんが、Android 向けに構築する場合は戻るボタンは必要ありません。

その他のものはアイコンです。Android のツールバーには複数のボタンがあり、iPhone のツールバーには 2 つのボタンしかない場合があります。

問題は... js ファイルを作成してインターフェースを定義するとき、それぞれプラットフォームに固有の 2 つの異なるインターフェース js ファイルを作成するか、それともプラットフォームの検出に応じて UI を変更する 1 つの js ファイルを作成するかです。

プラットフォーム検出でスタイルを変更するよりも、プラットフォームに固有の 2 つの UI セットを用意する方が簡単だと思います。UX も異なる可能性があるため、UX と UI のコードはかなり複雑になるのでしょうか? どう思いますか？

4

2 に答える 2

3

プラットフォームに固有の UI を 2 セット用意する方がよい選択肢だと思います。サンプル アプリケーション (titanium studio に組み込まれています) は、プラットフォームを決定する方法を示しています。以下は、サンプル アプリケーションのコードです。

var osname = Ti.Platform.osname,
    version = Ti.Platform.version,
    height = Ti.Platform.displayCaps.platformHeight,
    width = Ti.Platform.displayCaps.platformWidth;

//considering tablet to have one dimension over 900px - this is imperfect, so you should feel free to decide
//yourself what you consider a tablet form factor for android
var isTablet = osname === 'ipad' || (osname === 'android' && (width > 899 || height > 899));

var Window;
if (isTablet) {
        Window = require('ui/tablet/ApplicationWindow');
}
else {
    // Android uses platform-specific properties to create windows.
    // All other platforms follow a similar UI pattern.
    if (osname === 'android') {
        Window = require('ui/handheld/android/ApplicationWindow');
    }
    else {
        Window = require('ui/handheld/ApplicationWindow');
    }
}
new Window().open();
于 2012-07-28T12:58:57.313 に答える
0

ビジネス ロジックと UI.jsファイルを分離することをお勧めします。また.js、プラットフォームごとに 1 つのファイルを作成すると、プラットフォームに応じて正しい js URL を指定できます。明確なアイデアについては、キッチン シンクのタブの例を参照してください。

于 2012-10-15T12:07:16.653 に答える