矢印の代わりにエキスパンダーコントロールのトグルボタンアイコンを "+"と " - "に変更する方法

Question

エキスパンダーコントロールのトグルボタンアイコンのアイコンを矢印の代わりに "+"と " - "に変更したいとします。 ..私はBlendと同じことをやってみた...しかし、私はそれを行うことができません。誰もがこれを達成するのを助けることができます...

Answer 1

あなたは2層の深さのテンプレートを編集する必要があります。ブレンド中

1）、エキスパンダー>テンプレートの編集]を選択>これはパンダのスタイルを作成しますが、スタイル内の「拡張テンプレート」を開きますコピー

を編集します。

2）DockPanelを開き、 "HeaderSite" ToggleButtonを探します。再度、テンプレートの編集>コピーの編集を選択します。

これはToggleButton Styleを作成し、編集のために "ToggleButton Template"を開きます。

3）枠内のグリッドを開き、矢印の矢印と円のパスを見つけます。これらを必要なグラフィックに置き換える必要があります。

現時点で私が不明な点は、矢印が反転する原因です。私はVisual Stateであると仮定しましたが、テンプレートに設定されていないようです。言われているように、私の推測では、Visual Statesを使用して、いつどの画像を表示するかを制御したいということです。これはToggleButtonなので、CheckedとUncheckedの状態をチェックしてください。

編集：Expander TemplateのHeaderSite ToggleButton IsCheckedプロパティが矢印の反転を駆動しています。その値は、テンプレートが親のIsExpandedプロパティにバインドされています。 ToggleButtonスタイルには、IsCheckedがTrueのときに矢印PathのDataプロパティをオーバーライドするControlTemplateトリガがあります。

arrowプロパティを置き換える場合は、この機能を置き換える必要があります。私はまだVisual StatesがControlTemplate Triggerよりも好ましいと思います。