問題タブ [lineargradientbrush]

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 に答える
242 参照

c# - WPF C#線形グラデーションブラシの開始点または終了点をアニメーション化

「EndPointProperty」または「StartPointProperty」のアニメーションを設定して LinearGradientBrush をアニメーション化するにはどうすればよいですか?

私はxamlにこのコードを持っています:

アニメーションの私のコードはこれですが、エラーなしでは機能しません。このプロパティを正しくアニメーション化するにはどうすればよいですか?

ありがとうございました

0 投票する
2 に答える
268 参照

xamarin.forms - 動的スタイルから色が設定されている場合、Xamarin Forms LinearGradientBrush の Frame が機能しない

スタイルを使用して、線形グラデーションを持つフレームを作成しようとしています。スタイルに色をハードコーディングすると、フレームが正しく表示されます。カスタム アプリ設定オブジェクトのプロパティに色をバインドしようとすると、スタイルが機能しません。以下に例を示します。

これが静的スタイルです。値に問題がないことを確認するために、オブジェクトと同じ色を使用するように構成しました。

ダイナミックスタイルはこちら

これをテストするために使用しているStackLayoutは次のとおりです。

これは CodeBehind ページのコードで、CheckInHeaderBgColor1 と CheckInHeaderBgColor2 の値を表示しています。OnAppearing イベントの最後に次のコードを実行します。

これが私が得る出力です:

ここに画像の説明を入力

次のように、CodeBehind でページ全体を appsetting にバインドします。

注: この AppSettings オブジェクトの他のプロパティをページの他のスタイル (以下に示す) で使用していますが、それらは機能しているようです。スクリーン ショットでは、最後のラベルのテキストの色が、その下の画面の背景色と一致していることがわかります。

スタイルは次のとおりです。

誰かが私が間違っていることを知っているなら、フィードバックをいただければ幸いです。

アップデート::

以下のフィードバックに基づいて、Xamarin.Forms.Color オブジェクトを返すカスタム カラー オブジェクトのプロパティを作成し、そのプロパティにバインドしようとしました。それは動かなかった。また、App.Xaml ファイルで動的プロパティを使用して、カスタム カラー オブジェクトが読み込まれたときにこれらのプロパティの値を変更しようとしましたが、どちらも機能しませんでした。更新されたサンプルは次のとおりです。

App.Xaml の色

更新された 3 つのテスト スタイルは次のとおりです。

サンプル フレームを生成するための XAML を次に示します。例 2 では動的リソースを使用します。

結果は次のとおりです。

結果画面ショー

2 番目のサンプル - Xamarin.Forms.Color オブジェクトへのバインドはまったく機能しません。3 番目の例では、動的リソースを使用しようとしても、カスタム カラー オブジェクトがロードされているときに値が変更されていることを確認したにもかかわらず、新しい色に更新されません (静的な黒と白の値のままです)。

ですから、ここでも途方に暮れています。