Форум программистов, компьютерный форум, киберфорум
C#: WPF, UWP и Silverlight
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
4 / 4 / 2
Регистрация: 22.09.2016
Сообщений: 72

Анимация PointerOver

23.07.2017, 11:37. Показов 703. Ответов 1
Метки uwp (Все метки)

Студворк — интернет-сервис помощи студентам
Создал шаблон для AppBarButton и хочу сделать так, чтобы при наведении на AppBarButton ее фон плавно менялся.

Cделал так:
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
<VisualState x:Name="PointerOver">
               <VisualState.Setters>
                      <!--<Setter Target="Root.Background" Value="{ThemeResource AppBarButtonBackgroundPointerOver}"/>-->
                      <Setter Target="Root.BorderBrush" Value="{ThemeResource AppBarButtonBorderBrushPointerOver}"/>
               </VisualState.Setters>
               <Storyboard>
                      <!--<PointerUpThemeAnimation Storyboard.TargetName="OverflowTextLabel" />-->
                      <ColorAnimation Storyboard.TargetName="OverflowTextLabel" 
                                      Storyboard.TargetProperty="(Root.Background).(SolidColorBrush.Color)"
                                      To="{ThemeResource AppBarButtonBackgroundPointerOver}"
                                      Duration="0:0:0.5"/>
              </Storyboard>
</VisualState>
Пробовал применить анимацию ColorAnimation только не совсем понимаю правильно ли я сделал, точнее сделал я неправильно так как она не работает и выдается Exception. Exception выскакивает не при наведении, а при клике на AppBarButton.
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
23.07.2017, 11:37
Ответы с готовыми решениями:

Анимация в OpenGL, а где собсно, анимация?
// Bounce.cpp // Demonstrates a simple animated rectangle program with GLUT // OpenGL SuperBible, 3rd Edition // Richard S. Wright...

Анимация в IE
Мне надо было написать несложный JS анимацию, вот собственно и она: function Start_animation() { var change = false; var index_img...

Анимация
Добрый вечер! Можно активировать css анимацию при ховере, клике и другим событиям, а как сделать так, чтобы анимация проигрывалась при...

1
 Аватар для RunningMan
278 / 186 / 75
Регистрация: 12.04.2017
Сообщений: 1,088
Записей в блоге: 2
24.07.2017, 13:18
Посмотрите, может поможет.
Видуха не очень, просто рабочий вариант.
Вся разметка
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
32
33
34
35
36
37
38
39
40
41
42
<Page
    x:Class="App3.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App3"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">
    <Page.Resources>
        <ControlTemplate x:Key="AppBarButtonControlTemplate1" TargetType="AppBarButton">
            <Grid x:Name="grid" Background ="Yellow">
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                        <VisualState x:Name="Normal">
                            <Storyboard>
                                <ColorAnimation Duration="0:0:1" To="Yellow" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Pressed">
                            <Storyboard>
                                <ColorAnimation Duration="0:0:0.2" To="Yellow" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Disabled"/>                      
                        <VisualState x:Name="PointerOver">
                            <Storyboard>
                                <ColorAnimation Duration="0:0:1" To="Green" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <ContentPresenter Margin="10">
                    <TextBlock Margin="10,43,10,64" TextWrapping="Wrap" Text="TextBlock" Foreground="Red"/>
                </ContentPresenter>
            </Grid>
        </ControlTemplate>
    </Page.Resources>
 
    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <AppBarButton HorizontalAlignment="Stretch" Icon="Accept" Label="AppBarButton" Margin="124,196,116,252" VerticalAlignment="Stretch" Width="Auto" Template="{StaticResource AppBarButtonControlTemplate1}"/>
    </Grid>
</Page>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
24.07.2017, 13:18
Помогаю со студенческими работами здесь

Анимация
Здравствуйте. Помогите, пожалуйста, сделать такую анимацию. Смог сделать 1 объект, который катается по оси, а вот 4 не знаю, как сделать.

Анимация js
$(&quot;body&quot;).append(modal); $(&quot;.modaljaix&quot;,0).animate({height: &quot;100%&quot;}, 100,function(){ ...

анимация
Помогите пожалуйста составит какую-нибудь анимацию на тему География Казахстана

Анимация в VB
перерыл кучу ссылокно так и не понял как это сделать,необходимо картинку двигать снизу вверх по форме,в дельфи такая задача решалась...

Анимация
Ребята, как можно на форму загрузить анимацию?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
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 https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&amp;d=1772460536 Одним из. . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru