SlideShare a Scribd company logo

Creating an Uber Clone - Part III.pdf

S
ShaiAlmog1

The document describes a CountryCodePicker class that extends the Button class. It retrieves the device's locale code, looks it up in arrays to match the country code and flag, and allows selecting a different code/flag. It also shows a picker form for selection. The class is used in a LoginForm class, which displays Uber's logo and buttons to enter a phone number or connect via social media for logging in.

Technology
1 of 41
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
Creating an Uber Clone - Part III
Country Button © Codename One 2017 all rights reserved
Country Button © Codename One 2017 all rights reserved
public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { Log.e(err); } Image blankIcon = Image.createImage(100, 70, 0); for(int iter = 0 ; iter < countryCodes.length ; iter++) { if(code.equals(countryCodes[iter])) { setText("+" + COUNTRY_CODES[iter]); setIcon(flagResource.getImage(COUNTRY_FLAGS[iter])); if(getIcon() == null) { setIcon(blankIcon); } return; } } } } protected void showPickerForm() { final Form f = getCurrentForm(); final Transition t = f.getTransitionOutAnimator(); CountryCodePicker
setIcon(blankIcon); } return; } } } } protected void showPickerForm() { final Form f = getCurrentForm(); final Transition t = f.getTransitionOutAnimator(); f.setTransitionOutAnimator(CommonTransitions.createEmpty()); Form tf = new CountryPickerForm(this, flagResource); tf.addShowListener(new ActionListener() { @Override public void actionPerformed(ActionEvent evt) { f.setTransitionOutAnimator(t); f.removeShowListener(this); } }); tf.show(); } CountryCodePicker
CountryCodePicker © Codename One 2017 all rights reserved
CountryCodePicker © Codename One 2017 all rights reserved
CountryCodePicker © Codename One 2017 all rights reserved
CountryCodePicker © Codename One 2017 all rights reserved
public class LoginForm extends Form { public LoginForm() { super(new BorderLayout()); Label squareLogo = new Label("", Resources.getGlobalResources().getImage("uber-logo.png"), "SquareLogo") { @Override protected Dimension calcPreferredSize() { Dimension size = super.calcPreferredSize(); size.setHeight(size.getWidth()); return size; } }; Container logo = BorderLayout.centerAbsolute(squareLogo); logo.setUIID("LogoBackground"); add(CENTER, logo); Label getMovingWithUber = new Label("Get moving with Uber", "GetMovingWithUber"); CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override LoginForm
public class LoginForm extends Form { public LoginForm() { super(new BorderLayout()); Label squareLogo = new Label("", Resources.getGlobalResources().getImage("uber-logo.png"), "SquareLogo") { @Override protected Dimension calcPreferredSize() { Dimension size = super.calcPreferredSize(); size.setHeight(size.getWidth()); return size; } }; Container logo = BorderLayout.centerAbsolute(squareLogo); logo.setUIID("LogoBackground"); add(CENTER, logo); Label getMovingWithUber = new Label("Get moving with Uber", "GetMovingWithUber"); CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override LoginForm
public class LoginForm extends Form { public LoginForm() { super(new BorderLayout()); Label squareLogo = new Label("", Resources.getGlobalResources().getImage("uber-logo.png"), "SquareLogo") { @Override protected Dimension calcPreferredSize() { Dimension size = super.calcPreferredSize(); size.setHeight(size.getWidth()); return size; } }; Container logo = BorderLayout.centerAbsolute(squareLogo); logo.setUIID("LogoBackground"); add(CENTER, logo); Label getMovingWithUber = new Label("Get moving with Uber", "GetMovingWithUber"); CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override LoginForm
CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override protected void showPickerForm() { new EnterMobileNumberForm().show(); } }; SpanButton phoneNumber = new SpanButton("Enter your mobile number", "PhoneNumberHint"); phoneNumber.getTextComponent().setColumns(80); phoneNumber.getTextComponent().setRows(2); phoneNumber.getTextComponent().setGrowByContent(false); phoneNumber.setUIID("Container"); phoneNumber.addActionListener(e -> new EnterMobileNumberForm().show()); Container phonePicking = BorderLayout.centerCenterEastWest( phoneNumber, null, countryCodeButton); phonePicking.setUIID("Separator"); Button social = new Button("Or connect with social", "ConnectWithSocialButton"); social.addActionListener(e -> new FacebookOrGoogleLoginForm().show()); LoginForm
CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override protected void showPickerForm() { new EnterMobileNumberForm().show(); } }; SpanButton phoneNumber = new SpanButton("Enter your mobile number", "PhoneNumberHint"); phoneNumber.getTextComponent().setColumns(80); phoneNumber.getTextComponent().setRows(2); phoneNumber.getTextComponent().setGrowByContent(false); phoneNumber.setUIID("Container"); phoneNumber.addActionListener(e -> new EnterMobileNumberForm().show()); Container phonePicking = BorderLayout.centerCenterEastWest( phoneNumber, null, countryCodeButton); phonePicking.setUIID("Separator"); Button social = new Button("Or connect with social", "ConnectWithSocialButton"); social.addActionListener(e -> new FacebookOrGoogleLoginForm().show()); LoginForm
phoneNumber.addActionListener(e -> new EnterMobileNumberForm().show()); Container phonePicking = BorderLayout.centerCenterEastWest( phoneNumber, null, countryCodeButton); phonePicking.setUIID("Separator"); Button social = new Button("Or connect with social", "ConnectWithSocialButton"); social.addActionListener(e -> new FacebookOrGoogleLoginForm().show()); add(SOUTH, BoxLayout.encloseY(getMovingWithUber, phonePicking, social)); } @Override protected boolean shouldPaintStatusBar() { return false; } @Override protected void initGlobalToolbar() { } } LoginForm
Tile & Logo © Codename One 2017 all rights reserved
Square Logo © Codename One 2017 all rights reserved
Square Logo © Codename One 2017 all rights reserved
Square Logo © Codename One 2017 all rights reserved
LogoBackground © Codename One 2017 all rights reserved
LogoBackground © Codename One 2017 all rights reserved
LogoBackground © Codename One 2017 all rights reserved
GetMovingWithUber © Codename One 2017 all rights reserved
GetMovingWithUber © Codename One 2017 all rights reserved
GetMovingWithUber © Codename One 2017 all rights reserved
PhoneNumberHint © Codename One 2017 all rights reserved
PhoneNumberHint © Codename One 2017 all rights reserved
PhoneNumberHint © Codename One 2017 all rights reserved
Separator © Codename One 2017 all rights reserved
Separator © Codename One 2017 all rights reserved
Separator © Codename One 2017 all rights reserved
Separator © Codename One 2017 all rights reserved
ConnectWithSocialButton © Codename One 2017 all rights reserved
ConnectWithSocialButton © Codename One 2017 all rights reserved
ConnectWithSocialButton © Codename One 2017 all rights reserved
ConnectWithSocialButton © Codename One 2017 all rights reserved
The Login Form © Codename One 2017 all rights reserved

More Related Content

PDF
Creating an Uber Clone - Part III - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part V.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part V - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber - Part VI - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber - Part VI.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XXVIII - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part VIII.pdf
ShaiAlmog1
 
PDF
The Duck Teaches Learn to debug from the masters. Local to production- kill ...
ShaiAlmog1
 
Creating an Uber Clone - Part III - Transcript.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part V.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part V - Transcript.pdf
ShaiAlmog1
 
Creating an Uber - Part VI - Transcript.pdf
ShaiAlmog1
 
Creating an Uber - Part VI.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XXVIII - Transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part VIII.pdf
ShaiAlmog1
 
The Duck Teaches Learn to debug from the masters. Local to production- kill ...
ShaiAlmog1
 

More from ShaiAlmog1 (20)

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
 
PDF
Creating a Whatsapp Clone - Part IX.pdf
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
 
Creating a Whatsapp Clone - Part IX.pdf
ShaiAlmog1
 
Ad

Recently uploaded (20)

PDF
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PPTX
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
DOCX
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
PDF
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PPTX
A Presentation on Artificial Intelligence
memembruh336
 
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Empathic Computing: Creating Shared Understanding
Mark Billinghurst
 
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Julien SIMON
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
The AUB Centre for AI in Media Proposal.docx
GAONE9
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
Encapsulation theory and applications.pdf
gurumoop
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
Network Security Unit 5.pdf for BCA BBA.
Serpent6
 
Cloud computing and distributed systems.
kkkkkhan
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
A Presentation on Artificial Intelligence
memembruh336
 
Mobile App Security Testing_ A Comprehensive Guide.pdf
flufftailshop
 
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
Ad

Creating an Uber Clone - Part III.pdf

  • 1. Creating an Uber Clone - Part III
  • 2. Country Button © Codename One 2017 all rights reserved
  • 3. Country Button © Codename One 2017 all rights reserved
  • 4. public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
  • 5. public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
  • 6. public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
  • 7. public class CountryCodePicker extends Button { private Resources flagResource; public CountryCodePicker() { setUIID("CountryCodePicker"); addActionListener(e -> showPickerForm()); String code = L10NManager.getInstance().getLocale(); if(code != null) { String[] countryCodes; if(code.length() == 2) { countryCodes = COUNTRY_ISO2; } else { if(code.length() == 3) { countryCodes = COUNTRY_ISO3; } else { return; } } code = code.toUpperCase(); try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { CountryCodePicker
  • 8. try { flagResource = Resources.open("/flags.res"); } catch(IOException err) { Log.e(err); } Image blankIcon = Image.createImage(100, 70, 0); for(int iter = 0 ; iter < countryCodes.length ; iter++) { if(code.equals(countryCodes[iter])) { setText("+" + COUNTRY_CODES[iter]); setIcon(flagResource.getImage(COUNTRY_FLAGS[iter])); if(getIcon() == null) { setIcon(blankIcon); } return; } } } } protected void showPickerForm() { final Form f = getCurrentForm(); final Transition t = f.getTransitionOutAnimator(); CountryCodePicker
  • 9. setIcon(blankIcon); } return; } } } } protected void showPickerForm() { final Form f = getCurrentForm(); final Transition t = f.getTransitionOutAnimator(); f.setTransitionOutAnimator(CommonTransitions.createEmpty()); Form tf = new CountryPickerForm(this, flagResource); tf.addShowListener(new ActionListener() { @Override public void actionPerformed(ActionEvent evt) { f.setTransitionOutAnimator(t); f.removeShowListener(this); } }); tf.show(); } CountryCodePicker
  • 10. CountryCodePicker © Codename One 2017 all rights reserved
  • 11. CountryCodePicker © Codename One 2017 all rights reserved
  • 12. CountryCodePicker © Codename One 2017 all rights reserved
  • 13. CountryCodePicker © Codename One 2017 all rights reserved
  • 14. public class LoginForm extends Form { public LoginForm() { super(new BorderLayout()); Label squareLogo = new Label("", Resources.getGlobalResources().getImage("uber-logo.png"), "SquareLogo") { @Override protected Dimension calcPreferredSize() { Dimension size = super.calcPreferredSize(); size.setHeight(size.getWidth()); return size; } }; Container logo = BorderLayout.centerAbsolute(squareLogo); logo.setUIID("LogoBackground"); add(CENTER, logo); Label getMovingWithUber = new Label("Get moving with Uber", "GetMovingWithUber"); CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override LoginForm
  • 15. public class LoginForm extends Form { public LoginForm() { super(new BorderLayout()); Label squareLogo = new Label("", Resources.getGlobalResources().getImage("uber-logo.png"), "SquareLogo") { @Override protected Dimension calcPreferredSize() { Dimension size = super.calcPreferredSize(); size.setHeight(size.getWidth()); return size; } }; Container logo = BorderLayout.centerAbsolute(squareLogo); logo.setUIID("LogoBackground"); add(CENTER, logo); Label getMovingWithUber = new Label("Get moving with Uber", "GetMovingWithUber"); CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override LoginForm
  • 16. public class LoginForm extends Form { public LoginForm() { super(new BorderLayout()); Label squareLogo = new Label("", Resources.getGlobalResources().getImage("uber-logo.png"), "SquareLogo") { @Override protected Dimension calcPreferredSize() { Dimension size = super.calcPreferredSize(); size.setHeight(size.getWidth()); return size; } }; Container logo = BorderLayout.centerAbsolute(squareLogo); logo.setUIID("LogoBackground"); add(CENTER, logo); Label getMovingWithUber = new Label("Get moving with Uber", "GetMovingWithUber"); CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override LoginForm
  • 17. CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override protected void showPickerForm() { new EnterMobileNumberForm().show(); } }; SpanButton phoneNumber = new SpanButton("Enter your mobile number", "PhoneNumberHint"); phoneNumber.getTextComponent().setColumns(80); phoneNumber.getTextComponent().setRows(2); phoneNumber.getTextComponent().setGrowByContent(false); phoneNumber.setUIID("Container"); phoneNumber.addActionListener(e -> new EnterMobileNumberForm().show()); Container phonePicking = BorderLayout.centerCenterEastWest( phoneNumber, null, countryCodeButton); phonePicking.setUIID("Separator"); Button social = new Button("Or connect with social", "ConnectWithSocialButton"); social.addActionListener(e -> new FacebookOrGoogleLoginForm().show()); LoginForm
  • 18. CountryCodePicker countryCodeButton = new CountryCodePicker() { @Override protected void showPickerForm() { new EnterMobileNumberForm().show(); } }; SpanButton phoneNumber = new SpanButton("Enter your mobile number", "PhoneNumberHint"); phoneNumber.getTextComponent().setColumns(80); phoneNumber.getTextComponent().setRows(2); phoneNumber.getTextComponent().setGrowByContent(false); phoneNumber.setUIID("Container"); phoneNumber.addActionListener(e -> new EnterMobileNumberForm().show()); Container phonePicking = BorderLayout.centerCenterEastWest( phoneNumber, null, countryCodeButton); phonePicking.setUIID("Separator"); Button social = new Button("Or connect with social", "ConnectWithSocialButton"); social.addActionListener(e -> new FacebookOrGoogleLoginForm().show()); LoginForm
  • 19. phoneNumber.addActionListener(e -> new EnterMobileNumberForm().show()); Container phonePicking = BorderLayout.centerCenterEastWest( phoneNumber, null, countryCodeButton); phonePicking.setUIID("Separator"); Button social = new Button("Or connect with social", "ConnectWithSocialButton"); social.addActionListener(e -> new FacebookOrGoogleLoginForm().show()); add(SOUTH, BoxLayout.encloseY(getMovingWithUber, phonePicking, social)); } @Override protected boolean shouldPaintStatusBar() { return false; } @Override protected void initGlobalToolbar() { } } LoginForm
  • 20. Tile & Logo © Codename One 2017 all rights reserved
  • 21. Square Logo © Codename One 2017 all rights reserved
  • 22. Square Logo © Codename One 2017 all rights reserved
  • 23. Square Logo © Codename One 2017 all rights reserved
  • 24. LogoBackground © Codename One 2017 all rights reserved
  • 25. LogoBackground © Codename One 2017 all rights reserved
  • 26. LogoBackground © Codename One 2017 all rights reserved
  • 27. GetMovingWithUber © Codename One 2017 all rights reserved
  • 28. GetMovingWithUber © Codename One 2017 all rights reserved
  • 29. GetMovingWithUber © Codename One 2017 all rights reserved
  • 30. PhoneNumberHint © Codename One 2017 all rights reserved
  • 31. PhoneNumberHint © Codename One 2017 all rights reserved
  • 32. PhoneNumberHint © Codename One 2017 all rights reserved
  • 33. Separator © Codename One 2017 all rights reserved
  • 34. Separator © Codename One 2017 all rights reserved
  • 35. Separator © Codename One 2017 all rights reserved
  • 36. Separator © Codename One 2017 all rights reserved
  • 37. ConnectWithSocialButton © Codename One 2017 all rights reserved
  • 38. ConnectWithSocialButton © Codename One 2017 all rights reserved
  • 39. ConnectWithSocialButton © Codename One 2017 all rights reserved
  • 40. ConnectWithSocialButton © Codename One 2017 all rights reserved
  • 41. The Login Form © Codename One 2017 all rights reserved