This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(294.40000000000003, 65%, 38%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPP%3C/text%3E%3C/svg%3E)
Hello,
Is there a way to animate Color property of SolidColorBrush from color1 to color2?
Thanks
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(310.4, 2%, 40%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EM%3C/text%3E%3C/svg%3E)
I think you can use
Device.StartTimer
To change the color .
otherwise The animation seems that can not change the color.
Hello,
Thank you for your answer.
But I want to use Color Animation as a child (inner) animaton of another animation.
Such as animation.Add(beginAt: 0, finishAt: 1, animation: new Animation(p => solidColorBrush.Color = Color.FromRgba(fromColor.R + p * (toColor.R - fromColor.R), fromColor.G + p * (toColor.G - fromColor.G), fromColor.B + p * (toColor.B - fromColor.B), fromColor.A + p * (toColor.A - fromColor.A))));
So I don't know how to use Device.Timer with this API.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(12.8, 87%, 11%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJ%3C/text%3E%3C/svg%3E)
The Animation method doesn't support SolidColorBrush view in Xamarin.Forms, you could report a feature request to the product team on github.
@Polat Pınar Do you mean change the Color's value of the SolidColorBrush? I tested a basic demo about the function, it work fine. Here is the related code, you could refer to it.
Specify a value to brush in code behind.
<Button Clicked="Button_Clicked" .../>
<Frame x:Name="frame"...>
<Frame.Background>
<SolidColorBrush Color="{Binding TheBackground}" />
</Frame.Background>
</Frame>
private void Button_Clicked(object sender, EventArgs e)
{
frame.Background = Brush.DeepPink;
}
Thank you for your response but two things:
1 - You are not animating. You are changing.
2 - You are changing the entire Brush property not Color property of SolidColorBrush.
Sorry for the mistake. The Animiation method can only used for the controls that inherit from ViewElement or inherit from ViewElement indirectly. It doesn't support to use the method with SolidColorBrush.
You could try to add the animation to the view (such as Frame) which consumes the SolidColorBrush function.