0

ネイティブの iPhone アプリや Android のネイティブ アプリで一般的に見られるトランジション (ページ全体が左または右にスライドするスライダー効果など) を使用する簡単な方法を探しています。

私のWebアプリケーションのWebページ間の遷移は、jQuery Mobile、Wink、iUiなどのフレームワークを使用して実行できることを知っています.

また、私のアプリケーションには、スクロール可能なコンテンツを含む固定フッターと固定ヘッダーが必要です。jQuery Mobile で試してみたのですが、コンテンツのスクロール効果は良いのですが、固定ヘッダーとフッターのレンダリングはあまり良くありません。

そのため、代わりにiScroll 4を使用しますが、jQueryモバイルがDOMなどで再生されるため、jQueryモバイルを使用してトランジションのみを行うことはできません。これにより、divの配置内でいくつかの問題が発生します

私は iUI を試してみましたが、jQ mobile ほど「広く」ないように見えますが、それでも Web アプリの完全なフレームワークです。しかし、私は現在トランジションのみを探しています..

JavaScriptフレームワークを使用せずに、これらの「完全なWebページ」遷移を実現する方法はありますか? また、iUI などのフレームワークは、すべてのページを 1 つのみに配置します (jQuery Mobile はこれは優れていません)。複数の div 内にそれらを分離します。これは、iScroll で問題になる可能性があります。

最高の方法は、別々の html ページ間でこれらの遷移を実行できるようにすることですが、それが可能かどうかはわかりません (つまり、AJAX ワールド テクニックを使用しないことを意味します)。

Webkit (Android、iDevices..) を使用する最新のデバイスのみを対象としています。

助けてくれてどうもありがとう

4

2 に答える 2

1

http://maker.github.com/ratchetをご覧ください。これは、すべてのトランジションを含め、iPhoneの動作を非常によく模倣しています。

于 2012-11-09T14:26:03.373 に答える
0

モバイル アプリケーション用の iScroll は忘れてください。これはうまく機能しますが、すべての Webkit デバイスで機能するわけではなく、多くの Android デバイスで問題が発生します。ネイティブ アプリのようなものが必要な場合は、コンテナー モデルを使用する必要があります。コンテナー モデルは、基本的にヘッダーとフッター、および動的コンテナーが中間にあります。これは、Twitter や Flikr などのモバイル サイトで使用されます。iframe または ajax のいずれかを使用してロードできる動的コンテナー (ただし、個人的には iframe やモバイルには近づかないでしょう)。また、フレームワークを使用する前に、メリットとコスト (サイズ、将来の依存関係とスケーラビリティ、JS を解析するオーバーヘッドなど) を考慮してください。モバイルはデスクトップ開発ではなく、多くの開発者はその事実を忘れているようです。私は現在、主要なソーシャル ネットワーキング サイトで働いており、必要なものを 1 バイトも超えていない独自のフレームワークを持っています。以前は JQuery を使用していましたが、サービスを提供する Webkit デバイス (サイズ + 解析時間 + 依存関係など) の肥大化が大きすぎることが判明し、最終的には JQuery を使用しなくなりました。

于 2011-07-31T00:11:03.667 に答える