SlideShare a Scribd company logo
This work is licensed under the Apache 2.0 License
Welcome back
This work is licensed under the Apache 2.0 License
 Quick Recap -Instagram Layout app
 Guest
 Something about android
 Multiple activity app ( Challenge )
 Q&A
Day 4 Agenda
This work is licensed under the Apache 2.0 License
Post Attribute
Id
authorImage
postImage
likeCount
authorName
caption
This work is licensed under the Apache 2.0 License
Story Attribute
Id
storyImage
authorName
This work is licensed under the Apache 2.0 License
Post analysis 1.4
Column{
Row{
Image()
Text()
Image()
}
Image()
Row{
Image()
Image()
Image()
Image()
}
}
This work is licensed under the Apache 2.0 License
Post analysis 1.4
Column{
Image()
Text()
}
This work is licensed under the Apache 2.0 License
SingleStory
Post Class
SinglePost
InstagramFeed
PostDesign
StoryDesign
Story
Class
InstagramStroy
This work is licensed under the Apache 2.0 License
Let’s clone it
This work is licensed under the Apache 2.0 License
Now it’s for our Guest
😉
This work is licensed under the Apache 2.0 License
What is Activity?🙄
This work is licensed under the Apache 2.0 License
What is Activity Life Cycle?🙄
This work is licensed under the Apache 2.0 License
Student Life
Cycle
Born
School
GHRCEM
Dead
Placement
This work is licensed under the Apache 2.0 License
Activity Life
Cycle
This work is licensed under the Apache 2.0 License
Intent
?
This work is licensed under the Apache 2.0 License
This work is licensed under the Apache 2.0 License
val intent = Intent (currentContext ,
Destination::class.java)
context.startActivity(intent)
Intent
This work is licensed under the Apache 2.0 License
Multi Activity App
(AdiBas)
FirstActivit
y
SecondActivit
y
FinalActivity
This work is licensed under the Apache 2.0 License
?
Product Attribute
This work is licensed under the Apache 2.0 License
Product
Attribute
data class Product(
val id: Int,
val productImage: Int,
val productPrice: Int,
val productName:
String
)
Id
productImage
productPrice
productName
This work is licensed under the Apache 2.0 License
Structu
re
?
This work is licensed under the Apache 2.0 License
Structu
re
Product
LazyVerticleG
rid
SingleProduct
Design
ProductDesig
n
This work is licensed under the Apache 2.0 License
Intent
Number of Intent ?
This work is licensed under the Apache 2.0 License
Multi Activity App
(AdiBas)
FirstActivit
y
SecondActivit
y
FinalActivity
This work is licensed under the Apache 2.0 License
Let’s clone it
This work is licensed under the Apache 2.0 License
THANK YOU
for participating Compose Camp Day 4
#LetsCrackCompose

More Related Content

PPTX
Android Study Jams - Session 3
PPTX
Android Study Jams Session 4
PPTX
Compose camp 4.pptx
PPTX
Android Study Jams - Session 2
PPTX
session3.pptx
PPTX
session3.pptx
PPTX
Unit 5 Activity and Activity Life Cycle.pptx
PPTX
Android study jams session 3
Android Study Jams - Session 3
Android Study Jams Session 4
Compose camp 4.pptx
Android Study Jams - Session 2
session3.pptx
session3.pptx
Unit 5 Activity and Activity Life Cycle.pptx
Android study jams session 3

Recently uploaded (20)

PPTX
Moral Theology (PREhhhhhhhhhhhhhhhhhhhhhLIMS) (1).pptx
PDF
Dongguan Sunnew ESS Profile for the year of 2023
PPT
Introduction to Hybrid Electric Vehicles
PDF
Articulated Dump Truck John Deere 370E 410E 460E Technical Manual.pdf
PPTX
IOT-UNIT 3.pptxaaaasasasasasasaasasasasas
PPTX
45-Days-of-Engineering-Excellence-132-kV-Grid-Substation-Training.pptx
PDF
Cylinder head Volvo EC55 Service Repair Manual.pdf
PDF
6. Chapter Twenty_Managing Mass Communications Advertising Sales Promotions E...
PPTX
Engineering equation silver Presentation.pptx
PPTX
Money and credit.pptx from economice class IX
PDF
GMPL auto injector molding toollllllllllllllll
PPTX
Quarter-1-Lesson-5-sdf wgwefwgwefgwgwgwewgwewgwewwedgfwrwtudents-copy.pptx
PDF
System Diagrams John Deere 370E 410E 460E Repair Manual.pdf
PDF
Diagnostic Trouble Codes John Deere 370E 410E 460E Technical Manual.pdf
PDF
Volvo EC55 Compact Excavator Service Repair Manual Instant Download.pdf
PPTX
Training Material_Verification Station.pptx
PPTX
Independence_Day_Patriotic theme (1).pptx
PDF
eti_09_TestPrecedurebdciwbwib wdjkcwnowe wdnwdw
PDF
John Deere 410E service Repair Manual.pdf
PDF
Compact Excavator Volvo EC55 Service Repair Manual.pdf
Moral Theology (PREhhhhhhhhhhhhhhhhhhhhhLIMS) (1).pptx
Dongguan Sunnew ESS Profile for the year of 2023
Introduction to Hybrid Electric Vehicles
Articulated Dump Truck John Deere 370E 410E 460E Technical Manual.pdf
IOT-UNIT 3.pptxaaaasasasasasasaasasasasas
45-Days-of-Engineering-Excellence-132-kV-Grid-Substation-Training.pptx
Cylinder head Volvo EC55 Service Repair Manual.pdf
6. Chapter Twenty_Managing Mass Communications Advertising Sales Promotions E...
Engineering equation silver Presentation.pptx
Money and credit.pptx from economice class IX
GMPL auto injector molding toollllllllllllllll
Quarter-1-Lesson-5-sdf wgwefwgwefgwgwgwewgwewgwewwedgfwrwtudents-copy.pptx
System Diagrams John Deere 370E 410E 460E Repair Manual.pdf
Diagnostic Trouble Codes John Deere 370E 410E 460E Technical Manual.pdf
Volvo EC55 Compact Excavator Service Repair Manual Instant Download.pdf
Training Material_Verification Station.pptx
Independence_Day_Patriotic theme (1).pptx
eti_09_TestPrecedurebdciwbwib wdjkcwnowe wdnwdw
John Deere 410E service Repair Manual.pdf
Compact Excavator Volvo EC55 Service Repair Manual.pdf

session4.pptx

  • 1. This work is licensed under the Apache 2.0 License Welcome back
  • 2. This work is licensed under the Apache 2.0 License  Quick Recap -Instagram Layout app  Guest  Something about android  Multiple activity app ( Challenge )  Q&A Day 4 Agenda
  • 3. This work is licensed under the Apache 2.0 License Post Attribute Id authorImage postImage likeCount authorName caption
  • 4. This work is licensed under the Apache 2.0 License Story Attribute Id storyImage authorName
  • 5. This work is licensed under the Apache 2.0 License Post analysis 1.4 Column{ Row{ Image() Text() Image() } Image() Row{ Image() Image() Image() Image() } }
  • 6. This work is licensed under the Apache 2.0 License Post analysis 1.4 Column{ Image() Text() }
  • 7. This work is licensed under the Apache 2.0 License SingleStory Post Class SinglePost InstagramFeed PostDesign StoryDesign Story Class InstagramStroy
  • 8. This work is licensed under the Apache 2.0 License Let’s clone it
  • 9. This work is licensed under the Apache 2.0 License Now it’s for our Guest 😉
  • 10. This work is licensed under the Apache 2.0 License What is Activity?🙄
  • 11. This work is licensed under the Apache 2.0 License What is Activity Life Cycle?🙄
  • 12. This work is licensed under the Apache 2.0 License Student Life Cycle Born School GHRCEM Dead Placement
  • 13. This work is licensed under the Apache 2.0 License Activity Life Cycle
  • 14. This work is licensed under the Apache 2.0 License Intent ?
  • 15. This work is licensed under the Apache 2.0 License
  • 16. This work is licensed under the Apache 2.0 License val intent = Intent (currentContext , Destination::class.java) context.startActivity(intent) Intent
  • 17. This work is licensed under the Apache 2.0 License Multi Activity App (AdiBas) FirstActivit y SecondActivit y FinalActivity
  • 18. This work is licensed under the Apache 2.0 License ? Product Attribute
  • 19. This work is licensed under the Apache 2.0 License Product Attribute data class Product( val id: Int, val productImage: Int, val productPrice: Int, val productName: String ) Id productImage productPrice productName
  • 20. This work is licensed under the Apache 2.0 License Structu re ?
  • 21. This work is licensed under the Apache 2.0 License Structu re Product LazyVerticleG rid SingleProduct Design ProductDesig n
  • 22. This work is licensed under the Apache 2.0 License Intent Number of Intent ?
  • 23. This work is licensed under the Apache 2.0 License Multi Activity App (AdiBas) FirstActivit y SecondActivit y FinalActivity
  • 24. This work is licensed under the Apache 2.0 License Let’s clone it
  • 25. This work is licensed under the Apache 2.0 License THANK YOU for participating Compose Camp Day 4 #LetsCrackCompose

Editor's Notes

  • #2: Does anyone have questions since the last session?
  • #3: 15.10.2022
  • #4: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #5: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #6: Now when we refresh we see “Howdy Meghan” displayed in the Design tab. The Design tab is a great way to quickly see how your UI changes but it is not a replacement for testing your app on an emulator or physical device.
  • #7: Now when we refresh we see “Howdy Meghan” displayed in the Design tab. The Design tab is a great way to quickly see how your UI changes but it is not a replacement for testing your app on an emulator or physical device.
  • #8: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #9: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #10: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #11: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #12: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #13: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #14: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #15: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #16: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #17: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #18: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #19: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #20: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #21: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #22: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #23: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #24: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #25: My name isn’t Android and I’m guessing yours isn’t either so let’s learn how to update the name passed into the Greeting() function. The DefaultPreview() is where you set what shows up in the Design tab. The FirstComposeProjectTheme sets the styling for the app. See that the Greeting() function is being called and “Android” is passed in.
  • #26: 15.10.2022