Constraint Layout Beginner Example

Sdílet
Vložit
  • čas přidán 7. 08. 2019
  • 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...
  • Věda a technologie

Komentáře • 117

  • @lalit.1
    @lalit.1 Před 4 lety +5

    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.

  • @GameAssetsGarden
    @GameAssetsGarden Před 3 lety +1

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

  • @ubernihilist457
    @ubernihilist457 Před 3 lety +1

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

  • @Pesions
    @Pesions Před 3 lety +1

    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

  • @ViralJoshiVirus
    @ViralJoshiVirus Před 5 lety +3

    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
      @codingwithmitch  Před 5 lety +1

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

  • @fliamachado
    @fliamachado Před 4 lety +1

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

    • @jonothen2212
      @jonothen2212 Před 2 lety

      i fee you fren
      i was bout the same haha

  • @douglasirungu1265
    @douglasirungu1265 Před 5 lety +2

    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

  • @markb5411
    @markb5411 Před 5 lety +2

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

    • @codingwithmitch
      @codingwithmitch  Před 5 lety +2

      Safe and effective

    • @MAAMM96
      @MAAMM96 Před 4 lety

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

  • @thekochava
    @thekochava Před 2 lety

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

  • @schrodingerscat3912
    @schrodingerscat3912 Před 5 lety +2

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

  • @alvaroisea2259
    @alvaroisea2259 Před 4 lety

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

  • @gabriel_export
    @gabriel_export Před 5 lety +3

    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.

  • @manishpaul26
    @manishpaul26 Před 4 lety

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

  • @ClintonSiegel
    @ClintonSiegel Před 4 lety

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

  • @skittleapp5949
    @skittleapp5949 Před rokem

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

  • @RobinJesba
    @RobinJesba Před 5 lety +2

    Good Explanation.
    Thanks, Mitch.

  • @RahulPandeyrkp
    @RahulPandeyrkp Před 4 lety +6

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

  • @savin1999
    @savin1999 Před 5 lety +1

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

  • @anthonycraddock4782
    @anthonycraddock4782 Před 5 lety +1

    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.

  • @aichaouadah4829
    @aichaouadah4829 Před 4 lety +2

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

  • @HabeshaDeveloper
    @HabeshaDeveloper Před 5 lety +1

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

  • @numanali4259
    @numanali4259 Před 5 lety +1

    that bias thing is really cool

  • @samha1513
    @samha1513 Před 5 lety +1

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

  • @foivosstamopoulos4106
    @foivosstamopoulos4106 Před 3 lety

    Very nice tutorial and explanation ! Thank you!

  • @salvadorc94
    @salvadorc94 Před 3 lety

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

  • @danielgithiomi7506
    @danielgithiomi7506 Před 4 lety

    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?

  • @rman.sh91
    @rman.sh91 Před 4 lety +1

    please Continue this stuff i like it👍

  • @asagiai4965
    @asagiai4965 Před 4 lety

    Nice video about constraint layout

  • @easytastybydounia4930
    @easytastybydounia4930 Před 3 lety

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

  • @dulakshanwije
    @dulakshanwije Před 3 lety

    Thank you Mitch 👍

  • @JeepDude
    @JeepDude Před 4 lety +1

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

  • @Jeff-Vader_head_of_catering

    Great video!

  • @KIRILLINGUSS21
    @KIRILLINGUSS21 Před 5 lety +1

    Daaaamn ! You're awesome bro

  • @haroonahmad4483
    @haroonahmad4483 Před 3 lety

    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??

  • @assassinhitman
    @assassinhitman Před rokem

    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.

  • @aichaouadah4829
    @aichaouadah4829 Před 4 lety +6

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

  • @shankarmedhi8074
    @shankarmedhi8074 Před 3 lety

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

  • @amanaggarwal5884
    @amanaggarwal5884 Před 3 lety

    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

  • @venkatavanapalli8898
    @venkatavanapalli8898 Před 3 lety

    very clear explanation

  • @axelasa277
    @axelasa277 Před 4 lety

    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.

  • @zacchan265
    @zacchan265 Před 2 lety

    very useful content, thanks

  • @riteshkumartiwari153
    @riteshkumartiwari153 Před 5 lety +2

    Thanks for this video

  • @best_books_bot
    @best_books_bot Před 3 lety

    Thank you Mitch!

  • @sanketvaidya2473
    @sanketvaidya2473 Před 5 lety +22

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

  • @lilianpuzo225
    @lilianpuzo225 Před 4 lety

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

  • @shanusharma3722
    @shanusharma3722 Před 5 lety

    You are my teacher sir..

  • @ashilvass
    @ashilvass Před 5 lety +1

    you nailed it

  • @Rohityoyo1997
    @Rohityoyo1997 Před 4 lety

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

  • @thekochava
    @thekochava Před 2 lety

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

  • @williamviolette4555
    @williamviolette4555 Před 2 lety

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

  • @ahmadseptem2108
    @ahmadseptem2108 Před 3 lety

    thank you Mitch

  • @TanayOjha250889
    @TanayOjha250889 Před 2 lety

    Nice explanation

  • @b.k4142
    @b.k4142 Před 5 lety

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

    • @codingwithmitch
      @codingwithmitch  Před 5 lety +1

      That was not java. That was XML 🙃

    • @b.k4142
      @b.k4142 Před 5 lety +1

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

  • @haroonahmad4483
    @haroonahmad4483 Před 3 lety

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

  • @b.k4142
    @b.k4142 Před 5 lety

    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

  • @elyu_vibes
    @elyu_vibes Před 3 lety

    @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.

  • @rahhi9792
    @rahhi9792 Před 5 lety

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

  • @susanl.fensore1314
    @susanl.fensore1314 Před 2 lety

    Thank you!!

  • @khaldounal-nuaimi3594
    @khaldounal-nuaimi3594 Před 5 lety

    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
      @codingwithmitch  Před 5 lety

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

  • @pulasthinarada6381
    @pulasthinarada6381 Před 3 lety

    Thank You Sir.

  • @princembuko8620
    @princembuko8620 Před 2 lety

    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.

  • @lumennganje2721
    @lumennganje2721 Před 4 lety

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

  • @ellyjessy5044
    @ellyjessy5044 Před 2 lety

    great video

  • @danielyamta8074
    @danielyamta8074 Před měsícem

    Thank you ❤

  • @lebanoncedarslebanoncedars8894

    God bless you, thank you so much.

  • @pratyakshyt
    @pratyakshyt Před 2 lety

    Thanks!

  • @priyamvashi2187
    @priyamvashi2187 Před 4 lety

    i love this thumbnail !

  • @MrAkshay7988
    @MrAkshay7988 Před 5 lety

    please do more videos on Constraint Layout

  • @gabriel_export
    @gabriel_export Před 5 lety

    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
      @codingwithmitch  Před 5 lety

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

  • @franciscocv1995
    @franciscocv1995 Před rokem

    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.

  • @nishaoberoi230
    @nishaoberoi230 Před 4 lety

    Thanks brother

  • @fliamachado
    @fliamachado Před 4 lety

    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

  • @GrifinsBrother
    @GrifinsBrother Před 5 lety +1

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

    • @codingwithmitch
      @codingwithmitch  Před 5 lety

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

    • @GrifinsBrother
      @GrifinsBrother Před 5 lety

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

  • @SatyamRaikwar262238
    @SatyamRaikwar262238 Před 3 lety

    Nice 1

  • @NickProkhorenko
    @NickProkhorenko Před rokem

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

  • @jonothen2212
    @jonothen2212 Před 2 lety

    do u have twitter ser?

  • @visibleuser8973
    @visibleuser8973 Před rokem

    thnx bro

  • @codinginflow
    @codinginflow Před 5 lety +29

    You are a late bloomer eh

    • @codingwithmitch
      @codingwithmitch  Před 5 lety +9

      Just stopped wetting the bed too

    • @avinashdas1013
      @avinashdas1013 Před 3 lety

      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.

  • @meshackkapsoiyo390
    @meshackkapsoiyo390 Před 3 lety

    Good work link for codes

  • @tuandieu4523
    @tuandieu4523 Před 5 lety

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

    • @codingwithmitch
      @codingwithmitch  Před 5 lety

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

  • @MuhammadTahir1
    @MuhammadTahir1 Před 5 lety

    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..

  • @sayidaliahmedelmi7988
    @sayidaliahmedelmi7988 Před 5 lety

    nice t-shirt mitch

  • @oneonenice6119
    @oneonenice6119 Před 5 lety +1

    hello sir! : ))

  • @ZtowhyA
    @ZtowhyA Před 2 lety

    a big help says the one who hates designing.

  • @gabormiklay9209
    @gabormiklay9209 Před 5 lety

    the XML changed because of the the switch to kotlin.

  • @thekochava
    @thekochava Před 2 lety

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

  • @NiteshSingh-bv9lu
    @NiteshSingh-bv9lu Před 5 lety

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

  • @mysticbigmac8782
    @mysticbigmac8782 Před 2 lety

    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.

  • @MSaga-ge7yw
    @MSaga-ge7yw Před 4 lety

    lol i wasted 21 mins to see what i actually knw

  • @leonardosibela
    @leonardosibela Před 5 lety

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

  • @CanalRenaultClio
    @CanalRenaultClio Před 2 lety

    I just think ConstrainLayout a completely waste of my time

  • @nishaoberoi230
    @nishaoberoi230 Před 4 lety +1

    Thanks brother