Три картинки на кнопку WPF

@wmclik · Регистрация: 20.06.2012

Студворк — интернет-сервис помощи студентам

Здравствуйте, Подскажите, пожалуйста, как подцепить три картинки на кнопку, одну в нормальном режиме я уже поставил, а надо еще в режиме наведение мышки на кнопу, и в режиме нажатие на кнопку, WPF только начал изучать и завис на кнопке.?

@Ilya81 · 10.06.2013, 09:13

Примерно так:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<Button>
<Button.Style>
<Style TargetType="{x:Type Button}">
<Setter Property="Content">
<Setter.Value>
<Image Source="обычный режим.png"/>
<Setter.Value>
</Setter>
<Style.Triggers>
<Trigger TargetProperty="IsMouseOver" Value="True">
<Setter Property="Content">
<Setter.Value>
<Image Source="наведён указатель мыши.png"/>
<Setter.Value>
</Setter>
</Trigger>
<Trigger TargetProperty="IsPressed" Value="True">
<Setter Property="Content">
<Setter.Value>
<Image Source="кнопка нажата.png"/>
<Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>

@wmclik · 10.06.2013, 17:18 **[ТС]**

Сообщение от Ilya81

Примерно так:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<Button>
<Button.Style>
<Style TargetType="{x:Type Button}">
<Setter Property="Content">
<Setter.Value>
<Image Source="обычный режим.png"/>
<Setter.Value>
</Setter>
<Style.Triggers>
<Trigger TargetProperty="IsMouseOver" Value="True">
<Setter Property="Content">
<Setter.Value>
<Image Source="наведён указатель мыши.png"/>
<Setter.Value>
</Setter>
</Trigger>
<Trigger TargetProperty="IsPressed" Value="True">
<Setter Property="Content">
<Setter.Value>
<Image Source="кнопка нажата.png"/>
<Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>

а куда его в ставлять? я еще плохо понимаю, вставляю в хамл ошибки, в книгу тоже, более подробней можно? если не трудно.

в хамле у меня щас так, че тут над изменить/добавить, или над привязывать его к буттону то, как это сделать?

XML
1
2
3
4
5
<Button Height="104" Margin="80,44,0,0" Name="button1" Width="102" Padding="0" BorderBrush="#00000000" OpacityMask="#FB000000" Foreground="#00000000" Click="button1_Click" DataContext="{Binding}" BorderThickness="0" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Row="1">
            <Button.Background>
                <ImageBrush ImageSource="/Project;component/Images/Image1.png" />
            </Button.Background>
        </Button>

@Ilya81 · 11.06.2013, 06:37

В общем-то я имел в виду, что все остальные свойства кнопки остаются, а внутри - картинка. Но если картинка нужна не внутри, а как фон кнопки, тогда эти ж строки будут так:

XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<Button Height="104" Margin="80,44,0,0" Name="button1" Width="102" Padding="0" BorderBrush="#00000000" OpacityMask="#FB000000" Foreground="#00000000" Click="button1_Click" DataContext="{Binding}" BorderThickness="0" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Row="1">
<Button.Style>
<Style TargetType="{x:Type Button}">
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/Project;component/Images/обычный режим.png"/>
<Setter.Value>
</Setter>
<Style.Triggers>
<Trigger TargetProperty="IsMouseOver" Value="True">
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/Project;component/Images/наведён указатель мыши.png"/>
<Setter.Value>
</Setter>
</Trigger>
<Trigger TargetProperty="IsPressed" Value="True">
<Setter Property="Background">
<Setter.Value>
<ImageBrush ImageSource="/Project;component/Images/кнопка нажата.png"/>
<Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</Button.Style>
</Button>

@wmclik · 11.06.2013, 16:47 **[ТС]**

ой а в моем коде пишет что в тригере не существует таргета:

XML
1
2
Ошибка    1   Для типа "Trigger"  не найдено свойство "TargetProperty". <Trigger TargetProperty="IsMouseOver" Value="True">
Ошибка    2   Для типа "Trigger"  не найдено свойство "TargetProperty". <Trigger TargetProperty="IsPressed" Value="True">

@Dexiny · 11.06.2013, 18:59

вместо TargetProperty напиши просто Property

@wmclik · 12.06.2013, 00:37 **[ТС]**

Не работает. картинка в фон ставиться, при наведение синяя кнопка при нажатии тоже, и еще мигает, брал с инета темы, они все кнопки подрят меняют, а мне над ток одну, и не чего не получаеться измениь. Начал изучать WPF только из за того, что в C# не накладываються прозрачные кнопки друг на друга, виден фон формы.

@Ilya81 · 13.06.2013, 09:20

Сообщение от wmclik

брал с инета темы, они все кнопки подрят меняют, а мне над ток одну, и не чего не получаеться измениь

Найдите в этих темах строчку вроде:

XML
1
<Style TargetType="{x:Type Button}">

и добавьте там, чтоб было что-то вроде

XML
1
<Style x:Key="threePicturesStyle" TargetType="{x:Type Button}">

а при объявлении кнопки

XML
1
<Button Style="{DynamicResource threePicturesStyle}" ...

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .
Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .

@wmclik 30 / 30 / 18 Регистрация: 20.06.2012 Сообщений: 165

	Три картинки на кнопку WPF 10.06.2013, 02:58. Показов 2154. Ответов 7 Метки нет (Все метки) Здравствуйте, Подскажите, пожалуйста, как подцепить три картинки на кнопку, одну в нормальном режиме я уже поставил, а надо еще в режиме наведение мышки на кнопу, и в режиме нажатие на кнопку, WPF только начал изучать и завис на кнопке.? 0

@Dexiny 177 / 94 / 10 Регистрация: 27.05.2013 Сообщений: 290
	11.06.2013, 18:59
	вместо TargetProperty напиши просто Property 0

@wmclik 30 / 30 / 18 Регистрация: 20.06.2012 Сообщений: 165
	12.06.2013, 00:37 [ТС]
	Не работает. картинка в фон ставиться, при наведение синяя кнопка при нажатии тоже, и еще мигает, брал с инета темы, они все кнопки подрят меняют, а мне над ток одну, и не чего не получаеться измениь. Начал изучать WPF только из за того, что в C# не накладываються прозрачные кнопки друг на друга, виден фон формы. 0