問題タブ [spark-skinning]

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.

0 投票する
1 に答える
2637 参照

actionscript-3 - Flex 4カスタムTextInputスキン->新しいグラフィック要素が何らかの理由で暗くなっていますか?

Flex 4 / AS3:New-> MXMLスキンを選択し、ホストコンポーネントとして「TextInput--spark.components」を選択して、TextInputのカスタムスキンを作成しました。したがって、私の出発点は「SparkTextInputコンポーネントのデフォルトのスキンクラス」でした。

新しいスキン(「textinput_skin」と呼ばれます)内に、テキスト入力のテキストの左側に表示する新しい視覚要素を追加しました。

「ボタンの形状」は、次のようになります。http ://www.adobe.com/content/dotcom/en/devnet/flex/articles/flex4_skinning/_jcr_content/articlecontentAdobe/image_2.adimg.mw.125.jpg / 1279877300467.jpg (Adobeの例から描画するためのコードをコピーしたため)。

代わりに私のTextInput内では次のようになります:http://i.imgur.com/8aWE7HB.png

これは、カスタムTextInputスキンのコードです(ほとんどが新しいものですが、新しいビジュアル要素を追加しました)。

そして、私は次のように肌を使用します:

問題は、グラフィック要素が淡色表示されることです。アルファが1未満であるか、前に別の透明なアイテムがあるようです。コードでわかるように、テキストの色を0xFFFFFFにしましたが、白よりもはっきりと暗く表示されます。

誰かが私の要素を暗くしているものを特定するのを手伝ってもらえますか?

ちなみに、「影」の要素があることは承知しています。ただし、updateDisplayList()では、borderVisible==trueの場合にのみシャドウが表示されるように設定されます。borderVisible = falseに設定してみて、スキンからシャドウ要素を完全に削除してみました。それは問題ではないようです。

また、ある時点では、プログラムで図形を描く代わりに画像を使用していました。画像も暗くなりました。

どうもありがとう。

0 投票する
1 に答える
596 参照

actionscript-3 - ActionScript での Flex モバイル ボタンのスキニング - 複数行の labelDisplay

私はFlex mobil電子アプリケーションに取り組んでおり、モバイルでのパフォーマンスを最適化しています。スキンを書き込む必要があることを読んだActionScriptので、 AS を作成しようとしましたButtonSkin

このスキンをボタンに適用する:

ここに画像の説明を入力

ボタン labelDisplay の配置が正しくありません (verticalAlignment は中央である必要があります)。

ボタンをクリックした後:

ここに画像の説明を入力

私のボタンlabelDisplayは現在、中央に垂直に配置されています。

私は何か見落としてますか?私は何を間違えましたか?

0 投票する
1 に答える
1039 参照

css - Flex は実行時に CSS プロパティを変更します

flex ダッシュボードのレプリカである flex で 1 つのダッシュボード アプリケーションを開発しています。ここには、異なるコンテンツを表示している複数のパネルがあります。私が望むのは、ユーザーが特定のパネルをクリックするたびに、たとえば「年間収益」と言うと、その特定のパネルを強調表示したいだけです。

したがって、基本的に、初期状態のすべてのパネルは「非アクティブ」状態になりますが、ユーザーがクリックするとすぐにアクティブになり、「xyz」パネルで作業していて残りが入ることをユーザーに知らせるためのより良いエクスペリエンスをユーザーに提供します非アクティブ状態。

したがって、「アクティブ」および「非アクティブ」状態とは、HTML ページでハイパーリンクにカーソルを合わせると「青」になる (たとえば) ため、それ以外の場合はアクティブおよび非アクティブと呼びます。

さて、パネルの話。

パネルには、そのレイアウトを定義するスキンがあります。私の要件を満たすために、私が試したのはパネルに「css」を適用することです。今、私はこの方法でcssを適用しました

さて、このクラス自体で、パネルの「クリック」を処理しています。クリックイベントで私が基本的にやっていることは、

パネルにはスキンが適用されているため、スキンに含まれるコンポーネントのプロパティを変更する必要があります。そのため、スキンの css プロパティにアクセスできる必要があります。

スキンファイルで私はこのようなことをしています

だから私の質問は、私の要件を満たす正しい方法ですか?

スキン クラスのホスト コンポーネントの css プロパティにアクセスするにはどうすればよいですか?

ここで main.mxml にスタイル ファイルを定義しました。スタイル ファイルに「panelOn」という名前のスタイル クラスが含まれている場合、そのクラスをパネルに指定すると、そのクラスに関連付けられたスタイルにアクセスできるようになりますか?

パネルの setStyle メソッドを使用してすべての css プロパティを配置するようにアドバイスしないでください。css ファイルを使用する利点がなく、css スタイリングが悪いためです。

他のより良い解決策がある場合は、意見を共有してください。私がはっきりしていることを願っています。あらゆる種類の助けをいただければ幸いです。

0 投票する
1 に答える
275 参照

actionscript-3 - Flex 4 スキニング ボタン コントロール

私はフラッシュ ビデオ プレーヤーに取り組んでいます。コントロール バーのデフォルトのスキンがあります。今私がする必要があるのは、プレーヤーのスキンを主に背景画像/色でコントロールバーを変更することです。助言がありますか

スキンファイル