WedX - журнал о программировании и компьютерных науках

Каков наилучший способ добиться диагональной текстовой анимации с помощью раскадровки в приложении Windows Phone?

Я хотел бы создать раскадровку, которая анимирует два текстовых блока, сдвигая их справа и слева в центре экрана. Я пробовал вращать TextBlocks и использовать свойства Global Offset и Local Offset Projection в Blend for Visual Studio, а также вручную использовать свойства Translate X и Translate Y RenderTransform в определенных Keyrames.

Раскадровка запускается и выглядит идеально в Blend, но при работе на реальном устройстве TextBlocks не появляются в центре экрана — иногда они в верхнем левом углу, иногда в нижнем левом, а иногда едва видны концы TextBlocks.

Как я могу заставить мои TextBlocks сохранять свои позиции?

Анимация выглядит так -> https://share.bannersnack.com/F9C55FD9E8C/bxt5w58pg

Я бы хотел, чтобы они выглядели примерно так

введите здесь описание изображения

storyboard rotation projection blend rendertransform
09.11.2014

Ответы:


1

Не забудьте определить свои RenderTranform и CompositeTransform

Затем вы можете возиться со значениями ключей анимации, чтобы добиться того, чего вы хотите.

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

<TextBlock x:Name="textbox1" Text="Super Awesome Diag Text" RenderTransformOrigin="0.5,0.5" UseLayoutRounding="False" d:LayoutRounding="Auto" Margin="0,200,0,0" >
    <TextBlock.RenderTransform>
        <CompositeTransform Rotation="330"/>                    
    </TextBlock.RenderTransform>         
    <TextBlock.Triggers>
        <EventTrigger RoutedEvent="TextBlock.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)" Storyboard.TargetName="textbox1">
                        <EasingDoubleKeyFrame KeyTime="0" Value="200"/>
                        <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)" Storyboard.TargetName="textbox1">
                        <EasingDoubleKeyFrame KeyTime="0" Value="-200"/>
                        <EasingDoubleKeyFrame KeyTime="0:0:1" Value="100" />
                    </DoubleAnimationUsingKeyFrames>
                    <ColorAnimation Storyboard.TargetName="textbox1" Storyboard.TargetProperty="(TextBlock.Foreground).Color" From="Transparent" To="Red" Duration="0:0:1" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>                    
    </TextBlock.Triggers>               
</TextBlock>
11.11.2014
  • Еще раз здравствуйте, чубозавр, извините, что снова забрал вас сюда. Но не могли бы вы взглянуть на это - stackoverflow.com/posts/comments/42431825 16.11.2014
    • Новые материалы
    Как проанализировать работу вашего классификатора?
    Не всегда просто знать, какие показатели использовать С развитием глубокого обучения все больше и больше людей учатся обучать свой первый классификатор. Но как только вы закончите..
    Работа с цепями Маркова, часть 4 (Машинное обучение)
    Нелинейные цепи Маркова с агрегатором и их приложения (arXiv) Автор : Бар Лайт Аннотация: Изучаются свойства подкласса случайных процессов, называемых дискретными нелинейными цепями Маркова..
    Crazy Laravel Livewire упростил мне создание электронной коммерции (панель администратора и API) [Часть 3]
    Как вы сегодня, ребята? В этой части мы создадим CRUD для данных о продукте. Думаю, в этой части я не буду слишком много делиться теорией, но чаще буду делиться своим кодом. Потому что..
    Использование машинного обучения и Python для классификации 1000 сезонов новичков MLB Hitter
    Чему может научиться машина, глядя на сезоны новичков 1000 игроков MLB? Это то, что исследует это приложение. В этом процессе мы будем использовать неконтролируемое обучение, чтобы..
    Учебные заметки: создание моего первого пакета Node.js
    Это мои обучающие заметки, когда я научился создавать свой самый первый пакет Node.js, распространяемый через npm. Оглавление Глоссарий I. Новый пакет 1.1 советы по инициализации..
    Забудьте о Matplotlib: улучшите визуализацию данных с помощью умопомрачительных функций Seaborn!
    Примечание. Эта запись в блоге предполагает базовое знакомство с Python и концепциями анализа данных. Привет, энтузиасты данных! Добро пожаловать в мой блог, где я расскажу о невероятных..
    ИИ в аэрокосмической отрасли
    Каждый полет – это шаг вперед к великой мечте. Чтобы это происходило в их собственном темпе, необходима команда астронавтов для погони за космосом и команда технического обслуживания..
    Для любых предложений по сайту: [email protected]