SlideShare a Scribd company logo

Creating a Facebook Clone - Part III.pdf

S
ShaiAlmog1

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.

Technology
1 of 12
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
Creating a Facebook Clone - Part III
Splash Screen © Codename One 2017 all rights reserved
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
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
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
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
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
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
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
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
SplashForm { background-color: #4367b3; margin: 0px; padding: 0px; } theme.css
public void start() { if(current != null){ current.show(); return; } UIController.showSplashScreen(); } FacebookClone

More Related Content

PDF
Creating a Facebook Clone - Part III - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part VII.pdf
ShaiAlmog1
 
PDF
Макс Грибов — Использование SpriteKit в неигровых приложениях
CocoaHeads
 
PDF
Android Wear Essentials
Nilhcem
 
PDF
GCD in Action
Nigel Barber
 
PDF
Creating an Uber Clone - Part XXXIX.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part X.pdf
ShaiAlmog1
 
PDF
Prototype UI
Sébastien Gruhier
 
Creating a Facebook Clone - Part III - Transcript.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part VII.pdf
ShaiAlmog1
 
Макс Грибов — Использование SpriteKit в неигровых приложениях
CocoaHeads
 
Android Wear Essentials
Nilhcem
 
GCD in Action
Nigel Barber
 
Creating an Uber Clone - Part XXXIX.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part X.pdf
ShaiAlmog1
 
Prototype UI
Sébastien Gruhier
 

Similar to Creating a Facebook Clone - Part III.pdf (20)

PDF
Android design and Custom views
Lars Vogel
 
PDF
Famo.us: From Zero to UI
timjchin
 
KEY
I phone勉強会 (2011.11.23)
Katsumi Kishikawa
 
PDF
Writing videogames with titanium appcelerator
Alessio Ricco
 
PDF
Prototype UI Intro
Juriy Zaytsev
 
PDF
Initial UI Mockup - Part 2.pdf
ShaiAlmog1
 
PDF
Building mobile web apps with Mobello
Jeong-Geun Kim
 
PDF
HTML5って必要？
GCS2013
 
KEY
Sbaw090623
Atsushi Tadokoro
 
PDF
Adapting to Tablets and Desktops - Part 3.pdf
ShaiAlmog1
 
PPTX
Academy PRO: React native - building first scenes
Binary Studio
 
PDF
Modify the following source code so that when the mouse is clicked w.pdf
arorastores
 
KEY
Leaving Flatland: getting started with WebGL
gerbille
 
PDF
Leaving Interface Builder Behind
John Wilker
 
PDF
Creating an Uber Clone - Part XXIV.pdf
ShaiAlmog1
 
PPTX
JS.Chi CSS Animations
Justin Meyer
 
PDF
Creating an Uber Clone - Part IV.pdf
ShaiAlmog1
 
PPTX
Android Oreo
Siddharth Yadav
 
PPTX
Appsplash'16 session (4) "Ui components & controller"
Hany Halim
 
PPT
Angular animate
Yating Chatiron
 
Android design and Custom views
Lars Vogel
 
Famo.us: From Zero to UI
timjchin
 
I phone勉強会 (2011.11.23)
Katsumi Kishikawa
 
Writing videogames with titanium appcelerator
Alessio Ricco
 
Prototype UI Intro
Juriy Zaytsev
 
Initial UI Mockup - Part 2.pdf
ShaiAlmog1
 
Building mobile web apps with Mobello
Jeong-Geun Kim
 
HTML5って必要？
GCS2013
 
Sbaw090623
Atsushi Tadokoro
 
Adapting to Tablets and Desktops - Part 3.pdf
ShaiAlmog1
 
Academy PRO: React native - building first scenes
Binary Studio
 
Modify the following source code so that when the mouse is clicked w.pdf
arorastores
 
Leaving Flatland: getting started with WebGL
gerbille
 
Leaving Interface Builder Behind
John Wilker
 
Creating an Uber Clone - Part XXIV.pdf
ShaiAlmog1
 
JS.Chi CSS Animations
Justin Meyer
 
Creating an Uber Clone - Part IV.pdf
ShaiAlmog1
 
Android Oreo
Siddharth Yadav
 
Appsplash'16 session (4) "Ui components & controller"
Hany Halim
 
Angular animate
Yating Chatiron
 

More from ShaiAlmog1 (20)

PDF
The Duck Teaches Learn to debug from the masters. Local to production- kill ...
ShaiAlmog1
 
PDF
create-netflix-clone-06-client-ui.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-01-introduction_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-02-server_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-04-server-continued_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-01-introduction.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-06-client-ui_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-03-server.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-04-server-continued.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-05-client-model_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-03-server_transcript.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-02-server.pdf
ShaiAlmog1
 
PDF
create-netflix-clone-05-client-model.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part II.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IX - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part II - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part V - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IV - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part IV.pdf
ShaiAlmog1
 
PDF
Creating a Whatsapp Clone - Part I - Transcript.pdf
ShaiAlmog1
 
The Duck Teaches Learn to debug from the masters. Local to production- kill ...
ShaiAlmog1
 
create-netflix-clone-06-client-ui.pdf
ShaiAlmog1
 
create-netflix-clone-01-introduction_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-02-server_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-04-server-continued_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-01-introduction.pdf
ShaiAlmog1
 
create-netflix-clone-06-client-ui_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-03-server.pdf
ShaiAlmog1
 
create-netflix-clone-04-server-continued.pdf
ShaiAlmog1
 
create-netflix-clone-05-client-model_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-03-server_transcript.pdf
ShaiAlmog1
 
create-netflix-clone-02-server.pdf
ShaiAlmog1
 
create-netflix-clone-05-client-model.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part II.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IX - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part II - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part V - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IV - Transcript.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part IV.pdf
ShaiAlmog1
 
Creating a Whatsapp Clone - Part I - Transcript.pdf
ShaiAlmog1
 

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PDF
KodekX | Application Modernization Development
KodekX
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PDF
MIND Revenue Release Quarter 2 2025 Press Release
MIND CTI
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
PPTX
MYSQL Presentation for SQL database connectivity
Swati270511
 
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
KodekX | Application Modernization Development
KodekX
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
MIND Revenue Release Quarter 2 2025 Press Release
MIND CTI
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Akar16
 
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
SynapseIndia
 
MYSQL Presentation for SQL database connectivity
Swati270511
 
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 

Creating a Facebook Clone - Part III.pdf

  • 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