Daniel
Daniel

Reputation: 1114

On button hover, enable ResizeMode

I am trying to make window frame appear when user hovers "mybutton". This should work but for some reason it is not. What am I missing?

<Window x:Class="test2.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="MainWindow" Height="350" Width="525" WindowStyle="None"  Loaded="ShellWindow_SourceInitialized"   x:Name="mywindow">
<Window.Resources>
    <Style TargetType="{x:Type Window}">            
        <Style.Triggers>            
            <DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=mybutton}" Value="True">
                <Setter Property="ResizeMode" Value="CanResize" />
            </DataTrigger>
            <DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=mybutton}" Value="False">
                <Setter Property="ResizeMode" Value="NoResize" />
            </DataTrigger>
        </Style.Triggers>
    </Style>

</Window.Resources>
<Grid Name="mygrid" Loaded="Grid_Loaded">
    <Button Name="mybutton" Content="Button" HorizontalAlignment="Left"  VerticalAlignment="Top" Width="75"/>
</Grid>

(In case you are wondering what those "Loaded" functions are, they remove chrome while keeping the shadow and allowtransparency=false http://marcin.floryan.pl/blog/2010/08/wpf-drop-shadow-with-windows-dwm-api) At the end it will not be button but will react on whole window border (I can not find better way to enable resizing while removing all chrome)

Upvotes: 1

Views: 378

Answers (2)

LadderLogic
LadderLogic

Reputation: 1140

myButton is defined after style. XAML parser is not that smart. User the following XAML to get your intended behavior:

<Window x:Class="test2.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" WindowStyle="None"  Loaded="ShellWindow_SourceInitialized"   x:Name="mywindow">

    <Grid Name="mygrid" Loaded="Grid_Loaded" >
        <Button Name="mybutton" Content="Button" HorizontalAlignment="Left"  VerticalAlignment="Top" Width="75"/>
    </Grid>
    <Window.Style>
        <Style TargetType="{x:Type Window}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=mybutton}" Value="True">
                    <Setter Property="ResizeMode" Value="CanResize" />
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=IsMouseOver, ElementName=mybutton}" Value="False">
                    <Setter Property="ResizeMode" Value="NoResize" />
                </DataTrigger>
            </Style.Triggers>
        </Style>

    </Window.Style>
</Window>

Upvotes: 1

vitaliy zadorozhnyy
vitaliy zadorozhnyy

Reputation: 1246

In the style TargetType should be MainWindow

<Style TargetType="{x:Type local:MainWindow}">
where local has to be mapped to your namespace:

xmlns:local="clr-namespace:test2"

Upvotes: 2

Related Questions