SlideShare a Scribd company logo

Creating an Uber Clone - Part XX.pdf

S
ShaiAlmog1

The document describes the implementation of a completion container for a user interface that suggests locations based on user input. It includes methods for updating completion suggestions, creating UI elements, and managing user interactions. The container can display a completion bar with saved locations and history entries.

Technology
1 of 14
Download to read offline
1
2
3
4
5
6
7
8
9
10
11
12
13
14
Creating an Uber Clone - Part XX
public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
result.animateLayout(150); } }); } private MultiButton createEntry(char icon, String title) { MultiButton b = new MultiButton(title); b.setUIID("Container"); b.setUIIDLine1("WhereToButtonLine1"); b.setIconUIID("WhereToButtonIcon"); FontImage.setMaterialIcon(b, icon); return b; } private MultiButton createEntry(char icon, String title, String subtitle) { MultiButton b = new MultiButton(title); b.setTextLine2(subtitle); b.setUIID("Container"); b.setUIIDLine1("WhereToButtonLineNoBorder"); b.setUIIDLine2("WhereToButtonLine2"); b.setIconUIID("WhereToButtonIcon"); FontImage.setMaterialIcon(b, icon); return b; CompletionContainer
b.setUIIDLine2("WhereToButtonLine2"); b.setIconUIID("WhereToButtonIcon"); FontImage.setMaterialIcon(b, icon); return b; } public void initCompletionBar() { if(!completionUsed) { return; } completionUsed = false; result.removeAll(); initCompletionBarImpl(); } private void initCompletionBarImpl() { MultiButton addHome = createEntry(FontImage.MATERIAL_HOME, "Add Home"); MultiButton addWork = createEntry(FontImage.MATERIAL_WORK, "Add Work"); MultiButton savedPlaces = createEntry( FontImage.MATERIAL_NAVIGATE_NEXT, "Saved Places"); savedPlaces.setUIIDLine1("WhereToButtonLineNoBorder"); savedPlaces.setEmblemUIID("WhereToButtonLineNoBorder"); savedPlaces.setEmblem(FontImage.createMaterial( CompletionContainer
savedPlaces.setUIIDLine1("WhereToButtonLineNoBorder"); savedPlaces.setEmblemUIID("WhereToButtonLineNoBorder"); savedPlaces.setEmblem(FontImage.createMaterial( FontImage.MATERIAL_NAVIGATE_NEXT, savedPlaces.getIconComponent().getUnselectedStyle())); Label whereSeparator = new Label("", "WhereSeparator"); whereSeparator.setShowEvenIfBlank(true); result.addAll(addHome, addWork, savedPlaces, whereSeparator); addHistoryToCompletionBar(); } private void addHistoryToCompletionBar() { MultiButton history1 = createEntry(FontImage.MATERIAL_HISTORY, "Mikve Yisrael Str..."); result.add(history1); } public void showCompletionBar(Container parentLayer) { result = new Container(BoxLayout.y()); initCompletionBarImpl(); CompletionContainer
private void addHistoryToCompletionBar() { MultiButton history1 = createEntry(FontImage.MATERIAL_HISTORY, "Mikve Yisrael Str..."); result.add(history1); } public void showCompletionBar(Container parentLayer) { result = new Container(BoxLayout.y()); initCompletionBarImpl(); result.setUIID("Form"); result.setScrollableY(true); result.setScrollVisible(false); Container enclose = BorderLayout.center(result); enclose.setY(getDisplayHeight()); enclose.setWidth(getDisplayWidth()); enclose.setHeight(result.getPreferredH()); parentLayer.add(CENTER, enclose); parentLayer.animateLayout(200); } public void addCompletionListener(ActionListener<ActionEvent> a) { dispatcher.addListener(a); CompletionContainer
WhereToButtonLine2 © Codename One 2017 all rights reserved
WhereToButtonLine2 © Codename One 2017 all rights reserved
WhereToButtonLine2 © Codename One 2017 all rights reserved
WhereToButtonLine2 © Codename One 2017 all rights reserved
WhereToButtonLine2 © Codename One 2017 all rights reserved

More Related Content

PDF
Creating an Uber Clone - Part XX - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part XIX.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part IX.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part XIX - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part XXI.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part XXX.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part XXI - Transcript.pdf
ShaiAlmog1
 
PDF
Material Design and Backwards Compatibility
Angelo Rüggeberg
 
Creating an Uber Clone - Part XX - Transcript.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part XIX.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part IX.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part XIX - Transcript.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part XXI.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part XXX.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part XXI - Transcript.pdf
ShaiAlmog1
 
Material Design and Backwards Compatibility
Angelo Rüggeberg
 

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
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
PDF
Assigned Numbers - 2025 - Bluetooth® Document
Bloombase
 
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
PPTX
A Presentation on Artificial Intelligence
memembruh336
 
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
PDF
Approach and Philosophy of On baking technology
30anthuong17
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PPT
Teaching material agriculture food technology
LiaRayya
 
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PPTX
Spectroscopy.pptx food analysis technology
nawahassan45
 
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PPTX
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
Assigned Numbers - 2025 - Bluetooth® Document
Bloombase
 
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
SOFTTECHHUB
 
A Presentation on Artificial Intelligence
memembruh336
 
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
“AI and Expert System Decision Support & Business Intelligence Systems”
ZubinRadhakrishnan
 
Approach and Philosophy of On baking technology
30anthuong17
 
Cloud computing and distributed systems.
kkkkkhan
 
Teaching material agriculture food technology
LiaRayya
 
Reach Out and Touch Someone: Haptics and Empathic Computing
Mark Billinghurst
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Spectroscopy.pptx food analysis technology
nawahassan45
 
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
Encapsulation theory and applications.pdf
gurumoop
 
Machine Learning_overview_presentation.pptx
kondavamsidharreddy2
 
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Chinchu40
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 

Creating an Uber Clone - Part XX.pdf

  • 1. Creating an Uber Clone - Part XX
  • 2. public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
  • 3. public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
  • 4. public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
  • 5. public class CompletionContainer { private Container result; private boolean completionUsed; private final EventDispatcher dispatcher = new EventDispatcher(); void updateCompletion(String text, AutoCompleteAddressInput dest) { SearchService.suggestLocations(text, LocationService.getCurrentLocation(), resultList -> { if(resultList != null && resultList.size() > 0) { result.removeAll(); completionUsed = true; for(SearchService.SuggestionResult r : resultList) { MultiButton mb = createEntry(FontImage.MATERIAL_PLACE, r.getMainText(), r.getSecondaryText()); result.add(mb); mb.addActionListener(e -> { dest.setTextNoEvent(r.getFullText()); r.getLocation(l -> { dest.setCurrentLocation(l); dispatcher.fireActionEvent(e); }); }); } CompletionContainer
  • 6. result.animateLayout(150); } }); } private MultiButton createEntry(char icon, String title) { MultiButton b = new MultiButton(title); b.setUIID("Container"); b.setUIIDLine1("WhereToButtonLine1"); b.setIconUIID("WhereToButtonIcon"); FontImage.setMaterialIcon(b, icon); return b; } private MultiButton createEntry(char icon, String title, String subtitle) { MultiButton b = new MultiButton(title); b.setTextLine2(subtitle); b.setUIID("Container"); b.setUIIDLine1("WhereToButtonLineNoBorder"); b.setUIIDLine2("WhereToButtonLine2"); b.setIconUIID("WhereToButtonIcon"); FontImage.setMaterialIcon(b, icon); return b; CompletionContainer
  • 7. b.setUIIDLine2("WhereToButtonLine2"); b.setIconUIID("WhereToButtonIcon"); FontImage.setMaterialIcon(b, icon); return b; } public void initCompletionBar() { if(!completionUsed) { return; } completionUsed = false; result.removeAll(); initCompletionBarImpl(); } private void initCompletionBarImpl() { MultiButton addHome = createEntry(FontImage.MATERIAL_HOME, "Add Home"); MultiButton addWork = createEntry(FontImage.MATERIAL_WORK, "Add Work"); MultiButton savedPlaces = createEntry( FontImage.MATERIAL_NAVIGATE_NEXT, "Saved Places"); savedPlaces.setUIIDLine1("WhereToButtonLineNoBorder"); savedPlaces.setEmblemUIID("WhereToButtonLineNoBorder"); savedPlaces.setEmblem(FontImage.createMaterial( CompletionContainer
  • 8. savedPlaces.setUIIDLine1("WhereToButtonLineNoBorder"); savedPlaces.setEmblemUIID("WhereToButtonLineNoBorder"); savedPlaces.setEmblem(FontImage.createMaterial( FontImage.MATERIAL_NAVIGATE_NEXT, savedPlaces.getIconComponent().getUnselectedStyle())); Label whereSeparator = new Label("", "WhereSeparator"); whereSeparator.setShowEvenIfBlank(true); result.addAll(addHome, addWork, savedPlaces, whereSeparator); addHistoryToCompletionBar(); } private void addHistoryToCompletionBar() { MultiButton history1 = createEntry(FontImage.MATERIAL_HISTORY, "Mikve Yisrael Str..."); result.add(history1); } public void showCompletionBar(Container parentLayer) { result = new Container(BoxLayout.y()); initCompletionBarImpl(); CompletionContainer
  • 9. private void addHistoryToCompletionBar() { MultiButton history1 = createEntry(FontImage.MATERIAL_HISTORY, "Mikve Yisrael Str..."); result.add(history1); } public void showCompletionBar(Container parentLayer) { result = new Container(BoxLayout.y()); initCompletionBarImpl(); result.setUIID("Form"); result.setScrollableY(true); result.setScrollVisible(false); Container enclose = BorderLayout.center(result); enclose.setY(getDisplayHeight()); enclose.setWidth(getDisplayWidth()); enclose.setHeight(result.getPreferredH()); parentLayer.add(CENTER, enclose); parentLayer.animateLayout(200); } public void addCompletionListener(ActionListener<ActionEvent> a) { dispatcher.addListener(a); CompletionContainer
  • 10. WhereToButtonLine2 © Codename One 2017 all rights reserved
  • 11. WhereToButtonLine2 © Codename One 2017 all rights reserved
  • 12. WhereToButtonLine2 © Codename One 2017 all rights reserved
  • 13. WhereToButtonLine2 © Codename One 2017 all rights reserved
  • 14. WhereToButtonLine2 © Codename One 2017 all rights reserved