質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

Q&A

解決済

1回答

1148閲覧

Buttonをマウスオーバーしたときに内部のCanvasのプロパティを変更する方法

cpthgli

総合スコア76

C#

C#はマルチパラダイムプログラミング言語の1つで、命令形・宣言型・関数型・ジェネリック型・コンポーネント指向・オブジェクティブ指向のプログラミング開発すべてに対応しています。

XAML

XAML(Extensible Application Markup Language)はWPF、Silverlight、Windows PhoneそしてWindows Store appsでユーザーインターフェースを定義するために使われるXML言語です。

WPF

Windows Presentation Foundation (WPF) は、魅力的な外観のユーザー エクスペリエンスを持つ Windows クライアント アプリケーションを作成するための次世代プレゼンテーション システムです

0グッド

0クリップ

投稿2019/06/06 08:09

編集2019/06/06 08:21

前提・実現したいこと

ButtonのIsMouseOverプロパティがTrueのときに、
Button内に配置したPathのStrokeプロパティの値を変更したい。

  • PathのDataには別の値が入ります。

発生している問題・エラーメッセージ

ButtonのTriggerで内部のコントロールにStyleを適用できない。

該当のソースコード

xaml

1<StackPanel Grid.Row="0" Orientation="Horizontal" HorizontalAlignment="Right"> 2 <StackPanel.Resources> 3 <Style TargetType="Button"> 4 <Setter Property="Margin" Value="2"/> 5 <Setter Property="Height" Value="50"/> 6 <Setter Property="Width" Value="50"/> 7 <Setter Property="HorizontalContentAlignment" Value="Center"/> 8 <Setter Property="VerticalContentAlignment" Value="Center"/> 9 <Setter Property="Background" Value="#c0c0c0"/> 10 <Setter Property="IsTabStop" Value="False"/> 11 <Setter Property="OverridesDefaultStyle" Value="True"/> 12 <Setter Property="Template"> 13 <Setter.Value> 14 <ControlTemplate TargetType="Button"> 15 <Border 16 BorderThickness="{TemplateBinding BorderThickness}" 17 BorderBrush="{TemplateBinding BorderBrush}" 18 Background="{TemplateBinding Background}" 19 <ContentControl 20 Content="{TemplateBinding Content}" 21 HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 22 VerticalAlignment="{TemplateBinding VerticalContentAlignment}"> 23 </ContentControl> 24 </Border> 25 </ControlTemplate> 26 </Setter.Value> 27 </Setter> 28 <Style.Triggers> 29 <Trigger Property="IsMouseOver" Value="True"> 30 <Setter Property="BorderBrush" Value="#707070"/> 31 <Setter Property="BorderThickness" Value="3"/> 32 </Trigger> 33 </Style.Triggers> 34 </Style> 35 </StackPanel.Resources> 36 37 <Button> 38 <Viewbox Width="50" Height="50"> 39 <Canvas Width="30" Height="30"> 40 <Path Data="" Stroke="#303030"/> 41 <!-- Button[IsMouseOver="True"] で Stroke="#707070" にしたい --> 42 </Canvas> 43 </Viewbox> 44 </Button> 45 46 <Button> 47 <Viewbox Width="50" Height="50"> 48 <Canvas Width="30" Height="30"> 49 <Path Data="" Stroke="#303030"/> 50 <!-- Button[IsMouseOver="True"] で Stroke="#707070" にしたい --> 51 </Canvas> 52 </Viewbox> 53 </Button> 54</StackPanel>

試したこと

ContentにStyleを適用できないか

xaml

1<StackPanel> 2 <StackPanel.Resources> 3 <Style TargetType="Button"> 4 <Style.Triggers> 5 <Trigger Property="IsMouseOver" Value="True"> 6 <Setter Property="Content"> 7 <Setter.Value> 8 <Style TargetType="Path"> 9 <Setter Property="Stroke" Value="Red"/> 10 </Style> 11 </Setter.Value> 12 </Setter> 13 </Trigger> 14 </Style.Triggers> 15 </Style> 16 </StackPanel.Resources> 17</StackPanel>

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

試されたやり方でもしっかりと掘り下げればできそうですが、
ライブラリの力を借りたほうが手軽だと思います。

XML

1<-- 冒頭に名前空間の参照追加 2xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 3xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions" 4--/> 5<Button> 6 <Viewbox Width="50" Height="50"> 7 <Canvas Width="30" Height="30"> 8 <Path Data="M 1,1 C 10,30 30,-20 30,10" Stroke="#303030" x:Name="hoge"/> 9 </Canvas> 10 </Viewbox> 11 <i:Interaction.Triggers> 12 <i:EventTrigger EventName="MouseEnter"> 13 <ei:ChangePropertyAction TargetName="hoge" PropertyName="Stroke" Value="#707070"/> 14 </i:EventTrigger> 15 <i:EventTrigger EventName="MouseLeave"> 16 <ei:ChangePropertyAction TargetName="hoge" PropertyName="Stroke" Value="#303030"/> 17 </i:EventTrigger> 18 </i:Interaction.Triggers> 19</Button>

投稿2019/06/06 09:34

hihijiji

総合スコア4150

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

cpthgli

2019/06/06 10:00

解決いたしました。ありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問