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

[@riggaroo]

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

[@trocchiettoski]

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

[@BabaSaiBatte]

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

[@LiranBarsisa]

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.

[@divinedube5725]

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!

[@sayedaliyahyaazhar4218]

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

[@kd_dev1192]

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.

[@ramanrajagopal]

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

[@AlaminBhuian]

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

[@AhamBramhasmi01]

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.

[@MrTASouza]

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.

[@lovkeshsinghkhalsa]

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

[@haysarodrigues6836]

Thanks Rebecca! Hope you do it more times!

[@lucianogreg1248]

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]

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 !

[@CyrusTheGreatKing]

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!

[@prasuguna]

Excellent one Rebeccas Thanks a bunch!!

[@easycodes7131]

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

[@GerardPaligot]

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]

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.

[@jxsl13]

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.

[@khalidtemsamani1453]

Just a WOW tutorial n explanations THANK YOU !!

[@felipefranco7444]

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.

[@xmad9781]

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 ?

[@TRK21]

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

[@christophernwezza1271]

This is really cool and great. Nice one

[@mayurpadia332]

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.

[@viridian4388]

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

[@randominternet9338]

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

[@hennasingh04]

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 :)

[@madhawapriyashantha3722]

very clear explanation thanks

[@davidbrunet2345]

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 !

[@safalbhattarai3861]

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

[@sid.h]

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 KZbin in high res compression won't ruin it as much. Thank you for your effort!

[@sid.h]

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]

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

[@ahteramkhattak2243]

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

[@mahdib9361]

Amazing Video thanks

[@salimujtabas]

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

[@nagabhushansb7350]

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

[@mahdib9361]

Please Upload More Video in KZbin

[@master-x7283]

Thanks! It was very helpful.

[@mmddyyyy-his]

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

[@bjugdbjk]

Thank you so much ..quite informative.

[@nicolassuarez144]

State of the art Design Tutorial!

[@terjemah_alquran]

thank you so much Rebecca

[@parulson6274]

Thank you rebecca !

[@CanalDoAP-k6e]

Very nice! Thanks

[@pial2461]

thanks a lot. learnt a lot

[@codingvalley9905]

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

[@jamilxt]

Thank you, Madam. :)

[@seabeckstarlite]

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

[@Dokkaebi85]

You Are Amazing!!!

[@TheCsabi86]

Thanks for the video!

[@Panerakis]

Really helpful thanks a lot !

[@varghesedaison3435]

Thankyou

[@rashiks2hr]

very good, thank u

[@asifadam93]

Super tuto, Thanks !

[@witoldsienski1709]

Huge good example :)

[@ליאורגולן-ה5ב]

you so sweet , helped me a lot

[@johnalejandrogarciaarias9756]

Excelent video! Thx!

[@mohammadsabziyan3202]

perfect

[@mariofilmario3901]

Thanks for the video!