Constraint Layout Beginner Example

High quality programming courses: codingwithmitch.com/courses
In this video I show you how to use constraint layouts for complete beginners.
Constraint layouts are the answer to many of the problems with linear layouts and relative layouts. It takes a bit of getting used to, but it's definitely a few steps above linear layouts and relative layouts.
Constraint layouts are responsive. Which means they adapt and change relative to different screen orientations and sizes.
Instagram: / codingwithmitch
code: gist.github.com/mitchtabian/6...

[@ubernihilist457]

Brilliant video thumbnail. That is the funniest one I've seen on a coding channel. You're killing it!

[@lalit.1]

When I started learning android studio 2-3 years ago, I always loved this layout and every app, every layout I created with it, now it's far more advanced with ConstraintSet Transition and MotionLayout. Now, as one of my friends wants to learn it, I'm gonna suggest him this video because it look fine. Thank you for this, I'm sure he's gonna love it.

[@Pesions]

Honestly, I was humbling around google and youtube for a couple of hours on how to include the buttons and texts within the layout properly, and luckily I found you :) man, I'm going to hit the red button :) keep on doing the good work

[@markb5411]

Putting the constraint in a scrollview is a lifesaver. Thanks for another great video!

[@codingwithmitch]

Safe and effective

[@MAAMM96]

@@codingwithmitch didn't know this and was struggling when rotating. Solved the problem, thanks mitch!

[@GameAssetsGarden]

I'm new to Android development and this video was a huge help. Thank you so much for putting this tutorial together!

[@thekochava]

Thank you! You are so clear and just correct pace to follow!

[@alvaroisea2259]

very helpful video as usual man, thanks a lot for the tutorials, definitely worth checking them out.

[@fliamachado]

Hey Mitch! perfect video! Just what I need! I was struggling with Constraint Layout for a couple of hours.

[@jonothen2212]

i fee you fren i was bout the same haha

[@RobinJesba]

Good Explanation. Thanks, Mitch.

[@manishpaul26]

Thanks Mitch! Really cool tutorial for someone who doesn't understand anything about layouts.

[@schrodingerscat3912]

thank you sensei. I appreciate your sharing this work. best channel on Android development

[@skittleapp5949]

Great tutorial with an outstanding presentation, thank you Mitch all the very best

[@douglasirungu1265]

hey mitch i have being using other layouts bt of late am using constrain...i appreciate your work , am your number one follower.mad respect from Africa, Kenya

[@codingwithmitch]

Constraint seems like the way to go these days

[@ClintonSiegel]

Helpful, great insight into your knowledge attainment and practical application. Thank you!

[@numanali4259]

that bias thing is really cool

[@HabeshaDeveloper]

really helpful man... i'm from Ethiopia and i love your videos mitch

[@aichaouadah4829]

cant wait to see more thanks a lot u really helped me !

[@salvadorc94]

Nice video!, I couldn't understand constraint layout quite right until now! :D

[@foivosstamopoulos4106]

Very nice tutorial and explanation ! Thank you!

[@samha1513]

This was actually pretty good. I learned some new things 😁

[@ViralJoshiVirus]

Havent used Constraints layout before. Everytime forcing myself to go with relative but now it looks like I have to use it. Its really easy.

[@codingwithmitch]

Ya just check out that article I mentioned in the video. It's surprisingly simple and very useful.

[@anthonycraddock4782]

Another great video Mitch!! Greetings from Australia!! I've been learning Kotlin for the last few months and I'm really enjoying your videos. Regarding layouts though, I would love to know how to code dynamic layouts which completely change when the user flips screen orientation. So for example, 2 views stacked and constrained vertically in portrait view become 2 views stacked and constrained horizontally in landscape view.

[@savin1999]

Now I think you can say that you are a KZbinr with no haters!!

[@gabriel_export]

I was pretty skeptical about constraint layout because it was kind of difficult to learn. But once you get it, it is super easy to use and works perfectly every time. My only gripe with it is that it's really hard to test and to build parts of UI programmatically. I'm hoping they improve on that in the future.

[@Jeff-Vader_head_of_catering]

Great video!

[@KIRILLINGUSS21]

Daaaamn ! You're awesome bro

[@dulakshanwije]

Thank you Mitch 👍

[@easytastybydounia4930]

thank you so much, for the amzing tutorial on ConstraintLayout 👍

[@best_books_bot]

Thank you Mitch!

[@rman.sh91]

please Continue this stuff i like it👍

[@asagiai4965]

Nice video about constraint layout

[@venkatavanapalli8898]

very clear explanation

[@zacchan265]

very useful content, thanks

[@riteshkumartiwari153]

Thanks for this video

[@JeepDude]

I'm just learning, and I wanted to see this layout in action. Thanks for the show

[@ashilvass]

you nailed it

[@aichaouadah4829]

thank you for the amzing tuto and the explanation ! :D

[@ahmadseptem2108]

thank you Mitch

[@shanusharma3722]

You are my teacher sir..

[@susanl.fensore1314]

Thank you!!

[@RahulPandeyrkp]

Awesome stuff! How often do you use the design tab when making layouts?

[@codingwithmitch]

Almost never. Prob 99% I write the xml

[@TanayOjha250889]

Nice explanation

[@pulasthinarada6381]

Thank You Sir.

[@axelasa277]

thanks mate been looking for this for months, do you have a course for pure kotlin beginners like I'm just surviving with the sources that I keep getting here but somehow I want to learn from here you are easy to understand.

[@danielgithiomi7506]

Hi Mitch. I was curious about your courses. If I wanted to make an app from a tablet/phone that sends input into a small server and then displays the same on another screen wireless-ly, what would you recommend?

[@thekochava]

It's very interesting for me, I also want to learn how to change layout programmatically ( events-driven). Smth drag n' drop style

[@sanketvaidya2473]

Is KZbin selling you my data 😂😂 bcoz I was searching for some good videos on constraints layout and thanks for video man👍

[@codingwithmitch]

Luck of the draw I guess 😘

[@astaghfirullahalzimastaghf3648]

Good introduction

[@danielyamta8074]

Thank you ❤

[@rahhi9792]

Good video sir, thank you. please make a video on motion layout.

[@Rohityoyo1997]

I can do the same with the combination of relative and linear layout, but the concept of constraint layout is good.

[@pratyakshyt]

Thanks!

[@ellyjessy5044]

great video

[@lilianpuzo225]

Great video!!!. Do you have a video about custom views?

[@priyamvashi2187]

i love this thumbnail !

[@b.k4142]

Happy to see you back in android java! all time grat job!!

[@codingwithmitch]

That was not java. That was XML 🙃

[@b.k4142]

@@codingwithmitch that exact i was thinking about android !! in fact i watched juste 50% video! i was busy with others stuff!! have fun

[@haroonahmad4483]

Amazing tutorial. Do we need to create different apks for different mobile resolutions or we just use one for all type of mobiles??

[@assassinhitman]

How would you have a text view which scrolls but the buttons at the bottom do not and stay in their place in a constraint layout.

[@amanaggarwal5884]

Thanks Mitch, Its an awsome tutorial mitch but can we change the Text size according to screen size????? I have made an app and in the Toolbar i have mentioned the App name the text comes in the next line in the small screen device while it is perfect for the 6 inch Device. i havnt used constraint layouts i have used only linear and relative layouts only

[@lebanoncedarslebanoncedars8894]

God bless you, thank you so much.

[@codingwithmitch]

No problem

[@khaldounal-nuaimi3594]

I would really love to have an entire structured android development course from you. I am an iOS developer and I have been through your videos and they have intrigued me to try Android development!

[@codingwithmitch]

Start here my friend. It's free codingwithmitch.com/courses/sqlite-room-persistence-android/

[@nishaoberoi230]

Thanks brother

[@haroonahmad4483]

I design an ui with constraint layout according to default setting (pixel) and when i run it on nexus 5 its totally changed. Do i need to create a different apk for nexus 5??

[@MrAkshay7988]

please do more videos on Constraint Layout

[@shankarmedhi8074]

hey mitch what is that zigzag lines called which is blue in colour timestam 3.26

[@williamviolette4555]

so should you ideally not be using margin dp at all for a responsive layout?

[@SatyamRaikwar262238]

Nice 1

[@lumennganje2721]

Thanks so much but I didn't follow up cause I couldn't see what you were doing on the AVD.

[@visibleuser8973]

thnx bro

[@princembuko8620]

This is pretty cool. But what about making the constraint layout look similar in different screen, either big, small, wide or slim screen? This always my problem with a constraint layout. I want a solution or solutions.

[@b.k4142]

Hi there can any one answer to my question about intent when we use component field in the intent, i need some concrete example SETTING THE COMPONENT IN INTENT Intent newInt = Intent( Context packageContext, Class cls); Intent newlnt = new Intent() setComponent(), setClass(), setClassName() Thanks

[@imrye]

@15:00 This works to one of my layout file but the other don't. I added fillViewport=true and first child of constraintlayout vertical_chainStyle spread but nothing happened.

[@gabriel_export]

Hey Mitch, I'm not a beginner to Android but I haven't done anything with MVVM, Retrofit2, or Dagger. Do you think I should complete the beginner courses before doing your new course or will you be rehashing some of that in the new course?

[@codingwithmitch]

You can skip SQLite for Beginners 2019, then just follow the android learning path on the home page.

[@GrifinsBrother]

Nice video! Could you make animation or creating custom view course in the future?

[@codingwithmitch]

Animations are pretty simple. I'll prob do some basic videos on that. What do you mean by "custom view"?

[@GrifinsBrother]

CodingWithMitch Creating own custom view. As for me it’s very difficult theme.

[@franciscocv1995]

Yeah was gonna like it but started going around the whole thing. I like straight to the point had to wait over a min to get started. Just needed examples how's its used adjusted and format.

[@fliamachado]

Question, every view need to know who is below or up, and the other view also need to know who is up or down? like username and password ? Best Regards

[@NickProkhorenko]

How i can set distance on constraint? layoutParams.startToStart = button.getId(); And what next? I want to set width or height with constaints.

[@tuandieu4523]

Can you make a tutorial about kotlin with Retrofit and GSon? Btw, this channel is awsome!!

[@codingwithmitch]

Yes. In my upcoming course that I mention at the end of this video I'll be doing exactly that.

[@meshackkapsoiyo390]

Good work link for codes

[@MuhammadTahir1]

Excellent video brother.... I just wanna know that this method works on smaller or extra large screens or not....? Because i always use linear weight attribute to scale the bigger screen sizes.... And i wanna do the same thing through constraint layout and I hope u will make a V2 of Constraint Layout.... soon..

[@codingwithmitch]

It works for all screen sizes

[@MuhammadTahir1]

@@codingwithmitch thanks for replying back....let me check........

[@sayidaliahmedelmi7988]

nice t-shirt mitch

[@codingwithmitch]

😎

[@ZtowhyA]

a big help says the one who hates designing.

[@jonothen2212]

do u have twitter ser?

[@thekochava]

Link to docs from video developer.android.com/training/constraint-layout

[@gabormiklay9209]

the XML changed because of the the switch to kotlin.

[@codinginflow]

You are a late bloomer eh

[@codingwithmitch]

Just stopped wetting the bed too

[@avinashdas1013]

Coding in Flow I follow both of you guys. You both are awesome. I am a late bloomer lol. Shame on me. Nah never mind I have learnt other things without learning the technical verticals at first.

[@oneonenice6119]

hello sir! : ))

[@codingwithmitch]

Hello

[@mysticbigmac8782]

Honestly you should do the tried and true way of tutorial, start building the layout from scratch, build it gradually from nothing so the user can actually learn. Not have some existing stuff, copy this cut that.

[@NiteshSingh-bv9lu]

hello thank you for share the knowledge . hello sir give me free api for movie Hollywood

[@MSaga-ge7yw]

lol i wasted 21 mins to see what i actually knw

[@leonardosibela]

Stop everything you're doing and talk about Coil, please. Thank you very much

[@codingwithmitch]

I will in my next course or I'll make videos

[@CanalRenaultClio]

I just think ConstrainLayout a completely waste of my time

[@nishaoberoi230]

Thanks brother

[@codingwithmitch]

No problem pal