1

Есть две кнопки. По некоторым причинам их должно быть две, но триггеры у них должны срабатывать будто это одна кнопка. Т.е. при наведении на одну триггер наведения должен срабатывать у обоих. И спадать при отводе тоже у обоих. Как такое сделать в xaml?

2
  • Забабахать свой стиль, который завяжет поведение кнопки на общие свойства, MVVM и привязки данных вам в помощь, вроде легко должно быть.
    – aepot
    10 авг 2022 в 11:26
  • На данный момент стиль у этих кнопок один. Я догадываюсь, что их можно как-то забиндить, но какие именно свойства и к чему привязывать додуматься не получается 10 авг 2022 в 11:34

1 ответ 1

0

Накидал простой пример, без код-бихайнда не получилось, но можете сделать юзерконтрол на основе кнопки.

<Window x:Class="WpfAppSyncButtons.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfAppSyncButtons"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <Style TargetType="{x:Type Button}" x:Key="SyncButtonStyle">
            <Setter Property="OverridesDefaultStyle" Value="True"/>
            <Setter Property="SnapsToDevicePixels" Value="True"/>
            <Setter Property="Margin" Value="5"/>
            <Setter Property="Background" Value="LightGray"/>
            <Setter Property="BorderBrush" Value="Gray"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Padding" Value="5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Border BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <Style.Triggers>
                <DataTrigger Binding="{Binding HoverTrigger}" Value="True">
                    <Setter Property="Background" Value="Green"/>
                </DataTrigger>
                <Trigger Property="IsMouseDirectlyOver" Value="True">
                    <Setter Property="Background" Value="Red"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid>
        <StackPanel>
            <Button Content="Button1" Style="{StaticResource SyncButtonStyle}" MouseEnter="OnMouseHover" MouseLeave="OnMouseHover"/>
            <Button Content="Button2" Style="{StaticResource SyncButtonStyle}" MouseEnter="OnMouseHover" MouseLeave="OnMouseHover"/>
        </StackPanel>
    </Grid>
</Window>
public partial class MainWindow : Window, INotifyPropertyChanged
{
    private bool hoverTrigger;

    public bool HoverTrigger
    {
        get => hoverTrigger;
        set
        {
            hoverTrigger = value;
            OnPropertyChanged();
        }
    }

    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
    }

    private void OnMouseHover(object sender, MouseEventArgs e)
    {
        HoverTrigger = sender is Button button && button.IsMouseOver;
    }

    public event PropertyChangedEventHandler PropertyChanged;

    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

Обе зеленеют при наведении на одну из них.

введите сюда описание изображения

5
  • Спасибо. А какова идея с собственным контролом? Создать какое-то статическое свойство, которое будет отвечать за Наведение и как-то плясать от него? 10 авг 2022 в 13:29
  • @Николайн нет, упаковать в юзерконтрол этот же самый код. Забудьте про статику, она не для этого существует.
    – aepot
    10 авг 2022 в 13:32
  • @Николайн если ответ был полезен, вы можете принять его, поставив зеленую галочку слева от ответа.
    – aepot
    10 авг 2022 в 13:33
  • я так и сделал, но не имею репутации и счетчик не повышается 10 авг 2022 в 13:52
  • @Николайн голосование и отметка ответа как решения - две разные функции
    – aepot
    10 авг 2022 в 14:05

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.