問題タブ [famous-angular]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
famo.us - 一般的なイベントから有名な角の入力イベントを除外する
私は有名な/角度のあるモバイルアプリを書いています。どのビューでも右にスワイプすると、メニューが表示されます。このために、次のイベント処理を設定しました。
上記はすべて正常に機能しています。私の問題は、上記のためにアクセス/入力できないビューの一部にhtml入力があることです。これらが含まれるサーフェスは、イベントを「同期」にパイプします。
ここでの問題は、入力のクリック イベントが同期に渡されることです。私はそれについて何をすべきかわかりません。何か案は？
どうもありがとう！
javascript - バニラjsのFamo.us関数? (Surface / StateModifier / Transitionable / Transform)
このリップル オン クリック効果を再現したいと思います。
http://jsfiddle.net/cjalatorre/zr2m5d88/
フィドルは、この回答の拡張です。
ボタンの背景画像に CSS 放射状グラデーションを使用することにしました。波紋 (グラデーションの円) をタッチ/マウス ポイントの中心に置いています。レンダリング サイクルにフックするために、Surface モジュールを拡張しました。
グラデーションの直径用とグラデーションの不透明度用の 2 つの Transitionables があります。これらは両方とも、相互作用後にリセットされます。ユーザーがボタンをクリックすると、Surface は X と Y のオフセットを保存し、グラデーションの直径を最大値に移行します。ユーザーがボタンを放すと、グラデーションの不透明度が 0 に移行します。
レンダリング サイクルでは、バックグラウンド イメージを常に X オフセットと Y オフセットの円で放射状のグラデーションに設定し、2 つの Transitionable から不透明度とグラデーションの直径を取得します。
これらの famo.us モジュールが使用されます。
私は famo.us に詳しくないので、これを書き直してみる前に、明らかな同等のバニラ関数/落とし穴はありますか?
javascript - 深い Z 空間で Famo.us サーフェスをクリックする
Famo.us/Angular で作成され、負の Z 位置に変換されたサーフェスはng-click、Chrome でイベントを受け取りません。これはWebKitの既知のバグのようで、Firefox では問題になりません。以下のプランカーの例を参照してください。
ここで、Z 軸に沿って出入りするサーフェスのコレクションを作成し、それらのいずれかをクリックしてフォアグラウンドに移動できるようにしたいと考えています。これは、Chrome で負の Z 値がやや大きい場合に問題になります。 .
サーフェスfa-pipe-toを EventHandler にすることもできますが、イベント データにはイベントのソースに関する情報が含まれていないようです。そのため、どのサーフェスがクリックされたかを正確に識別できません。
Chrome でうまく機能するこの動作を実装する良い方法は何ですか?
Famo.us Periodic Table Demoは、私が考えていたものと同様の動作を実装しています。サーフェスは内外にフロートし、Chrome でうまく機能します。そこではどのように行われますか？...縮小されたコードからそれを理解することができませんでした。
Unity ゲーム エンジンは、マウス クリックでヒットするオブジェクトを取得できるレイキャスティング機能を提供します。似たようなものを実装する必要があるかもしれませんが、Periodic Table Demo でのサーフェスの選択はより簡単な方法で行われると思います。サーフェスが正の Z 位置にとどまるようにしただけでしょうか?
これは、Chrome でクリック イベントを受け取る Z=0 で赤い正方形をレンダリングする例です。一方、Firefox で例を実行しない限り、Z=-200 でレンダリングされた緑色の正方形はクリック イベントを取得しません。
javascript - fa-scroll-view 内にネストされた ng-repeats
現在、私はng-repeat別の中にネストされていng-repeatます。1 つ目は でアイテムをグループ化sectionし、2 つ目はグループ内の個々のアイテムをレイアウトします。セクションのタイトルだけが必要な場合は、 Famous Angular を使用fa-scroll-viewするのが最初に機能するようです。ng-repeat2番目を含めるとng-repeat、すべてのアイテムが重なっています
javascript - Famo.us + Angular の要素の classList をどのように変更できますか?
Famo.us + Angular を使用しています。これを行うことで、Surface の classList を取得できます。
DOM 上の他のオブジェクトに対して通常実行できる操作を Famo.us オブジェクトに対して実行することはできません。たとえば、次のようなクラスを追加、削除、または置換できると考えました。
ただし、追加と削除は存在しません。クラス リスト、およびリストの個々の項目 (例: 最初のクラスのみ) を返すことはできますが、それを変更することはできません。助言がありますか？