前提・実現したいこと
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>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/06 10:00