Constraint Layout Beginner Example

Поделиться
HTML-код
  • Опубликовано: 13 сен 2024
  • High quality programming courses: codingwithmitc...
    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.co...

Комментарии • 117

  • @lalit.1
    @lalit.1 4 года назад +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.

  • @ubernihilist457
    @ubernihilist457 3 года назад +1

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

  • @markb5411
    @markb5411 5 лет назад +2

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

    • @codingwithmitch
      @codingwithmitch  5 лет назад +2

      Safe and effective

    • @MAAMM96
      @MAAMM96 4 года назад

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

  • @Pesions
    @Pesions 3 года назад +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

  • @douglasirungu1265
    @douglasirungu1265 5 лет назад +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

    • @codingwithmitch
      @codingwithmitch  5 лет назад

      Constraint seems like the way to go these days

  • @ViralJoshiVirus
    @ViralJoshiVirus 5 лет назад +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  5 лет назад +1

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

  • @RahulPandeyrkp
    @RahulPandeyrkp 4 года назад +6

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

  • @GameAssetsGarden
    @GameAssetsGarden 3 года назад +1

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

  • @numanali4259
    @numanali4259 5 лет назад +1

    that bias thing is really cool

  • @gabriel_export
    @gabriel_export 5 лет назад +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.

  • @fliamachado
    @fliamachado 4 года назад +1

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

    • @jonothen2212
      @jonothen2212 2 года назад

      i fee you fren
      i was bout the same haha

  • @savin1999
    @savin1999 5 лет назад +1

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

  • @manishpaul26
    @manishpaul26 4 года назад

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

  • @sanketvaidya2473
    @sanketvaidya2473 5 лет назад +22

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

  • @schrodingerscat3912
    @schrodingerscat3912 5 лет назад +2

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

  • @HabeshaDeveloper
    @HabeshaDeveloper 5 лет назад +1

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

  • @RobinJesba
    @RobinJesba 5 лет назад +2

    Good Explanation.
    Thanks, Mitch.

  • @thekochava
    @thekochava 2 года назад

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

  • @aichaouadah4829
    @aichaouadah4829 4 года назад +2

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

  • @salvadorc94
    @salvadorc94 3 года назад

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

  • @skittleapp5949
    @skittleapp5949 Год назад

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

  • @rman.sh91
    @rman.sh91 4 года назад +1

    please Continue this stuff i like it👍

  • @venkatavanapalli8898
    @venkatavanapalli8898 3 года назад

    very clear explanation

  • @anthonycraddock4782
    @anthonycraddock4782 5 лет назад +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.

  • @asagiai4965
    @asagiai4965 4 года назад

    Nice video about constraint layout

  • @Jeff-Vader_head_of_catering
    @Jeff-Vader_head_of_catering 5 лет назад +2

    Great video!

  • @alvaroisea2259
    @alvaroisea2259 4 года назад

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

  • @riteshkumartiwari153
    @riteshkumartiwari153 5 лет назад +2

    Thanks for this video

  • @dulakshanwije
    @dulakshanwije 3 года назад

    Thank you Mitch 👍

  • @samha1513
    @samha1513 5 лет назад +1

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

  • @b.k4142
    @b.k4142 5 лет назад

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

    • @codingwithmitch
      @codingwithmitch  5 лет назад +1

      That was not java. That was XML 🙃

    • @b.k4142
      @b.k4142 5 лет назад +1

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

  • @foivosstamopoulos4106
    @foivosstamopoulos4106 4 года назад

    Very nice tutorial and explanation ! Thank you!

  • @ClintonSiegel
    @ClintonSiegel 4 года назад

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

  • @aichaouadah4829
    @aichaouadah4829 4 года назад +6

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

  • @shanusharma3722
    @shanusharma3722 5 лет назад

    You are my teacher sir..

  • @ashilvass
    @ashilvass 5 лет назад +1

    you nailed it

  • @easytastybydounia4930
    @easytastybydounia4930 3 года назад

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

  • @thekochava
    @thekochava 2 года назад

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

  • @zacchan265
    @zacchan265 3 года назад

    very useful content, thanks

  • @khaldounal-nuaimi3594
    @khaldounal-nuaimi3594 5 лет назад

    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  5 лет назад

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

  • @KIRILLINGUSS21
    @KIRILLINGUSS21 5 лет назад +1

    Daaaamn ! You're awesome bro

  • @princembuko8620
    @princembuko8620 2 года назад

    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.

  • @Rohityoyo1997
    @Rohityoyo1997 4 года назад

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

  • @TanayOjha250889
    @TanayOjha250889 3 года назад

    Nice explanation

  • @ahmadseptem2108
    @ahmadseptem2108 3 года назад

    thank you Mitch

  • @haroonahmad4483
    @haroonahmad4483 3 года назад

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

  • @best_books_bot
    @best_books_bot 3 года назад

    Thank you Mitch!

  • @JeepDude
    @JeepDude 4 года назад +1

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

  • @axelasa277
    @axelasa277 4 года назад

    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.

  • @williamviolette4555
    @williamviolette4555 3 года назад

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

  • @lilianpuzo225
    @lilianpuzo225 4 года назад

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

  • @assassinhitman
    @assassinhitman 2 года назад

    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.

  • @danielyamta8074
    @danielyamta8074 3 месяца назад

    Thank you ❤

  • @pulasthinarada6381
    @pulasthinarada6381 3 года назад

    Thank You Sir.

  • @danielgithiomi7506
    @danielgithiomi7506 4 года назад

    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?

  • @susanl.fensore1314
    @susanl.fensore1314 2 года назад

    Thank you!!

  • @lumennganje2721
    @lumennganje2721 4 года назад

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

  • @franciscocv1995
    @franciscocv1995 2 года назад

    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.

  • @rahhi9792
    @rahhi9792 5 лет назад

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

  • @priyamvashi2187
    @priyamvashi2187 4 года назад

    i love this thumbnail !

  • @fliamachado
    @fliamachado 4 года назад

    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

  • @lebanoncedarslebanoncedars8894
    @lebanoncedarslebanoncedars8894 4 года назад +1

    God bless you, thank you so much.

  • @GrifinsBrother
    @GrifinsBrother 5 лет назад +1

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

    • @codingwithmitch
      @codingwithmitch  5 лет назад

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

    • @GrifinsBrother
      @GrifinsBrother 5 лет назад

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

  • @amanaggarwal5884
    @amanaggarwal5884 3 года назад

    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

  • @MrAkshay7988
    @MrAkshay7988 5 лет назад

    please do more videos on Constraint Layout

  • @shankarmedhi8074
    @shankarmedhi8074 3 года назад

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

  • @ellyjessy5044
    @ellyjessy5044 2 года назад

    great video

  • @haroonahmad4483
    @haroonahmad4483 3 года назад

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

  • @pratyakshyt
    @pratyakshyt 2 года назад

    Thanks!

  • @NickProkhorenko
    @NickProkhorenko Год назад

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

  • @gabriel_export
    @gabriel_export 5 лет назад

    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  5 лет назад

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

  • @MuhammadTahir1
    @MuhammadTahir1 5 лет назад

    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
      @codingwithmitch  5 лет назад +1

      It works for all screen sizes

    • @MuhammadTahir1
      @MuhammadTahir1 5 лет назад

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

  • @elyu_vibes
    @elyu_vibes 4 года назад

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

  • @b.k4142
    @b.k4142 5 лет назад

    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

  • @nishaoberoi230
    @nishaoberoi230 5 лет назад +1

    Thanks brother

  • @codinginflow
    @codinginflow 5 лет назад +29

    You are a late bloomer eh

    • @codingwithmitch
      @codingwithmitch  5 лет назад +9

      Just stopped wetting the bed too

    • @avinashdas1013
      @avinashdas1013 4 года назад

      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.

  • @visibleuser8973
    @visibleuser8973 2 года назад

    thnx bro

  • @tuandieu4523
    @tuandieu4523 5 лет назад

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

    • @codingwithmitch
      @codingwithmitch  5 лет назад

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

  • @SatyamRaikwar262238
    @SatyamRaikwar262238 3 года назад

    Nice 1

  • @meshackkapsoiyo390
    @meshackkapsoiyo390 3 года назад

    Good work link for codes

  • @ZtowhyA
    @ZtowhyA 3 года назад

    a big help says the one who hates designing.

  • @sayidaliahmedelmi7988
    @sayidaliahmedelmi7988 5 лет назад

    nice t-shirt mitch

  • @gabormiklay9209
    @gabormiklay9209 5 лет назад

    the XML changed because of the the switch to kotlin.

  • @mysticbigmac8782
    @mysticbigmac8782 2 года назад

    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.

  • @jonothen2212
    @jonothen2212 2 года назад

    do u have twitter ser?

  • @oneonenice6119
    @oneonenice6119 5 лет назад +1

    hello sir! : ))

  • @thekochava
    @thekochava 2 года назад

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

  • @NiteshSingh-bv9lu
    @NiteshSingh-bv9lu 5 лет назад

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

  • @MSaga-ge7yw
    @MSaga-ge7yw 4 года назад

    lol i wasted 21 mins to see what i actually knw

  • @leonardosibela
    @leonardosibela 5 лет назад

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

  • @CanalRenaultClio
    @CanalRenaultClio 2 года назад

    I just think ConstrainLayout a completely waste of my time

  • @nishaoberoi230
    @nishaoberoi230 5 лет назад

    Thanks brother