Ändern Sie den Stil der umgebenden Rand auf der Maus über

Ich habe eine Grid mit einem Border um ihn herum. Beim mouse-over auf die Grid möchte ich ändern Sie den Stil auf die Border. Wie würde ich gehen über das tun dies? Dies ist, was ich versucht habe, ohne Erfolg bisher:

<Border Name="Border" BorderBrush="Transparent" BorderThickness="1" CornerRadius="2">
    <Grid>
        <Grid.Style>
            <Style TargetType="{x:Type Grid}">
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="Border" Property="BorderBrush" Value="#FFB9D7FC" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>

        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        ...
    </Grid>
</Border>

Beim erstellen dieser XAML-Code, bekomme ich die Fehlermeldung

TargetName-Eigenschaft kann nicht festgelegt werden auf einen Stil-Setter.

aber ich kann mir nicht vorstellen, dass es eine andere Möglichkeit, dies zu tun. Hilfe wäre sehr geschätzt werden. Mit code-behind ist aus der Frage.

InformationsquelleAutor der Frage Alex | 2010-01-27

  1. 14

    Müssen Sie Folgendes tun:

    1. Entfernen Sie die BorderBrush-von der Grenze der definition. Trigger überschreiben können Eigenschaften festlegen, die von setter in verschiedenen Stilen, aber nicht Eigenschaften, die direkt innerhalb des Tags.

    2. Setzen Sie den Trigger in die Grenze, anstatt in das Raster (siehe die Beispiele, die die anderen zur Verfügung gestellt).

    3. Hinsichtlich der Treffer-test auf der Raster: Legen Sie eine durchsichtige box hinter dem Gitter, so dass MouseOver ist immer gefangen:

    Code-Beispiel für Punkt 3:

    <Grid>
    <Rectangle Fill="Transparent" /><!-- make sure that the mouse is always over "something" --> 
    <Grid Name="myGrid">       
        <Grid.ColumnDefinitions> 
            <ColumnDefinition /> 
            <ColumnDefinition /> 
        </Grid.ColumnDefinitions> 
        <TextBlock Name="myText">sadasdsa</TextBlock> 
    </Grid> 
</Grid>

    InformationsquelleAutor der Antwort Heinzi

  2. 10

    Setzen Sie den Trigger direkt auf das Border-Objekt. Auch nicht die BorderBrush-an der Grenze-Objekt, sondern auch festlegen, mit dem trigger:

        <Border.Style>
        <Style TargetType="{x:Type Border}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Border.BorderBrush" Value="Yellow" />
                </Trigger>
                <Trigger Property="IsMouseOver" Value="False">
                    <Setter Property="Border.BorderBrush" Value="Black" />
                </Trigger>
            </Style.Triggers>
        </Style>
    </Border.Style>

    Auch, wenn Sie Schwierigkeiten haben, zu sehen, was die Auslöser sind, überprüfen Sie heraus das Debuggen von Triggern hier. Kann ziemlich hilfreich.

    Hoffe, das hilft.

    InformationsquelleAutor der Antwort RoelF

  3. 1

    Was ist das?

        <Border BorderThickness="1" CornerRadius="2">
        <Border.Style>
            <Style TargetType="{x:Type Border}">
                <Setter Property="BorderBrush" Value="Transparent" />
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="BorderBrush" Value="#FFB9D7FC" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Border.Style>

        <Grid Background="Transparent">

            <Grid.ColumnDefinitions>
                <ColumnDefinition />
                <ColumnDefinition />
            </Grid.ColumnDefinitions>

            <TextBlock Name="myText">sadasdsa</TextBlock>
        </Grid>

    </Border>

    InformationsquelleAutor der Antwort paolot

  4. 0

    Verdammt, war das schwierig.

    1. Drop der transparente Rand Pinsel. Es scheint in Kombination mit dem farbigen Pinsel, die Sie daran hindern zu sehen, die Grenze.
    2. Können Sie den Auslöser direkt auf die Grenze selbst.

    3. Wenn Sie möchten, dass der Auslöser nur auf dem Gitter, die Sie verwenden können, PyBinding zu befestigen, um das richtige Steuerelement. (Ich weiß nicht, wie dies zu tun, ohne PyBinding.)

      <Border Name="myBorder" Margin="4"  BorderThickness="4" CornerRadius="2">
    <Border.Style>
                <Style TargetType="{x:Type Border}">
                <Style.Triggers>
                 <!-- option 1 -->
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="BorderBrush" Value="#FFB9D7FC" />
                </Trigger>
                 <!-- option 2 -->
                    <DataTrigger Binding="{p:PyBinding $[myBorder.IsMouseOver]}" Value="True">
                    <Setter Property="BorderBrush" Value="#FFB9D7FC" />
                </DataTrigger>
            </Style.Triggers>
            </Style>
    </Border.Style>
    <Grid Name="myGrid">      
        <Grid.ColumnDefinitions>
            <ColumnDefinition />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <TextBlock Name="myText">sadasdsa</TextBlock>
    </Grid>
</Border>

    InformationsquelleAutor der Antwort Jonathan Allen

Schreibe einen Kommentar