SlideShare a Scribd company logo

Creating a Facebook Clone - Part XLII.pdf

S
ShaiAlmog1

The document outlines the implementation of a feature for a social media application that allows users to create posts with various media types, including images and videos. It includes code for UI components such as buttons for writing posts and selecting media, as well as handling user interactions for likes and comments. Key functionalities also involve formatting post content and managing media playback in a news feed layout.

Technology
1 of 21
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
Creating a Facebook Clone - Part XLII
} return stats; } private static Container createPostBar() { Button avatar = new Button(ServerAPI.me().getAvatar(6.5f),"Label"); Button writePost = new Button("What's on your mind?", "NewPostButton"); Button gallery = new Button("Photo", "GalleryButton"); FontImage.setMaterialIcon(gallery, FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f); gallery.setTextPosition(BOTTOM); Container c = BorderLayout.centerEastWest(writePost,gallery,avatar); c.setUIID("HalfPaddedContainer"); writePost.addActionListener(e -> NewPostForm.createPost().show()); gallery.addActionListener(e -> { ImagePicker p = new ImagePicker(GALLERY_ALL); p.pick( image -> { NewPostForm.createImagePost(image, p).show(); }, video -> { NewPostForm.createVideoPost(video, p).show(); }); NewsfeedContainer
} return stats; } private static Container createPostBar() { Button avatar = new Button(ServerAPI.me().getAvatar(6.5f),"Label"); Button writePost = new Button("What's on your mind?", "NewPostButton"); Button gallery = new Button("Photo", "GalleryButton"); FontImage.setMaterialIcon(gallery, FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f); gallery.setTextPosition(BOTTOM); Container c = BorderLayout.centerEastWest(writePost,gallery,avatar); c.setUIID("HalfPaddedContainer"); writePost.addActionListener(e -> NewPostForm.createPost().show()); gallery.addActionListener(e -> { ImagePicker p = new ImagePicker(GALLERY_ALL); p.pick( image -> { NewPostForm.createImagePost(image, p).show(); }, video -> { NewPostForm.createVideoPost(video, p).show(); }); NewsfeedContainer
private static Container createPostBar() { Button avatar = new Button(ServerAPI.me().getAvatar(6.5f),"Label"); Button writePost = new Button("What's on your mind?", "NewPostButton"); Button gallery = new Button("Photo", "GalleryButton"); FontImage.setMaterialIcon(gallery, FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f); gallery.setTextPosition(BOTTOM); Container c = BorderLayout.centerEastWest(writePost,gallery,avatar); c.setUIID("HalfPaddedContainer"); writePost.addActionListener(e -> NewPostForm.createPost().show()); gallery.addActionListener(e -> { ImagePicker p = new ImagePicker(GALLERY_ALL); p.pick( image -> { NewPostForm.createImagePost(image, p).show(); }, video -> { NewPostForm.createVideoPost(video, p).show(); }); }); return c; } } NewsfeedContainer
return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
} ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); } }; mp.setLoop(true); return mp; } catch(IOException err) { Log.e(err); return new Label("Error loading media"); } } } NewsfeedContainer
} ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); } }; mp.setLoop(true); return mp; } catch(IOException err) { Log.e(err); return new Label("Error loading media"); } } } NewsfeedContainer
titleArea.setUIID("HalfPaddedContainer"); return titleArea; } public static Container createNewsItem(User u, Post p) { Container titleArea = createNewsTitle(u, p); Component body; String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { NewsfeedContainer
like.setUIID("CleanButton"); Button comment = new Button("Comment", "CleanButton"); Button share = new Button("Share", "CleanButton"); FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP); FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT); FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE); Container buttonBar = GridLayout.encloseIn(3, like, comment, share); buttonBar.setUIID("HalfPaddedContainer"); like.setSelected(p.likes.contains(u)); like.addActionListener(e -> ServerAPI.like(p)); comment.addActionListener(e -> new CommentsForm(p, null).show()); if(p.attachments.size() > 0) { String key = p.attachments.keySet().iterator().next(); return BoxLayout.encloseY(titleArea, body, createMediaComponent(p.attachments.get(key), key), createPostStats(p), buttonBar); } return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } NewsfeedContainer
like.setUIID("CleanButton"); Button comment = new Button("Comment", "CleanButton"); Button share = new Button("Share", "CleanButton"); FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP); FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT); FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE); Container buttonBar = GridLayout.encloseIn(3, like, comment, share); buttonBar.setUIID("HalfPaddedContainer"); like.setSelected(p.likes.contains(u)); like.addActionListener(e -> ServerAPI.like(p)); comment.addActionListener(e -> new CommentsForm(p, null).show()); if(p.attachments.size() > 0) { String key = p.attachments.keySet().iterator().next(); return BoxLayout.encloseY(titleArea, body, createMediaComponent(p.attachments.get(key), key), createPostStats(p), buttonBar); } return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } NewsfeedContainer
return titleArea; } public static Container createNewsItem(User u, Post p) { Container titleArea = createNewsTitle(u, p); Component body; String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { ((SpanLabel)body).setTextUIID("PostStyleText"); NewsfeedContainer
String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { ((SpanLabel)body).setTextUIID("PostStyleText"); body.setUIID(style); } else { body.setUIID("HalfPaddedContainer"); } } CheckBox like = CheckBox.createToggle("Like"); NewsfeedContainer
String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { ((SpanLabel)body).setTextUIID("PostStyleText"); body.setUIID(style); } else { body.setUIID("HalfPaddedContainer"); } } CheckBox like = CheckBox.createToggle("Like"); NewsfeedContainer
public class RichTextView extends Container { private String text; private float fontSize = 2.6f; private EventDispatcher listeners = new EventDispatcher(); private Font currentFont; private int currentColor = 0; private String currentLink; private Style lastCmp; private Font defaultFont; private Font boldFont; private Font italicFont; private int sizeOfSpace; public RichTextView() { init(null); } public RichTextView(String text, String uiid) { init(uiid); setText(text); RichTextView
private Font boldFont; private Font italicFont; private int sizeOfSpace; public RichTextView() { init(null); } public RichTextView(String text, String uiid) { init(uiid); setText(text); } public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); RichTextView
private Font boldFont; private Font italicFont; private int sizeOfSpace; public RichTextView() { init(null); } public RichTextView(String text, String uiid) { init(uiid); setText(text); } public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); RichTextView
public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); } else { Style s = UIManager.getInstance().getComponentStyle(uiid); defaultFont = s.getFont(); boldFont = boldFont.derive(defaultFont.getHeight(), Font.STYLE_BOLD); italicFont = italicFont.derive(defaultFont.getHeight(), Font.STYLE_ITALIC); } sizeOfSpace = defaultFont.charWidth(' '); currentFont = defaultFont; } RichTextView
public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); } else { Style s = UIManager.getInstance().getComponentStyle(uiid); defaultFont = s.getFont(); boldFont = boldFont.derive(defaultFont.getHeight(), Font.STYLE_BOLD); italicFont = italicFont.derive(defaultFont.getHeight(), Font.STYLE_ITALIC); } sizeOfSpace = defaultFont.charWidth(' '); currentFont = defaultFont; } RichTextView

More Related Content

PDF
Creating a Facebook Clone - Part XLII - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XLI.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XLI - Transcript.pdf
ShaiAlmog1
 
PDF
Initial UI Mockup - Part 3.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part VII.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XVI.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part VI.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XII.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XLII - Transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XLI.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XLI - Transcript.pdf
ShaiAlmog1
 
Initial UI Mockup - Part 3.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part VII.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XVI.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part VI.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XII.pdf
ShaiAlmog1
 

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

PDF
Creating a Facebook Clone - Part VI - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part V.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XVI - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XXIX - Transcript.pdf
ShaiAlmog1
 
PDF
Creating an Uber Clone - Part XXXIX.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XIII.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XIII - Transcript.pdf
ShaiAlmog1
 
PDF
i need a remove button to remove the image from my favourites- however.pdf
shreeaadithyaacellso
 
PDF
Initial UI Mockup - Part 3 - Transcript.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XXVIII.pdf
ShaiAlmog1
 
PDF
UI Design From Scratch - Part 5.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XXXVI.pdf
ShaiAlmog1
 
PDF
Extracting ui Design - part 6 - transcript.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XXXVI - Transcript.pdf
ShaiAlmog1
 
PDF
Getting started with GUI programming in Java_2
Muhammad Shebl Farag
 
PDF
Creating an Uber Clone - Part IX.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XLIII.pdf
ShaiAlmog1
 
PDF
Initial UI Mockup - Part 2.pdf
ShaiAlmog1
 
PDF
UI Design From Scratch - Part 5 - transcript.pdf
ShaiAlmog1
 
PDF
Creating a Facebook Clone - Part XV - Transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part VI - Transcript.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part V.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XVI - Transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XXIX - Transcript.pdf
ShaiAlmog1
 
Creating an Uber Clone - Part XXXIX.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XIII.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XIII - Transcript.pdf
ShaiAlmog1
 
i need a remove button to remove the image from my favourites- however.pdf
shreeaadithyaacellso
 
Initial UI Mockup - Part 3 - Transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XXVIII.pdf
ShaiAlmog1
 
UI Design From Scratch - Part 5.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XXXVI.pdf
ShaiAlmog1
 
Extracting ui Design - part 6 - transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XXXVI - Transcript.pdf
ShaiAlmog1
 
Getting started with GUI programming in Java_2
Muhammad Shebl Farag
 
Creating an Uber Clone - Part IX.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XLIII.pdf
ShaiAlmog1
 
Initial UI Mockup - Part 2.pdf
ShaiAlmog1
 
UI Design From Scratch - Part 5 - transcript.pdf
ShaiAlmog1
 
Creating a Facebook Clone - Part XV - Transcript.pdf
ShaiAlmog1
 

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)

PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
PPTX
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
PDF
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PDF
KodekX | Application Modernization Development
KodekX
 
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
PDF
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PPTX
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
PDF
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Safe Software
 
20250228 LYD VKU AI Blended-Learning.pptx
DatVoNgoc
 
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Libreria ERP
 
sap open course for s4hana steps from ECC to s4
sreeni2106invites
 
Unlocking AI with Model Context Protocol (MCP)
Brian McKeiver
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
KodekX | Application Modernization Development
KodekX
 
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
23bcla24
 
cuic standard and advanced reporting.pdf
SimoneTitaniumTomase
 
Encapsulation theory and applications.pdf
gurumoop
 
Big Data Technologies - Introduction.pptx
kuthubussaman1
 
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
blackmambaettijean
 
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
Electronic commerce courselecture one. Pdf
OmerMohamed64
 
Cloud computing and distributed systems.
kkkkkhan
 
Dropbox Q2 2025 Financial Results & Investor Presentation
Dropbox
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 

Creating a Facebook Clone - Part XLII.pdf

  • 1. Creating a Facebook Clone - Part XLII
  • 2. } return stats; } private static Container createPostBar() { Button avatar = new Button(ServerAPI.me().getAvatar(6.5f),"Label"); Button writePost = new Button("What's on your mind?", "NewPostButton"); Button gallery = new Button("Photo", "GalleryButton"); FontImage.setMaterialIcon(gallery, FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f); gallery.setTextPosition(BOTTOM); Container c = BorderLayout.centerEastWest(writePost,gallery,avatar); c.setUIID("HalfPaddedContainer"); writePost.addActionListener(e -> NewPostForm.createPost().show()); gallery.addActionListener(e -> { ImagePicker p = new ImagePicker(GALLERY_ALL); p.pick( image -> { NewPostForm.createImagePost(image, p).show(); }, video -> { NewPostForm.createVideoPost(video, p).show(); }); NewsfeedContainer
  • 3. } return stats; } private static Container createPostBar() { Button avatar = new Button(ServerAPI.me().getAvatar(6.5f),"Label"); Button writePost = new Button("What's on your mind?", "NewPostButton"); Button gallery = new Button("Photo", "GalleryButton"); FontImage.setMaterialIcon(gallery, FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f); gallery.setTextPosition(BOTTOM); Container c = BorderLayout.centerEastWest(writePost,gallery,avatar); c.setUIID("HalfPaddedContainer"); writePost.addActionListener(e -> NewPostForm.createPost().show()); gallery.addActionListener(e -> { ImagePicker p = new ImagePicker(GALLERY_ALL); p.pick( image -> { NewPostForm.createImagePost(image, p).show(); }, video -> { NewPostForm.createVideoPost(video, p).show(); }); NewsfeedContainer
  • 4. private static Container createPostBar() { Button avatar = new Button(ServerAPI.me().getAvatar(6.5f),"Label"); Button writePost = new Button("What's on your mind?", "NewPostButton"); Button gallery = new Button("Photo", "GalleryButton"); FontImage.setMaterialIcon(gallery, FontImage.MATERIAL_PHOTO_LIBRARY, 2.9f); gallery.setTextPosition(BOTTOM); Container c = BorderLayout.centerEastWest(writePost,gallery,avatar); c.setUIID("HalfPaddedContainer"); writePost.addActionListener(e -> NewPostForm.createPost().show()); gallery.addActionListener(e -> { ImagePicker p = new ImagePicker(GALLERY_ALL); p.pick( image -> { NewPostForm.createImagePost(image, p).show(); }, video -> { NewPostForm.createVideoPost(video, p).show(); }); }); return c; } } NewsfeedContainer
  • 5. return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
  • 6. return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
  • 7. return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
  • 8. return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } private static Image placeholder; private static Component createMediaComponent(String mime, String id) { if(mime.startsWith("image")) { if(placeholder == null) { placeholder = Image.createImage(getDisplayWidth(), getDisplayHeight() / 2, 0); } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); NewsfeedContainer
  • 9. } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); } }; mp.setLoop(true); return mp; } catch(IOException err) { Log.e(err); return new Label("Error loading media"); } } } NewsfeedContainer
  • 10. } ScaleImageButton sb = new ScaleImageButton( URLImage.createCachedImage(id, ServerAPI.mediaUrl(id), placeholder, URLImage.FLAG_RESIZE_SCALE_TO_FILL)); return sb; } else { try { Media media=MediaManager.createMedia(ServerAPI.mediaUrl(id), true); MediaPlayer mp = new MediaPlayer(media) { @Override protected Dimension calcPreferredSize() { return new Dimension(getDisplayWidth(), getDisplayHeight() / 2); } }; mp.setLoop(true); return mp; } catch(IOException err) { Log.e(err); return new Label("Error loading media"); } } } NewsfeedContainer
  • 11. titleArea.setUIID("HalfPaddedContainer"); return titleArea; } public static Container createNewsItem(User u, Post p) { Container titleArea = createNewsTitle(u, p); Component body; String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { NewsfeedContainer
  • 12. like.setUIID("CleanButton"); Button comment = new Button("Comment", "CleanButton"); Button share = new Button("Share", "CleanButton"); FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP); FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT); FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE); Container buttonBar = GridLayout.encloseIn(3, like, comment, share); buttonBar.setUIID("HalfPaddedContainer"); like.setSelected(p.likes.contains(u)); like.addActionListener(e -> ServerAPI.like(p)); comment.addActionListener(e -> new CommentsForm(p, null).show()); if(p.attachments.size() > 0) { String key = p.attachments.keySet().iterator().next(); return BoxLayout.encloseY(titleArea, body, createMediaComponent(p.attachments.get(key), key), createPostStats(p), buttonBar); } return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } NewsfeedContainer
  • 13. like.setUIID("CleanButton"); Button comment = new Button("Comment", "CleanButton"); Button share = new Button("Share", "CleanButton"); FontImage.setMaterialIcon(like, FontImage.MATERIAL_THUMB_UP); FontImage.setMaterialIcon(comment, FontImage.MATERIAL_COMMENT); FontImage.setMaterialIcon(share, FontImage.MATERIAL_SHARE); Container buttonBar = GridLayout.encloseIn(3, like, comment, share); buttonBar.setUIID("HalfPaddedContainer"); like.setSelected(p.likes.contains(u)); like.addActionListener(e -> ServerAPI.like(p)); comment.addActionListener(e -> new CommentsForm(p, null).show()); if(p.attachments.size() > 0) { String key = p.attachments.keySet().iterator().next(); return BoxLayout.encloseY(titleArea, body, createMediaComponent(p.attachments.get(key), key), createPostStats(p), buttonBar); } return BoxLayout.encloseY( titleArea, body, createPostStats(p), buttonBar); } NewsfeedContainer
  • 14. return titleArea; } public static Container createNewsItem(User u, Post p) { Container titleArea = createNewsTitle(u, p); Component body; String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { ((SpanLabel)body).setTextUIID("PostStyleText"); NewsfeedContainer
  • 15. String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { ((SpanLabel)body).setTextUIID("PostStyleText"); body.setUIID(style); } else { body.setUIID("HalfPaddedContainer"); } } CheckBox like = CheckBox.createToggle("Like"); NewsfeedContainer
  • 16. String style = null; if(p.styling.get() != null && !p.styling.get().equals("Label")) { style = p.styling.get(); } if(p.content.get().indexOf('<') > -1) { if(style != null) { body = new RichTextView(p.content.get(), "PostStyleText"); ((RichTextView)body).setAlignment(CENTER); body.setUIID(style); } else { body = new RichTextView(p.content.get()); body.setUIID("HalfPaddedContainer"); } } else { body = new SpanLabel(p.content.get()); if(style != null) { ((SpanLabel)body).setTextUIID("PostStyleText"); body.setUIID(style); } else { body.setUIID("HalfPaddedContainer"); } } CheckBox like = CheckBox.createToggle("Like"); NewsfeedContainer
  • 17. public class RichTextView extends Container { private String text; private float fontSize = 2.6f; private EventDispatcher listeners = new EventDispatcher(); private Font currentFont; private int currentColor = 0; private String currentLink; private Style lastCmp; private Font defaultFont; private Font boldFont; private Font italicFont; private int sizeOfSpace; public RichTextView() { init(null); } public RichTextView(String text, String uiid) { init(uiid); setText(text); RichTextView
  • 18. private Font boldFont; private Font italicFont; private int sizeOfSpace; public RichTextView() { init(null); } public RichTextView(String text, String uiid) { init(uiid); setText(text); } public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); RichTextView
  • 19. private Font boldFont; private Font italicFont; private int sizeOfSpace; public RichTextView() { init(null); } public RichTextView(String text, String uiid) { init(uiid); setText(text); } public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); RichTextView
  • 20. public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); } else { Style s = UIManager.getInstance().getComponentStyle(uiid); defaultFont = s.getFont(); boldFont = boldFont.derive(defaultFont.getHeight(), Font.STYLE_BOLD); italicFont = italicFont.derive(defaultFont.getHeight(), Font.STYLE_ITALIC); } sizeOfSpace = defaultFont.charWidth(' '); currentFont = defaultFont; } RichTextView
  • 21. public RichTextView(String text) { init(null); setText(text); } private void init(String uiid) { boldFont = Font.createTrueTypeFont(NATIVE_MAIN_BOLD, fontSize); italicFont = Font.createTrueTypeFont(NATIVE_ITALIC_LIGHT, fontSize); if(uiid == null) { defaultFont = Font.createTrueTypeFont(NATIVE_MAIN_LIGHT, fontSize); } else { Style s = UIManager.getInstance().getComponentStyle(uiid); defaultFont = s.getFont(); boldFont = boldFont.derive(defaultFont.getHeight(), Font.STYLE_BOLD); italicFont = italicFont.derive(defaultFont.getHeight(), Font.STYLE_ITALIC); } sizeOfSpace = defaultFont.charWidth(' '); currentFont = defaultFont; } RichTextView