Гость
Войти | Профиль | Очистить
Действия ...
Форумы / WPF, Silverlight [игнор отключен] [закрыт для гостей] / Смена картинки кнопки на MouseOver / 4 сообщений из 4, страница 1 из 1
27.10.2014, 11:19
    #38787972
monstrilla
monstrilla
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Смена картинки кнопки на MouseOver
Возникла потребность иметь кнопку, у которой было бы 2 картинки для разных состояний. Для обычного и когда на кнопку наведен курсор мыши. Нагуглил вот такой вариант

http://stackoverflow.com/questions/12271916/wpf-button-mouseover-image

однако, у меня не работает :Е что не так?

Код: xml
1.
2.
3.
4.
5.
6.
7.
8.
9.
<Button Grid.Row="0" 
                Width="100" 
                Height="100" 
                HorizontalContentAlignment="Center"
                VerticalContentAlignment="Center">
            <Button.Background>
                <ImageBrush ImageSource="/Resources/Source2.png"></ImageBrush>
            </Button.Background>
</Button>



Код: 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.
<Style TargetType="{x:Type Button}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">

                    <Border Name="border" 
                            BorderThickness="0" 
                            Background="{TemplateBinding Background}">
                        <ContentPresenter Name="ContPres"
                                          HorizontalAlignment="Center" 
                                          VerticalAlignment="Center" 
                                          />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                    <ImageBrush ImageSource="/Resources/Source1.png"></ImageBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>



Не работает в том смысле, что по маус оверу не появляется вторая картинка. Первая картинка просто пропадает, кнопка становится пустой. Т.е. триггер вроде срабатывает, а куда девается картинка неясно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.10.2014, 14:09
    #38788194
monstrilla
monstrilla
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Смена картинки кнопки на MouseOver
Поправил. Просто перенес задание Background-a в стиль. В упор не вижу в чем принципиальная разница, но так работает.

Код: xml
1.
2.
3.
4.
5.
6.
<Button Grid.Row="0" 
                Width="100" 
                Height="100" 
                HorizontalContentAlignment="Center"
                VerticalContentAlignment="Center">
</Button>



Код: 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.
28.
29.
30.
31.
<Style TargetType="{x:Type Button}">
        <Setter Property="Background">
               <Setter.Value>
                      <ImageBrush ImageSource="/Resources/Source2.png"/>
               </Setter.Value>
        </Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">

                    <Border Name="border" 
                            BorderThickness="0" 
                            Background="{TemplateBinding Background}">
                        <ContentPresenter Name="ContPres"
                                          HorizontalAlignment="Center" 
                                          VerticalAlignment="Center" 
                                          />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" TargetName="border">
                                <Setter.Value>
                                    <ImageBrush ImageSource="/Resources/Source1.png"></ImageBrush>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                    </ControlTemplate.Triggers>
               </ControlTemplate>
          </Setter.Value>
     </Setter>
</Style>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.10.2014, 08:32
    #38788852
Roman Mejtes
Roman Mejtes
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Смена картинки кнопки на MouseOver
если задник прозрачный, то эту область WPf не является частью контрола
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
28.10.2014, 08:42
    #38788856
monstrilla
monstrilla
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Смена картинки кнопки на MouseOver
Roman Mejtes, не понял тебя. задник это картинка
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / WPF, Silverlight [игнор отключен] [закрыт для гостей] / Смена картинки кнопки на MouseOver / 4 сообщений из 4, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 755ms
Закрыть
start [/forum/topic.php?fid=21&mobile=1&tid=1441022]:
 0ms
get settings:
 8ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 370ms
get topic data:
 12ms
get forum data:
 3ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 298ms
total:  755ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]