The document describes code for displaying a splash screen when launching a mobile app. It creates a Form with a centered logo Label and fades the logo in over 1 second using a linear animation. A timer checks the animation status and calls showLoginForm() after it finishes or repaints the logo with the current opacity value otherwise.

1. Creating a Facebook Clone - Part III

2. Splash Screen
© Codename One 2017 all rights reserved

3. public class UIController {
public static void showSplashScreen() {
Form splash = new Form(new BorderLayout(
BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE));
splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
UIController

4. public class UIController {
public static void showSplashScreen() {
Form splash = new Form(new BorderLayout(
BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE));
splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
UIController

5. public class UIController {
public static void showSplashScreen() {
Form splash = new Form(new BorderLayout(
BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE));
splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
UIController

6. public class UIController {
public static void showSplashScreen() {
Form splash = new Form(new BorderLayout(
BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE));
splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
UIController

7. public class UIController {
public static void showSplashScreen() {
Form splash = new Form(new BorderLayout(
BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE));
splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
UIController

8. public class UIController {
public static void showSplashScreen() {
Form splash = new Form(new BorderLayout(
BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE));
splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
UIController

9. splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
});
splash.show();
}
public static void showLoginForm() {
}
}
UIController

10. splash.setUIID("SplashForm");
Label logo = new Label("uf308", "IconFont");
logo.setName("Logo");
splash.add(CENTER, logo);
splash.setTransitionOutAnimator(
MorphTransition.
create(1200).
morph("Logo"));
final Motion anim = Motion.createLinearMotion(0, 127, 1000);
anim.start();
UITimer.timer(20, true, splash, () -> {
if(anim.isFinished()) {
showLoginForm();
} else {
logo.getUnselectedStyle().setOpacity(anim.getValue()+127);
logo.repaint();
}
});
splash.show();
}
public static void showLoginForm() {
}
}
UIController

11. SplashForm {
background-color: #4367b3;
margin: 0px;
padding: 0px;
}
theme.css

12. public void start() {
if(current != null){
current.show();
return;
}
UIController.showSplashScreen();
}
FacebookClone