Member 13390259 Ответов: 1

Заполните круг анимирующими волнами


есть круг (эллипс) в моем приложении windows phone

< Ellipse x:Name=сетка"AniCircle".Колонка="1" Сетки.Строка="0" Имеет="Топ"
Stroke= " {StaticResource PhoneAccentBrush}"
StrokeThickness= " 4"
Ширина= " 240"
Высота= "240" / & gt;

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

Что я уже пробовал:

я следил за этим https://stackoverflow.com/questions/22044041/animate-circles-fill-using-sine-wave решение, но не удалось войти в windows phone 8.1

Graeme_Grant

Какой у вас вопрос?

Member 13390259

я хотел бы знать, как заполнить круг с волной понравилась анимация в приложения Windows или Windows телефоне Silverlight, как показывают в сайте StackOverflow, но это для WPF

1 Ответов

Рейтинг:
5

Graeme_Grant

Где ты застрял? Это WPF VisualBrush? Согласно документация[^]:

Цитата:
Рисует область визуальным образом.

Теперь поиск в Google - это первое место, где нужно искать. Вот поиск, который я использовал: UWP visualbrush - поиск в Google[^]

Первый результат поиска был таким: Состав кисти - приложения UWP разработчик | Майкрософт документы[^]:
Цитата:
Кисть рисует область визуального изображения с его выходом. Разные щетки имеют разные типы вывода.

Это звучит именно так, как мы хотим. Похоже, что есть две разные кисти, которые вы могли бы использовать:

1. CompositionSurfaceBrush:
Цитата:
Рисует SpriteVisual с пикселями из ICompositionSurface.

2. CompositionEffectBrush:
Цитата:
Кисть, поддерживающая эффект, созданный с помощью CompositionEffectFactory.Метод CreateBrush.

Теперь, когда мы знаем, что мы ищем, мы можем уточнить наш поиск Google для примеров того, как использовать эти кисти UWP: CompositionSurfaceBrush XAML пример - поиск Google[^]

В результатах поиска есть несколько полезных примеров на выбор. Вот один из них: Работа с кистями и контентом-взаимодействие XAML и визуального слоя, Часть первая-создание приложений для WindowsBuilding Apps for Windows[^]

А вот видео использования раскадровки анимации в приложении UWP (с самого первого поиска, который мы сделали выше): UWP: анимация элементов с использованием раскадровки-YouTube[^]

Теперь все, что вам нужно сделать, это проверить вышеприведенные ссылки, возможно, посмотреть еще несколько ссылок из двух поисков, попробовать каждую из частей и заставить их работать, тогда вы будете готовы решить, как преобразовать код. Это путешествие, которое я должен был бы совершить, чтобы помочь вам с вашей задачей.


Member 13390259

Хорошо, я пытаюсь использовать path для создания волн и анимации с помощью story brush, но wpf имеет визуальную кисть, которая недоступна в uwp или windows phone

Member 13390259

есть ли какой-либо способ использовать визуальную кисть в uwp или windows phone