Android - Building a layout from Scratch using ConstraintLayout - and Q&A

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ต.ค. 2024

ความคิดเห็น • 65

  • @riggaroo
    @riggaroo  2 ปีที่แล้ว +2

    Please use this link to access the resources for this workshop - the other link expired drive.google.com/drive/folders/0B7jzFAPAscSMdURzMHNHZ3NtSjQ?resourcekey=0-hm0rViMZOkZXNO8L9Ky8Kg

  • @BabaSaiBatte
    @BabaSaiBatte 6 ปีที่แล้ว +7

    Learned exactly what I needed about constraint layout. Thanks for the video!

  • @trocchiettoski
    @trocchiettoski 6 ปีที่แล้ว +1

    Rebecca this build from scratch approach helped me a lot, thanks

  • @divinedube5725
    @divinedube5725 7 ปีที่แล้ว +1

    hello Riggaroo and fellow coders!!! UJ student in the house!!!!, cant wait to see whats bakin today in the android house (thinking... oreos..) super excited, cant wait!

  • @kd_dev1192
    @kd_dev1192 6 ปีที่แล้ว +1

    Thank you for taking your time and making this video. It was really helpful. I would love it if you make videos like this more often. Tnx again.

  • @MrTASouza
    @MrTASouza 7 ปีที่แล้ว +1

    Thanks for the video, really helped discover some really nice ways to work with constraint layout.
    Just a suggestion: you should put all links you've show in the video in the description.

  • @ramanrajagopal
    @ramanrajagopal 7 ปีที่แล้ว

    Thanks for deciding to do one. Cleared lot of my doubts.

  • @AlaminBhuian
    @AlaminBhuian 6 ปีที่แล้ว

    Thank you very much. Your contents are very rich and helped me to understand android layouts.

  • @sayedaliyahyaazhar4218
    @sayedaliyahyaazhar4218 4 ปีที่แล้ว

    Well done Rebecca!!!! keep up the great contents....

  • @AhamBramhasmi01
    @AhamBramhasmi01 6 ปีที่แล้ว

    the very best explanation on constraintlayout I have ever seen your demo app is also simply superb thank you very very much for the great explanation. I still have some questions on constraint layout can you please make another video with much more complicated layout so that we can have better understanding.

  • @khalidtemsamani1453
    @khalidtemsamani1453 5 ปีที่แล้ว +1

    Just a WOW tutorial n explanations THANK YOU !!

  • @GerardPaligot
    @GerardPaligot 7 ปีที่แล้ว +3

    I'm happy there is a replay, because I couldn't be present at the live. I have questions for you:
    1. Your example is interesting but it is easy to put all this screen in a ScrollView? The editor is enough smart to not disturbing you when you design your screen?
    2. What's your opinion about ConstraintLayout in items of a RecyclerView?
    Thanks in advance. Waiting your next live.

    • @riggaroo
      @riggaroo  7 ปีที่แล้ว +5

      Gérard Paligot yes it would require a scrollview to properly work on all screens, it's a shame I didn't get to that point 😊 time ran away with me..
      ConstraintLayout items in a recycler view is totally fine 👍 have done it and works well.

  • @mahdib9361
    @mahdib9361 3 ปีที่แล้ว

    Amazing Video
    thanks

  • @madhawapriyashantha3722
    @madhawapriyashantha3722 4 ปีที่แล้ว

    very clear explanation thanks

  • @haysarodrigues6836
    @haysarodrigues6836 6 ปีที่แล้ว

    Thanks Rebecca! Hope you do it more times!

  • @prasuguna
    @prasuguna 6 ปีที่แล้ว

    Excellent one Rebeccas Thanks a bunch!!

  • @CanalDoAnPhilos
    @CanalDoAnPhilos 3 ปีที่แล้ว

    Very nice! Thanks

  • @davidbrunet2345
    @davidbrunet2345 5 ปีที่แล้ว +2

    Tried to do the basic tutorial at codelabs.developers.google.com, but it lacks a lot of information about details.
    This is absolutely perfect. Love the way you explain everything, and the tips here and there. Thank you !

  • @master-x7283
    @master-x7283 4 ปีที่แล้ว

    Thanks! It was very helpful.

  • @christophernwezza1271
    @christophernwezza1271 4 ปีที่แล้ว

    This is really cool and great. Nice one

  • @terjemah_alquran
    @terjemah_alquran 4 ปีที่แล้ว

    thank you so much Rebecca

  • @parulson6274
    @parulson6274 5 ปีที่แล้ว +1

    Thank you rebecca !

  • @pial2461
    @pial2461 4 ปีที่แล้ว

    thanks a lot. learnt a lot

  • @salimujtabas
    @salimujtabas 6 ปีที่แล้ว

    great stuff. helping me a lot. thank u very much.

  • @lovekeshsinghkhalsa4251
    @lovekeshsinghkhalsa4251 5 ปีที่แล้ว

    Will you please tell me the exact ratio of header and poster images like you say in tutorial 16*9, 2*2 which mean like pixel, inches, dp or else

  • @CyrusTheGreatKing
    @CyrusTheGreatKing 6 ปีที่แล้ว

    Hi, is it possible to make a 3 by 3 layout with constraitLayout? I'm a beginner and want to creat a tic tac toe board, I kinda know how to make it with relativaLayout and linierLayout inside it!

  • @sid.h
    @sid.h 7 ปีที่แล้ว +5

    Hi!
    I have a small suggestion: could you please upload future videos in a higher resolution, preferably >=2k? It doesn't even matter if the original recording is in 1080p but when you upload it to TH-cam in high res compression won't ruin it as much. Thank you for your effort!

    • @sid.h
      @sid.h 7 ปีที่แล้ว +1

      Also, I think I just listened to an interview with you in Fragmented podcast episode 42. I recognized you because of the little story about your name. Cheers!

    • @riggaroo
      @riggaroo  7 ปีที่แล้ว +2

      Thanks for the suggestion - will try adjust the settings for the next time :)

  • @bjugdbjk
    @bjugdbjk 7 ปีที่แล้ว

    Thank you so much ..quite informative.

  • @lucianogreg1248
    @lucianogreg1248 5 ปีที่แล้ว

    Hi Rebeca, i download your demo, i notice you commented a Nested Scroll .So if you need to scroll vertically all the screen not work . I try to put instead below theparent constraint Layout a ScrollView and inside a new constranit layout with all the elements. Thats work fine and i can now scrool all the layout, but the problem animation breaks, when i click the image can not interact with the animation. So ithink Constraint work ok but if you need to add scrool problems begins. and all the potencial of animation cant be used with scroll. You notice that ?

    • @lucianogreg1248
      @lucianogreg1248 5 ปีที่แล้ว

      Finally I found a solution, I make a wrapper layout that have a scrollView as parent and include inside the origin constraint layout of your animation (with the include directive). Then in the code the only change i have to make is to set the contentView as my wrapper layout. Now it works, it scrolls all screen and animation also run ok , because the ConstraintSet still read your originals layouts. Hope it helps ! greetings from Argentina !

  • @xmad9781
    @xmad9781 6 ปีที่แล้ว

    Thanks for your tutorial... its really heplful.
    i have a question:
    your build has a little diffrent from your planed design. i can see there is no title bar on the top. but your live build was showing that (the app name). i tried many times to remove it by change the theme but its always show the title bar or an empty white space on the top. how can i do that ?

  • @jxsl13
    @jxsl13 6 ปีที่แล้ว +1

    thanks for the nice video! would love to see more content :). Also I have got a question about how to use the constraint layout with the adjustResize windowSoftInputMode. I first used the linear layout and it worked properly, but due to the power of the constrained layout I wanted to switch to it, but kind of fail to implement the feature where the layout adapts to the smaller screen size due to the visible keyboard.

  • @Dokkaebi85
    @Dokkaebi85 3 ปีที่แล้ว

    You Are Amazing!!!

  • @LiranBarsisa
    @LiranBarsisa 7 ปีที่แล้ว +1

    Some comments:
    1. 25:18 This is an annoying bug. Wrote about it here:
    issuetracker.google.com/issues/70118726
    2. 28:57 Another issue. reported here:
    issuetracker.google.com/issues/70118782
    3. 43:36 You aren't supposed to set capital letters to the text of the button. The button already does it for you.

  • @easycodes7131
    @easycodes7131 5 ปีที่แล้ว

    So when applying ratio that's how the image will look on all screen sizes?

  • @TheCsabi86
    @TheCsabi86 7 ปีที่แล้ว +1

    Thanks for the video!

  • @asifadam93
    @asifadam93 6 ปีที่แล้ว

    Super tuto, Thanks !

  • @nagabhushansb7350
    @nagabhushansb7350 6 ปีที่แล้ว

    Nice intro (in quite depth) of constraint layout! Just one issue the video quality :)

  • @mayurpadia332
    @mayurpadia332 5 ปีที่แล้ว

    Hi, I really liked your video. Thank you so much for uploading it. I have one question, regarding it. I want to layout two two TextView side by side. Horizontally, they will be on the same row. The problem is my TextView1 is overlapping on my TextView2. Please help.

  • @hennasingh04
    @hennasingh04 6 ปีที่แล้ว

    Amazing Tutorial Rebecca, cleared lot of my doubts for constraint layout but i am facing issue using chains, the option is disabled when i try right clicking on the button. would you know why and how can i enable it. Many Thanks :)

  • @rashiks2hr
    @rashiks2hr 5 ปีที่แล้ว

    very good, thank u

  • @Panerakis
    @Panerakis 7 ปีที่แล้ว

    Really helpful thanks a lot !

  • @jamilxt
    @jamilxt 6 ปีที่แล้ว

    Thank you, Madam. :)

  • @felipefranco7444
    @felipefranco7444 6 ปีที่แล้ว

    Hello Rebecca. Can you please upload a video that explains how to do the constraints and that when we change to low and big devices the app will still look the same?. Maybe you can send me a link to this info or a video will be more helpful, please. Also can you please send a link to the code for the constraint animation in java.

  • @johnalejandrogarciaarias9756
    @johnalejandrogarciaarias9756 6 ปีที่แล้ว

    Excelent video! Thx!

  • @ליאורגולן-ה5ב
    @ליאורגולן-ה5ב 3 ปีที่แล้ว

    you so sweet , helped me a lot

  • @TRK21
    @TRK21 6 ปีที่แล้ว

    I am new to Android.....can you make some videos on designs like login,enter pin screens

  • @witoldsienski1709
    @witoldsienski1709 6 ปีที่แล้ว

    Huge good example :)

  • @mohammadsabziyan3202
    @mohammadsabziyan3202 3 ปีที่แล้ว

    perfect

  • @viridian4388
    @viridian4388 5 ปีที่แล้ว

    If anybody is here for the code, project starts at 3:31

  • @seabeckstarlite
    @seabeckstarlite 6 ปีที่แล้ว

    spent all this time watching these videos only to find out you can use them on home screen widgets :( Good Video though

  • @nicolassuarez144
    @nicolassuarez144 5 ปีที่แล้ว +1

    State of the art Design Tutorial!

  • @randominternet9338
    @randominternet9338 7 ปีที่แล้ว

    Some notable timeliness
    14:18
    15:12
    17:45
    22:28
    24:00,24:32
    27:57
    31:31
    34:38
    40:18
    44:06
    1:03:24

  • @mmddyyyy-his
    @mmddyyyy-his 5 ปีที่แล้ว

    It's terrible that Android is just reinventing the wheel, I mean, I could do that in a matter of minutes with HTML and CSS without the help of that view designer, i can just imagining each component positions, I can just using Vim, I am doing several Android UI and it's been a Painful experience

  • @varghesedaison3435
    @varghesedaison3435 6 ปีที่แล้ว

    Thankyou

  • @ahteramkhattak2243
    @ahteramkhattak2243 5 ปีที่แล้ว

    can you please increase the fontsize of the editor in android studio the next time you do a live stream. that would be great.

  • @codingvalley9905
    @codingvalley9905 5 ปีที่แล้ว +3

    Thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks thanks

  • @mahdib9361
    @mahdib9361 3 ปีที่แล้ว

    Please Upload More Video in TH-cam

  • @mariofilmario3901
    @mariofilmario3901 7 ปีที่แล้ว +1

    Thanks for the video!