問題タブ [opacitymask]

ユーザーが画像（透明なPNG）を割り当てることができるセルのリストがあります。PNGを選択したときに、PNGの周囲の各セルにアウトラインを表示したいと思います。これはOpacityMaskで実現できると思いますが、これまで読んだことや限られた使い方から、マスクデータを事前に設定しておく必要があり、ユーザーが変更できるため不可能です。画像。

私のアプリについての簡単な説明：

私が取り組んでいるアプリケーションは、グリーティング カード デザイナーです。背景画像があり、背景の上にとどまり、移動、サイズ変更、前後に移動できる無数の「レイヤー」（特に写真）があるものを想像してみてください...

星や楕円などの特定の形状をこれらのレイヤーに適用することも可能です..カードが作成された後、jpeg ファイルに保存することが可能です。

問題

すべて正常に動作しますが、シェイプをレイヤーに適用するとメモリ リークが発生することがわかりました。

各レイヤーの UserControl のコードは次のとおりです。

ここで、MaskConverter コードは次のとおりです。

パラメーター "MyMask.Data" は、さまざまな形状を含むテキスト ファイルから動的に読み込む XAMLパス(適用している形状) です。

したがって、原則として、*im_the_problem*という名前の境界線がある場合、メモリは解放されません。*im_the_problem*にコメントすると (つまり、図形のない長方形のレイヤー/画像だけが表示されます)、メモリ リークが発生することなく、すべてが魅力的に機能します。

問題は OpacityMask + VisualBrush にあるはずです。

私は何か間違ったことをしていますか？それとも、既知の問題がありますか? 同じことを別の方法で行う方法はありますか (画像に図形を適用する..)?

ありがとう。

枠を丸くしたキャンバスを作りたいです。OpacityMask で実装できると思います。しかし、それは私には難しいです。

図 1. は、キャンバスの境界線にぶら下がっていないキャンバス内のイメージです。反対に、図 2 のイメージはキャンバスの左端にぶら下がっています。そこにハングアップすると、OpacityMask が変更されました。

添付の写真のような効果を簡単なCSSで作成できるのではないかと思っていました。次善の選択肢は何でしょうか？前もって感謝します！

オーバーレイに OpacityMask を適用して、無効な ImageButton カスタム コントロールの画像をグレー表示しています。意図した効果は、画像の本体のみがグレー表示されるため、画像の上に境界線やボックスが配置されないことです。

問題は、画像 URI がバインドされた getter ({TemplateBinding XXX} に記述されているもの) を介してアクセスされる限り、マスクが適用されないことです。ただし、URI が明示的に指定されている場合、マスクは機能します。問題は、TmplateBinding の場合に問題が発生する理由とその解決方法です。

カスタム イメージ ボタンを定義する XAML コードは次のとおりです。

カスタム プロパティ ハンドラのコードは次のとおりです。

カスタム コントロールのスタイル コード (無効状態):

興味深いことに、スタイル テンプレート内に次のコード スニペットが配置されています。

としても

どちらも正しく動作します。そのため、問題はその ImageSource="{TemplateBinding ImageSource}" が何らかの形で正しい URI を取得しないか、他の理由で機能しないことにあるようです。それで、これを修正する方法は？

次のように、LinearGradientBrush を使用して WPF で不透明マスクを作成できます。

これにより、ブラシの範囲全体で透明度ゼロから完全な透明度までのブラシが得られます。

しかし、さまざまなレベルの透過性を与えるために使用される 16 進コードは何ですか? たとえば、ブラシを 75% の透明度で開始し、ブラシの範囲の 100% に移動したいとします。

私は現在、2つの画像があり、一方が他方の上に配置されているプロジェクトに取り組んでおり、マウスが画像の上を移動すると下の画像がより透けて見えるようにしたいと思います。ピクセル単位で必要ですピクセル レベルでは、それぞれ同じ背景を共有する 1px x 1px の div を X x Y で作成しようとしましたが、背景をその位置でオフセットして、上部の画像ピクセルがそれぞれ 1px div になるようにして、不透明度を変更できるようにしましたマウスオーバー時の各 div の。これを試してみると、ブラウザが非常に多くの div で停止しました。

これを行う方法はありますか（フラッシュではありません）、ブラウザが停止することなくスムーズに見えるように、すべてのブラウザで十分に速く動作しますか？

少し問題がありますが、解決策があるかどうかはわかりません。

基本的に、色に依存しないdivボーダーに不透明度グラデーションを作成したいと思います。

説明させてください。

jqueryを使用してビューポートをスライドする別の大きなdiv（SlideDivと呼びます）を含む「overflow：hidden」div（MainDivと呼びます）があります。メインのdivには、同様に移動する「フルビューポート」の背景の複雑な画像があります。すべてが本当に素晴らしい視差効果を生み出します。

予想どおり、「SlideDiv」コンテンツはビューポートの境界を越えて消えます。ここにトリックがあります。コンテンツが消えるだけでなく、消えていくようにしたいと思います:)

これを機能させるには、ビューポートの境界で不透明度のグラデーションを設計する必要があります。また、背景には常に表示する必要のある複雑な画像があるため、このグラデーションを色に関連付けることはできません。言い換えると、「不透明度：1（コンテンツが表示される）から不透明度：0（コンテンツが表示されない）」のグラデーションであり、「不透明度：0（コンテンツが表示される）から白/」のグラデーションが必要です。黒/緑/AnyColor不透明度：1（コンテンツは不透明色の背後にあります）"グラデーション。

つまり、-webkit-gradientまたは-moz-linear-gradientを使用できません。または私はできますか？

恐れ入りますが、ビジネス上の理由でお見せすることはできません。

質問は次のとおりです。-CSS2または3、jQuery、プラグイン、またはその他のテクノロジー（フラッシュを除く）を使用することは可能ですか？-もしそうなら、どのように？:)

はっきりしているといいのですが、よくわかりません。ごめんなさい。

よろしく、ジボウ

WPF アプリケーションのカウントダウン コントロールに取り組んでいます。次の xaml は、私が求めているものを示しています。

ここで、全体を白くする代わりに、カウントダウンの次の数字を「明らかに」したいと思います。OpacityMask を使用するとうまくいくと思いましたが、試してみると、おかしくなりました。これが私が取り組んでいるxamlです：

何が起こっているのか、なぜこのように動作しているのかを説明する方法はわかりませんが、それは私が望むものでも期待したものでもありません. 私が見逃している簡単なものはありますか？または、私が望むものを達成する代替アプローチを誰かが提供できますか?

png オーバーレイを使用して最初の Google マップ API を作成しました (@andresf の支援に感謝します)。

このマップには複数の png グラウンド オーバーレイが隣接しており、http://www.earthstation.mobi/coverage.htmで見ることができます。

質問: オーバーレイの下に地図の詳細が表示されるように、各オーバーレイに不透明度 (透明度) を設定するにはどうすればよいですか? Web ページからこれを調整する必要はありません。スクリプトにコード化されたプリセットで十分です。

上記のページのコードは次のとおりです。