問題タブ [gradientstop]

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 投票する
2 に答える
2051 参照

wpf - WPF: vb コードの controlTemplate にあるグラデーションストップの色プロパティをバインドするにはどうすればよいですか?

カスタム コントロール (ContentControl を継承) の動的な背景ブラシを作成するには、これを行う必要があります。私のカスタム コントロールには、StartColor と EndColor の 2 つの依存関係プロパティがあります。カスタム コントロールのコントロール テンプレートでは、コントロールは、背景がRadialGradientBrushグラデーション ストップである境界線でラップされます。1 つのグラデーション ストップの色は StartColor にバインドされ、もう 1 つのグラデーション ストップの色は EndColor にバインドされます。これは XAML で動作していますが、VB コードに変換する必要があります。XAML のコントロール テンプレートの境界要素は、次のコードで実行されます。

次のように VB コードで境界線を作成しようとしましたが、うまくいきませんでした。



VBコードでこれを達成する方法についてのアイデアはありますか?

0 投票する
4 に答える
7624 参照

silverlight - SilverlightでGradientStopColorsまたはGradientStopsプロパティをバインドする方法は?

以下のように、Silverlightで動的グラデーションを使用できるようにしたいと思います。

タイプ「Color」を返す2つのプロパティにバインドしていますが、常に次のメッセージが表示されます。

GradientStopコレクションにバインドしようとすると、これにも同じ問題があります。この問題の解決策は次のとおりです。

  1. グラデーションの開始と終了を実行時に変更できるようにします
  2. Silverlight 3.0で動作し、WPFソリューションではありません

この動作を回避する、またはとにかくこれを複製するための回避策がある場合は、LinearGradientsで機能するソリューションがあります。これは、何かの「Fill」プロパティをこれにバインドできるためです。ただし、この状況では機能しません。私が使用する可能性のある他のグラデーションタイプであり、このソリューション/代替案が適用される将来的に他の人が使用する可能性があります。

0 投票する
0 に答える
723 参照

silverlight - Silverlight 3 の絶対 GradientStops を使用した LinearGradientBrush の OpacityMask

私の質問はこれに似ています

ただし、不透明マスクに LinearGradientBrush を使用しているため、そのスレッドの答えはうまくいきません。

私は3行のグリッドを持っています:

グリッドのコンテンツは、グリッドの上部と下部 (1 行目と 3 行目) で半透明にする必要があります。

不透明度を調整できないため、クリッピングを使用できないことを理解しています。したがって、不透明マスクを使用する必要があると思います。これらは画像またはブラシをコンテンツとして受け取りますが、後者の方がこの問題には適していますが、GradientBrush のオフセットをグリッド行の高さの絶対値に設定する方法の問題が生じます。

また、MVVM パターンを使用しています。オフセットは FrameworkElement から派生していないため、バインドは機能しません。私が今見ることができる唯一の解決策は、完全なブラシをビューモデルにバインドし、グリッドのサイズが変更されるたびに調整することです。あまり良くありません。よりエレガントなソリューションはありますか?

私がやりたいことは、このようなものです(RowDefinitionsとコンテンツはスキップされました)

擬似コード:

コンテンツが 3 つの行にまたがっているため、グリッドなどを分割することはできません。DrawingBrush はそれをうまく解決すると思いますが、それは SL の家に住んでいるわけではありません。

Silverlight3 を使用しています。

0 投票する
0 に答える
7069 参照

css - 色をブレンドせずに斜めの CSS グラデーションを作成する方法 (急激な色の変化) は、右に 70% 移動しますか?

私がやろうとしていることを行うCSSグラデーションカラージェネレーターが見つかりません。ブレンドのない斜めのグラデーションで、(たとえば) から#252525への急激な色の変化のみ#0099ffで、2 つの色が交わる線はコンテナーの左から約 70% の位置にあるため、線はコンテナーの半分より少し上から始まります。コンテナの x 軸、および線は、コンテナの右側の y 軸の途中で終了する可能性があります。

傾斜度を計算するための具体的な数値と、グラデーションの開始点の xy 座標を強調できれば、非常に役立ちます。この時点で私はただ混乱しています。

0 投票する
0 に答える
332 参照

silverlight - Silverlight の透明な GradientStop は完全に透明ではありません

Silverlight で単純なグラフィカル オブジェクトのスタイルを設定しています。このオブジェクトは、白いテキストが付いた赤い四角形として表示されます。マウスが四角形の上に置かれると、テキストが部分的にしか見えないように、赤から透明にフェードするオーバーレイ四角形を表示したいと思います。私の問題は、私が使用している LinearGradientBrush が赤から透明になるのではなく、赤からある種の半透明の白になることです! 次のように問題を再現しました。

この場合、透過色定数を使用したにもかかわらず、グリッドの上部が下部よりわずかに明るいことが簡単にわかります。#00FFFFFF を使用しても結果は同じですが、#00xxxxxx (xxxxxx は任意の色の RGB コード) を使用すると、上の長方形の色相が色に応じて変化します! コードの最初の 2 桁はアルファ チャネルを表すべきではありませんか? 「00」が完全な透明性を意味しないのはなぜですか? どんなヒントでも大歓迎です。

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

c# - System.Windows.Media.GradientStopCollection の参照を追加する場所

ソリューション エクスプローラーの [参照] に移動し、参照マネージャーの [アセンブリ] の下の [フレームワーク] から追加しようとしました。サービス パックをインストールするという点で、不足しているものはありますか? MSDN ページ ( http://msdn.microsoft.com/en-us/library/system.windows.media.gradientstopcollection.aspx )

VS 2010 で

アドバイスしてください...ありがとう!

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

c# - C# で任意の背景を作成する方法

色を使用する C# でメソッドを作成しようとしています。

しかし、残念ながらそれは機能していません。これはエラーメッセージです:"System.Windows.Media.Colors" does not contain a definition for "ColorB".

誰かが私の誤謬を知っていますか?

私はそれをこのように呼びたい:Layoutgenerator(WhiteSmoke, LightGray);

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

.net - #FF0B3663 を GradientStop Color に設定する方法

今、私はやっています。

#FF0B3663 のような文字列を渡す必要があります

何か案が?

ありがとう

0 投票する
3 に答える
5273 参照

css - クロムでぼやけた線形グラデーションが停止する

次のように複数のストップを持つ線形グラデーションを使用している場合:

Firefox 問題なし。

クロム グラデーション カラー間の遷移がぼやけています。新しい色を定義するために位置を再利用しているため、位置 35 では、色が #001500 から #ffffff に即座に変化します (または、少なくともそうすべきです)。div が高いほど、グラデーション ストップ間のぼやけが大きくなります。

IE クロムのようなぼやけがありますが、極端ではありません。Chromeのように、divを高くするとぼやけが増します。

http://jsfiddle.net/cyq7grdr/5/

Firefox のグラデーション:

Firefox のグラデーション

クロムのグラデーション:

クロムのグラデーション

div の高さが低い場合のクロムのグラデーション (2000px ではなく 1000px):

ここに画像の説明を入力

編集

これは chrome では修正されているようですが、firefox で導入されました。誰かがこれを確認できるなら、私は幸せです.