どのようにFlexでコンポーネントの外をクリックするかどうかを決定する
2022-01-03 06:07:44
昨日、Flexの開発をしている時に、以前、このような操作に遭遇し、その時のアプローチがあまり良くなかったのですが、今日、同じような問題に遭遇しました!まずは画像を見てみましょう。
これは、システムインターフェイスのおおよその外観は、現在の状況は、赤い領域は、ウィンドウ、ページ、このようなコンポーネントであり、このコンポーネントを非表示にするには、このコンポーネントの外をクリックする必要がある、前のアイデアは非常にシンプルですが、座標によって判断される、今この赤い領域の構造はより複雑なので、私は方法の種類を解決できるのか分からない、と、友人のネットワークを満たして、私はそれが悪いとは思わない、私はそれが熟練だことだと思う段落コードを与えた だから、それを共有する。
まず、黒い部分のクリックイベントをリッスンし、containsメソッドでクリックイベントハンドラで決定します。そのコードを以下に示します。
public functionclickHandler(event:MouseEvent):void
{
if(! red area.contains(event.target asDisplayObject) && ! green area.contains(event.target as DisplayObject))
{
Red area.visible = false;
}
}
このコード、今でも比較的良い解決策だと思います。最初のアイデアは座標で判断することで、その後思いついたのは、赤い領域でマウスが離れるのを聞き、離れるハンドラでクリックイベントを聞くという方法ですが、この方法はうまくいかないようです。そこで、この方法についてウェブマスターに質問してみました。
ここでまた豆知識ですが、私のqqアバターはルフィのものなのですが、偶然にも問題を解いてくれたのはサウロンアバターのネット民で、問題を解いた後、船長と呼ばれ、楽しかったです
これは、システムインターフェイスのおおよその外観は、現在の状況は、赤い領域は、ウィンドウ、ページ、このようなコンポーネントであり、このコンポーネントを非表示にするには、このコンポーネントの外をクリックする必要がある、前のアイデアは非常にシンプルですが、座標によって判断される、今この赤い領域の構造はより複雑なので、私は方法の種類を解決できるのか分からない、と、友人のネットワークを満たして、私はそれが悪いとは思わない、私はそれが熟練だことだと思う段落コードを与えた だから、それを共有する。
まず、黒い部分のクリックイベントをリッスンし、containsメソッドでクリックイベントハンドラで決定します。そのコードを以下に示します。
コピーコード
コードは以下の通りです。
public functionclickHandler(event:MouseEvent):void
{
if(! red area.contains(event.target asDisplayObject) && ! green area.contains(event.target as DisplayObject))
{
Red area.visible = false;
}
}
このコード、今でも比較的良い解決策だと思います。最初のアイデアは座標で判断することで、その後思いついたのは、赤い領域でマウスが離れるのを聞き、離れるハンドラでクリックイベントを聞くという方法ですが、この方法はうまくいかないようです。そこで、この方法についてウェブマスターに質問してみました。
ここでまた豆知識ですが、私のqqアバターはルフィのものなのですが、偶然にも問題を解いてくれたのはサウロンアバターのネット民で、問題を解いた後、船長と呼ばれ、楽しかったです
関連
-
R言語による.tar.gz.zipファイルの解凍と圧縮
-
Flex エラー (mx.messaging.messages::RemotingMessage) 分析
-
フレックスはウェブサービスを使用して写真をアップロードし、コードを実装します。
-
ie9でポップアップウィンドウを閉じる際に__flash__removeCallbackが未定義エラーになる。
-
flex actionScriptの時間処理の合計が、合計された日付を返す
-
Flex ポップアップウィンドウのリクエスト Action 関数例
-
フレックスクロームブラウザのデバッグの解答が空白に表示される
-
AdvancedDataGrid の選択行の全データを取得する。
-
フレックスコントロールのポップアップウィンドウのドラッグ範囲サンプルコード
-
TitleWindowのフレックスは、アイデアと実装の値を渡すために
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Flexファイルをローカルにエクスポートする2つの方法
-
flex Object オブジェクトの中身を繰り返し処理する。
-
Flex 月の第1週を取得する 小 例
-
FLEX ArrayCollection がフィルタリングされたデータを削除する問題が解決されました。
-
Flexファイル読み込みエラーの例
-
ツリーバインドデータ後、自動的にツリーノードを展開するFlexメソッド
-
オブジェクトのキーと値をトラバースするFlexサンプルコード
-
flex actionScript ファイル読み込みのサンプルコード
-
Flexの親子ウィンドウは、アイデアやソースコードを実装するためにお互いを呼び出す
-
フレックス インライン html ページ サンプルコード