0

ネイティブ アプリでのアプリ開発は、iPhone と Android で別々に行われます。しかし、HTML5 Sencha フレームワーク アプリでは、同じ HTML5 コードが使用されます。両方のプラットフォームのアラート ボックスまたはボタンに同じビジュアル スタイルを使用する必要がありますか?それとも、プラットフォームによって異なる外観にする必要がありますか?

同じ HTML5 コードが使用されているため、両方のプラットフォームで異なるルック アンド フィールにどのように対処すればよいでしょうか? たとえば、メニュー バーは iPhone では下部にあり、Android では上部にあります。または、Android の場合、上部の [戻る] ボタンを非表示にする必要があります。または、両方のプラットフォームでアラート ボックスまたはボタンのスタイルを変える方法はありますか?

iOS 用と An 用に異なる CSS ファイルのセットを使用する必要がありますか?

私はキッチン同期 Sencha アプリケーションを使用していましたが、アラート ボックスの非常に基本的なスタイルが示されています。

4

1 に答える 1

1

ユーザーエージェントの検出時に Sencha Touch が追加する iOS/Android クラスを使用できます。たとえば、デバイスが iOS を実行している場合、body 要素のクラスは「x-ios」です。アンドロイドの場合は「x-android」になります。これは、特定の OS バージョン (例: "x-ios-4") にも適用されます。クラスを理解するために、Chrome でユーザー エージェントをオーバーライドし、さまざまなエージェントの要素を調べてください。これらのクラスを使用すると、複数のスタイルシートを避けることができ、クラスに応じて CSS を設定するだけです。

単純な CSS では実行できない特定のレイアウト調整については、ここでプロファイルが役立ちます (http://docs.sencha.com/touch/2-1/#!/api/Ext.app.Profile)。Android および iOS 用のプロファイルをセットアップし、起動機能を使用して、必要に応じて特定のコンポーネントを操作します。

これらの方法を使用すると、物事を整理し、必要な個別のファイルの数を最小限に抑えることができるはずです。

于 2012-12-05T05:36:04.160 に答える