кнопку Изображение с синим фоном

Question

У меня есть кнопка с изображением:

<Button x:Name="favoriteButton" 
     HorizontalAlignment="Left" 
     VerticalAlignment="Top" 
     Height="72" 
     Width="99" 
     Click="DidPressAddToFavorites" 
     BorderBrush="{x:Null}"> 
    <Button.Background> 
     <ImageBrush ImageSource="/Images/favouritesBWIcon@2x.png" 
        Stretch="Uniform"/> 
    </Button.Background> 
</Button> 

Теперь, когда я нажимаю кнопку я вижу синий фон на него, могу ли я удалить этот синий цвет?

Answer 1

Там цвета и анимации хранятся в шаблоне кнопки. Вам нужно будет отредактировать этот шаблон. Используя Blend, вы можете сделать это, щелкнув правой кнопкой мыши на кнопке на монтажной панели или на панели объектов и временной шкалы. И перейти к «Edit Template» -> «Редактировать Копировать»

После этого вы должны будете установить место для хранения шаблона. Вы можете поместить шаблон во внешний ResourceDictionary или просто оставить его на этой странице, если он используется только здесь.

Теперь у вас есть шаблон, который вы можете отредактировать.

Синий цвет, о котором вы говорите, определен в одном из 4 «CommonStates». Эти состояния можно найти на панели «Штаты». Выбрав одно из состояний, вы можете его отредактировать. Каждое изменение, внесенное вами в одно из свойств, будет сохранено в состоянии.

Как вы можете видеть ниже, выбирается состояние Pressed. Это указывается маленькой красной точкой перед состоянием. Вы также будете уведомлены на монтажной панели.

Каждый объект, который имеет некоторые свойства, измененные в этом состоянии, подсвечивается красной точкой на панели объекта и временной шкалы. Свойства, которые имеют изменения в определенном состоянии, обозначены звездочкой на этой панели.

Синий материал можно найти в элементе Background шаблона.