Text opacity

How-to Discussions
1

Hi,

In Fuse v0.1.2658 I cant animate the Opacity of a Text. In previous version this work for me but in this version I cant.

I trying like this:

<Text Opacity="0">Hi</Text>

<ManualTrigger>
<Change Target="MyText.Opacity" Value="1" Easing="CubicOut" Duration="1" Delay="0.4" />
<ManualTrigger>

How can I do this?

2

I’ve made a simple example internally and see that the opacity is taking the value of the change trigger even when it is not applied. Is this the behaviour you are having as well?

I’ve create an issue for this and will be looking into it.

3

Yes. This is the exact example:

<App Theme="Basic" ux:Class="MyApp" ClearColor="0.9,0.9,0.9,1">
    <Panel>
        <Text ux:Name="MyText" Opacity="0" TextAlignment="Center" FontSize="50">Hi</Text>

        <Rectangle>
            <Clicked>
                <Change Target="MyText.Opacity" Value="1" Easing="CubicOut" Duration="2" Delay="0.4" />
            </Clicked>
            <SolidColor Color="#345434" />
        </Rectangle>
    </Panel>
</App>

The text opacity dont animate, only change the opacity to 1 and then disappear but with no duration!

In this version im having many errors related with Durations of animations. I have many WhileEdgeSwiped that in previous version works great but now many animation dont have duration! It changes its value without transition!!!

4

While testing this I found the error is with the CubicOut easing. Use any other easing and the problem should go away.

5

Perfect! Now works! I change CubicOut, CubicIn and CubicInOut.

Thanks!

6

This issue is fixed and will be part of an upcoming release.