問題タブ [transitions]

ステートマシンを設計していて、2つの異なる状態から入ることができる1つの特定の状態があります...前の状態に戻る方法がわかりません...またはそれを間違ってモデル化していますか？

説明する ：

最後の行は私が問題を抱えているところです。行番号1のトランジションからAに到達した場合は初期状態に遷移する必要があり、行番号3の遷移からAに到達した場合は状態Bに遷移する必要があります。

どうすればこれをより適切にモデル化できますか？

VGroup に要素を追加/削除するときは、スムーズに行う必要があり、アイテムのサイズを変更します。トランジション効果を使用する必要があると思います。しかし、どのように？

1. アイテム（要素）レベルで？
2. VGroupレベルで？
3. 代わりに DataGroup を使用し、ItemRenderer レベルで実行する必要がありますか?

私はアイテムレベルでそれをやろうとしてきましたが、まだそれを機能させることができず、どういうわけか正しくないと感じています. より高いレベルで行う必要があるように感じます。

たとえば、アイテムのサイズを高さ = 0 に変更する「死亡」状態を定義しました。しかし、縮小した後、VGroup を削除するか、VGroup から自分自身を削除するには、何らかの方法で VGroup に通知する必要があります。不必要に複雑に感じます。

私が望んでいるのは、エフェクトを VGroup へのアイテムの挿入と削除に関連付ける方法ですか? 何か案は？

前もってありがとう、ヌーノ

Transient コンテンツを使用する Windows Phone 7 アプリケーションを開発しています。

その一時的なコンテンツに戻らないようにするために、同じページに複数のグリッドがある phew ページを使用することにしました。

別の「ページ」を表示する必要がある場合は、折りたたまれた現在のグリッドに設定してから、目的のグリッドを表示するように設定します。

これはユーザー コントロールを使用して実行できることはわかっていますが、ユーザー コントロールの使用がグリッドを使用する場合よりも遅くなる可能性があるかどうかはわかりません。何かアドバイス？

もう 1 つの質問は、グリッドを使用する場合、ページ遷移をどのように使用できるかということです。

Flex アプリケーションを使用しており、いくつかの相互作用によって多くのオブジェクトが一度に視覚的な更新を必要とする場合があります。これらの更新は、状態ベースの遷移を持つ多くの MXML ベースのコンポーネントの状態変更に変換されます。ほんの一握りのコンポーネントが同時にアニメーション化されると、トランジションは見栄えがよくなりますが、それらすべてが同時にアニメーション化されると、Flash Player が追いつかなくなります。

アニメーション パイプラインのようなものを作成して、すべてが遅れないようにする方法について何かアイデアはありますか? それとも他の解決策でしょうか？

次のjQueryコードのスニペットを使用してAJAXリクエストを実行しています。

また、不透明度の変化が0.25秒の間にフェードインおよびフェードアウトするようにCSS3トランジションを設定しました。望ましい結果は、（リンクをクリックした後）ページのセクションがフェードアウトし、次にコンテンツが置き換えられ、最後にセクションが再びフェードインする（新しいコンテンツが表示される）ことです。

問題は、フェードアウト遷移が完了する前に、コンテンツがAjax回答に置き換えられることです。

CSS3の移行が完了した後にのみAJAXリクエストを起動するにはどうしますか？

さまざまなスレッドを読んで、この解決策を検討しました。

このようなものを使用して、フェードアウトが終了したときにのみajaxリクエストを起動できますが、次のようになります。

• $ .ajaxメソッドの外側の最初の遷移を処理する必要があります（したがって、beforeSendメソッドを削除します）
• 不透明度の遷移だけを聞く方法がわかりません
• 現在、リンクのクリックによってトリガーされているため、ajaxリクエストがトランジションによってトリガーされることは私にはあまり意味がありません。

jQueryアニメーション関数も調べましたが、CSS3トランジションを使用していないようです。

どんな助けでも大歓迎です

「状態」を切り替える遅延が異なるCSS3トランジションを使用することは可能ですか？たとえば、ホバーしてから「マウスアウト」で要素をすぐに高くして、要素の初期の高さに戻る前に1秒待機しようとしています。

デモページ： jsfiddle.net/RTj9K（右上隅のブラックボックスにカーソルを合わせる）

CSS： #bar { transition:.4s ease-out 0, 1s; }

最後のタイミングは遅れに関係していると思いましたが、思った通りに動いていないようです。

私はモバイルデバイス用のWebページをデザインしています。jqueryが素晴らしいことは知っていますが、使いたくありません。このhttp://jquerymobile.com/demos/1.0a4.1/のようなスムーズなページ遷移を実現したいのですが、jqueryを使用しません。どうすればそれを達成できますか？ページ遷移の間に呼び出されるWebサービスがあるため、遅延が発生します。できるだけスムーズにしたいと思います。

Hey everyone... Im wondering why this wont work?

If i change the background to colors like yellow and the hover, black, it works fine.... But not with my images?

2つのコンテナがある素敵な状態遷移を作成しようとしています（以下の例では、パネルを使用しています）。

状態が変化したら、上部パネルをフェードアウトしてから、下部パネルを画面の上部に移動し、その下に新しい「下部」パネルをフェードインします。

以下のコードでは、フェードは正常に機能していますが、パネルはボックスの上部に移動せず、トランジションなしで新しい位置に移動します。

また、「逆」遷移はまったく発生しません。autoReverseをtrueに設定しようとしました。また、反対のトランジションを作成しようとしましたが、どちらも結果がなく、トランジションもありませんでした。

VBoxのVGroup（すべてが発生する）を置き換えると、わずかに良い結果が得られ、遷移は1つの方法で機能します。逆遷移はまだまったく機能しません。

VGroupまたはVBoxを削除し、絶対位置を使用すると、遷移は正常に機能します。

このような移動トランジションが必要な場合は、常に絶対ポジショニングを使用する必要がありますか、それともincludeInおよびexcludeFromプロパティと組み合わせてVGroupまたはVBoxでこれらのトランジションを使用できますか？もしそうなら、上記の例でそれをどのように修正できますか？

グリッド内に 2 つのキャンバスがあり、トランジションしたいフル シーンの「イメージ」があります。これら 2 つのキャンバス コントロール間をどのようにトランジションするのだろうかと思います。

プログラムで最初のキャンバスをグリッドに追加し、次に 2 番目のキャンバスをグリッドに追加し、最初のキャンバスを削除します。本当にやりたいのは、それらの間の遷移です。

プログラムでこれを達成する方法について何か提案はありますか?

ありがとう。

編集:私はこの方法を実装しましたが、問題があります.誰かが私が間違って使用しているかどうかを教えてくれますか?

そして、これが私がそれを使用する方法です：

これに関する問題は、アニメーションが画面の途中からのみ開始するように見えることです。最後の 20 ピクセル程度しかスライドしていないのが見えます。最後までスライドするわけではありません。