Can't use Custom property for label in data triggers
I am creating a WPF application with a custom TitleBar. It also has a custom button style. Although I did both custom controls fine, but when creating a resize button that changes title with a window state problem. Custom control XAML ...
<local:MaterialButton Grid.Column="7" BackStyle="{StaticResource StyleWhite}">
<local:MaterialButton.Triggers>
<DataTrigger Binding="{Binding WindowState, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" Value="Normal">
<Setter Property="Caption" Value="" />
</DataTrigger>
<DataTrigger Binding="{Binding WindowState, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" Value="Maximized">
<Setter Property="Caption" Value="" />
</DataTrigger>
</local:MaterialButton.Triggers>
</local:MaterialButton>
and the code behind ...
public string Caption
{ get { return (string)GetValue(CaptionProperty); }
set { SetValue(CaptionProperty, value); }
}
public static readonly DependencyProperty CaptionProperty =
DependencyProperty.Register("Caption", typeof(string), typeof(MaterialButton));
Please help with this
+3
source to share
1 answer
I have already solved this problem. XAML is ......
<Style TargetType="{x:Type local:TitleBar}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:TitleBar}">
<Grid Name="TitleBar" Height="60" HorizontalAlignment="Stretch"
Background="{Binding Background, FallbackValue=SteelBlue}">
<Path Fill="#FF2A5478" Style="{Binding TitleBarStyle, FallbackValue='{StaticResource StyleDesign01}'}"
HorizontalAlignment="Right" VerticalAlignment="Top" Height="200"/>
<Grid Height="30" HorizontalAlignment="Stretch" VerticalAlignment="Top">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="30"/>
<ColumnDefinition Width="1*"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<Image Grid.Column="0" Name="Icon" Stretch="Uniform" Height="auto" Width="auto" Margin="5"
Source="{Binding Path=Icon, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
HorizontalAlignment="Center" VerticalAlignment="Center"/>
<TextBlock Grid.Column="1" Name="Title" Foreground="White" Margin="5,0,0,0" FontFamily="Segoe UI"
Text="{Binding Path=Title, Mode=OneWay, RelativeSource={RelativeSource TemplatedParent}}"
HorizontalAlignment="Left" VerticalAlignment="Center"/>
<local:FlatButton Grid.Column="8" x:Name="CloseButton" Caption=""
Height="30" Width="45"
BackStyle="{StaticResource StyleRed}"/>
<local:FlatButton Grid.Column="7" x:Name="ResizeButton"
Height="30" Width="45"
BackStyle="{StaticResource StyleWhite}">
<local:FlatButton.Style>
<Style TargetType="local:FlatButton">
<Style.Triggers>
<DataTrigger Binding="{Binding WindowState, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" Value="Normal">
<Setter Property="Caption" Value="" />
</DataTrigger>
<DataTrigger Binding="{Binding WindowState, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" Value="Maximized">
<Setter Property="Caption" Value="" />
</DataTrigger>
</Style.Triggers>
</Style>
</local:FlatButton.Style>
</local:FlatButton>
<local:FlatButton Grid.Column="6" x:Name="MinimizeBtton" Caption=""
Height="30" Width="45"
BackStyle="{StaticResource StyleWhite}"/>
</Grid>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
0
source to share