This is a part of an online Codename One course published around 2017 see it all for free at https://debugagent.com/series/cn1

1. Animations - Part III

2. Style Animation
© Codename One 2017 all rights reserved
✦ Can animate a component style from one UIID to
another, not everything can be animated e.g. alignment
can’t due to the way it works
✦ This animation is only available as the newer
ComponentAnimation object
b.setUIID("Label");
b.getAllStyles().setFgColor(0xff);
ComponentAnimation ca = b.createStyleAnimation("TextField", 5000);
b.getAnimationManager().addAnimation(ca);

3. Animation Manager
© Codename One 2017 all rights reserved
✦ Animation manager is an object of Form that
coordinates the animations within it to prevent collision
✦ E.g. if you remove a component while an animation is in
progress it will implicitly be serialized after the animation
completes
✦ It allows us to combine several ComponentAnimation
objects to compose complex composite animations
animations

4. Low Level Animations
© Codename One 2017 all rights reserved
✦ When drawing or doing low level interaction you might
need to refresh based on a condition in which case you
can override the animate() method and return false for
no change or true for “repaint”
✦ For this to work you will need to invoke
parentForm.registerAnimated(this)
✦ This is used internally in Codename One and used in
Components such as the clock demo which works with
low level graphics

5. ClockDemo (Kitchen Sink)
public class AnalogClock extends Component {
public boolean animate() {
if (System.currentTimeMillis() / 1000 != lastRenderedTime / 1000) {
currentTime.setTime(System.currentTimeMillis());
return true;
}
return false;
}
protected void initComponent() {
this.getComponentForm().registerAnimated(this);
}
protected void deinitialize() {
this.getComponentForm().deregisterAnimated(this);
}
public void paintBackground(Graphics g) {
super.paintBackground(g);
int handColor = 0;
if(getStyle().getBgColor() == 0) {
handColor = 0xffffff;
}
paintClock(g, getX(), getY(), getWidth(), getHeight(), getAbsoluteX(),
getAbsoluteY(), handColor);
}

6. ClockDemo (Kitchen Sink)
public class AnalogClock extends Component {
public boolean animate() {
if (System.currentTimeMillis() / 1000 != lastRenderedTime / 1000) {
currentTime.setTime(System.currentTimeMillis());
return true;
}
return false;
}
protected void initComponent() {
this.getComponentForm().registerAnimated(this);
}
protected void deinitialize() {
this.getComponentForm().deregisterAnimated(this);
}
public void paintBackground(Graphics g) {
super.paintBackground(g);
int handColor = 0;
if(getStyle().getBgColor() == 0) {
handColor = 0xffffff;
}
paintClock(g, getX(), getY(), getWidth(), getHeight(), getAbsoluteX(),
getAbsoluteY(), handColor);
}

7. ClockDemo (Kitchen Sink)
public class AnalogClock extends Component {
public boolean animate() {
if (System.currentTimeMillis() / 1000 != lastRenderedTime / 1000) {
currentTime.setTime(System.currentTimeMillis());
return true;
}
return false;
}
protected void initComponent() {
this.getComponentForm().registerAnimated(this);
}
protected void deinitialize() {
this.getComponentForm().deregisterAnimated(this);
}
public void paintBackground(Graphics g) {
super.paintBackground(g);
int handColor = 0;
if(getStyle().getBgColor() == 0) {
handColor = 0xffffff;
}
paintClock(g, getX(), getY(), getWidth(), getHeight(), getAbsoluteX(),
getAbsoluteY(), handColor);
}

8. Thank You