Android Constraint Layout: How to Use the UI Design Builder

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

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

  • @husainnahar4031
    @husainnahar4031 7 лет назад +3

    No matter if it is xcode or studio, same style same way same detailing.. Thank you sir brian.

  • @cyangineer
    @cyangineer 7 лет назад +7

    This is fantastic, its hard to find great quality android tutorials on youtube!

  • @sameerk12982
    @sameerk12982 6 лет назад

    Thanks a lot Sir for creating such a wonderful tutorial on constraint layout...before watching your video I was hating constraint layout but now my view changed.

  • @williamgiraldo996
    @williamgiraldo996 7 лет назад +14

    Hi Brian, do not place your image assets inside the mipmap folder, the right place for your image assets is inside the drawable folder, mipmap folders are only for launcher icons.

  • @krutomjer
    @krutomjer 7 лет назад +1

    Thanks Brian, I work all day in objective C and swift and it's so cool to learn a bit about Android :)

  • @MarimbaMaurice
    @MarimbaMaurice 6 лет назад

    This video helped me a lot. I never set the constraints right which made it a nightmare to build the UI. But now it's all great. Yay thanks :)

  • @jorgecasariego
    @jorgecasariego 7 лет назад

    Great to see you doing Android tutorials! I never used Constraint Layout but I think is time to! Was a little weird to see you using the design editor and not doing everything by code but from what I see with Constraint Layout it's better to do it this way.

  • @GeneLimWernMin
    @GeneLimWernMin 7 лет назад

    Never knew building Android App is this easy!

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

    Greatly explained than the content from android dev website.

  • @webcreatingsk
    @webcreatingsk 6 лет назад

    Hi Brian, thank you for this tutorial. Please more tutorials in Android Studio and Kotlin. You great!

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

    Very high-quality tutorial. Thanks!

  • @ucnguyenhaha
    @ucnguyenhaha 7 лет назад

    Finally . Have some video android :) ty brian

  • @alistairholmes3825
    @alistairholmes3825 7 лет назад

    Great vid, I haven't used the design interface before, just did the XML side of things.. Please keep the android stuff coming ;)

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      Yeah, I've never touched the design tool and used 100% XML when building apps. With the introduction off ConstraintLayout, we should invest some time into getting to know it better.

  • @ashsihver
    @ashsihver 6 лет назад

    Thank you so much I was looking for this.. as a beginner need to learn how to align the layout properly..

  • @joelyork7649
    @joelyork7649 7 лет назад

    Well explained example. Exactly what I was looking for. Thank you.

  • @RenatKaitmazov
    @RenatKaitmazov 7 лет назад

    The mipmap folder is used for an application icon. For all other images the drawable folder is used.

  • @perfectaduh5342
    @perfectaduh5342 7 лет назад

    This is awesome Brian!

  • @lenimentus9884
    @lenimentus9884 7 лет назад

    great, glad i found your channel

  • @ajlaleye1491
    @ajlaleye1491 7 лет назад

    Hi Brian. Your videos are absolutely amazing. when can we expect some courses like youtube and others for Kotlin . Thanks a mill

  • @max500k
    @max500k 6 лет назад

    Thanks Brian, great video. Android studio seems more user friendly than Xcode too.

  • @afeddan
    @afeddan 7 лет назад

    Thanks for your videos!! Could you please do it for portrait and landscape ?, so we can make on design for both of them or we have to do one for each other. Thanks again for the videos

  • @aalenazi3101
    @aalenazi3101 7 лет назад

    You are the best, Keep on! Thank you

  • @arjung88
    @arjung88 6 лет назад

    Cool.. The way u express..😊
    Does constraint layout behaves well with small screen devices and if it has long scrolling view?? Please answer!

  • @biodevm
    @biodevm 7 лет назад

    Great tutorial as always.

  • @euphoniclv
    @euphoniclv 6 лет назад

    Hey, thanks for amazing video. Things become so clear.

  • @zansaviogamer007
    @zansaviogamer007 7 лет назад

    Thank you for made this video.
    I was hoping the day you would talk about android. Niceee.

  • @BillRoth
    @BillRoth 6 лет назад

    Super helpful. This is great thanks.

  • @ashshkapoor
    @ashshkapoor 7 лет назад

    Just before GOT Finale ... Awesome.

  • @2NormalHuman
    @2NormalHuman 7 лет назад

    @17:12 "and that's pretty good for a couple of minutes that we've spent on the editor" ahahah that's been 17 minutes. Nice tutorials though, keep it up. I'm looking forward for more android tutorials from you

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      Yeah you know how it goes, explaining during videos isn't always easy. I'm finding ConstraintLayout more and more easy to use compared to traditional layouts.

  • @alexo6960
    @alexo6960 7 лет назад

    you are a savior.

  • @abraiyan7984
    @abraiyan7984 7 лет назад +2

    Can you make some tutorial series on android app development like you did for ios app development ? (Twitter app , Messenger App)

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +3

      Gonna be putting up a Facebook Feed series really soon.

  • @williamgiraldo996
    @williamgiraldo996 7 лет назад +1

    Hi Brian, try to use Instant Run instead of Run the next time, it will save you a couple of seconds.

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +1

      Ah, thanks for the tip, I was looking for this option after reading about and finally was able to find it.

  • @foadysfah
    @foadysfah 7 лет назад

    Thank you so much for this great video! I’m experienced with auto-layout on iOS and I’m trying to center some views with each other, kinda like you did with the buttons on the top right. However I’m not trying to center them by adding a top constraint, I want to center the rightmost view and make all other centered vertically to that one. Any suggestions on how to achieve that?

  • @tamilkumarang
    @tamilkumarang 6 лет назад

    Nice tutorial... Congrats

  • @BSHOAIB486
    @BSHOAIB486 7 лет назад

    Nice explanation Brian :-)

  • @-indeed8285
    @-indeed8285 7 лет назад

    thanks.
    need more videos...series

  • @digitalsuperman
    @digitalsuperman 7 лет назад

    oh wow a lot like xcode.this should be fun.

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +1

      Yeah its quite a bit of fun to use the design and xml editor. Gonna put up a simple series on building the Facebook feed soon.

  • @tua24262
    @tua24262 7 лет назад +1

    Please use Instant Run! It's designed exactly for small UI changes in the emulator

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      Absolutely will hit that lightning button in the series. I'm still trying to figure out the lay of the land being out of the android game for 1.5 years.

    • @tua24262
      @tua24262 7 лет назад

      Lets Build That App Great to hear 😀 I'm an Android dev who does some iOS work. Really enjoy your vids and great to see you looking into Android!

  • @MudassirZulfiqar
    @MudassirZulfiqar 7 лет назад

    Thank you .. Best tutorial

  • @tiagoalexbastos
    @tiagoalexbastos 7 лет назад

    My Man!

  • @aaqibjavaid3472
    @aaqibjavaid3472 7 лет назад

    Can you do quick video on AdvanceWebview ? Please I converted my website to an app but I cant download any file like video and music. Please help me how to do that. Thnak you so much

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      That's great, how would you like the solution presented?

  • @satnamsingh-ok8sf
    @satnamsingh-ok8sf 7 лет назад +2

    i prefer linear layout with weights . it's just bullet proof , almost cover all the screens.

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +1

      +satnam singh yeah but Google is pushing this new layout so yeah it's worth trying out

  • @sherazali6324
    @sherazali6324 6 лет назад

    Hi Brian Voong, I request you please make video series on working with API's in android using Kotlin.. :(

    • @LetsBuildThatApp
      @LetsBuildThatApp  6 лет назад

      What kind of APIs?

    • @sherazali6324
      @sherazali6324 6 лет назад

      APIs examples like weather api, google map apis, twitter apis, its main purpose is to learn how to work with json data in Kotlin... :(

    • @LetsBuildThatApp
      @LetsBuildThatApp  6 лет назад

      I believe the series on kotlin youtube on this channel shows how to retrieve JSON data, strongly suggest you watch those videos first.

    • @sherazali6324
      @sherazali6324 6 лет назад

      Thank You I have found that series... :)

  • @earlofdemisegaming
    @earlofdemisegaming 7 лет назад

    swift 3 consuming a web service??? is there any link to go learn it or course i can take?

  • @Daniel-sz2lq
    @Daniel-sz2lq 7 лет назад

    Does the cell automatically resize to the content in it? I'm a little confused to as why the cell is the same size as the device when designing it.

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

    why can't i see 3.7 to 5.0 phone in the pixel dropdown list, i need 4.0 the nexus S type. i don't know how...help me please T_T
    see in 12:14 to know what i'm talking about.

  • @tomgerry6080
    @tomgerry6080 6 лет назад

    I'm following everything step by step, but when I put in the long text lines underneath the picture and all, my blueprint text becomes huge and keeps me from running the app. Any suggestions?

    • @LetsBuildThatApp
      @LetsBuildThatApp  6 лет назад

      Sometimes the UI Builder can get a little wonky. Constraining the text view should properly size it.

  • @yasharnezam7225
    @yasharnezam7225 7 лет назад

    please more course Kotlin

  • @amirsiddique8694
    @amirsiddique8694 7 лет назад

    I have a question related to Kotlin. Will I be able to use all famous java libraries (e.g. github.com/PhilJay/MPAndroidChart/issues/3381) inside my Kotlin project? How will that work. For example, when swift came along, one could still use objective-C libraries with a little bit of pain and eventually more and more libraries started to have swift versions as well. How will this pan out for Kotlin, any idea?

    • @YuriySamorodov
      @YuriySamorodov 7 лет назад

      Yes it will. This is by Kotlin design.
      kotlinlang.org/docs/reference/java-interop.html

  • @nasikuwhite9771
    @nasikuwhite9771 7 лет назад

    thanks teacher

  • @johntamch
    @johntamch 7 лет назад

    Can we build the layout in Kotlin alone rather than in the XML file?

    • @charlien759
      @charlien759 7 лет назад +2

      Yes you can, Anko-Layouts is extremely useful in this regard. Though, if you run into any issues you'll most likely have to troubleshoot on your own as programmatic layouts on Android aren't yet commonplace.
      Find it here: github.com/Kotlin/anko/wiki/Anko-Layouts

  • @akramyounes4298
    @akramyounes4298 7 лет назад

    thanks

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

    Every constraint I do goes off my phone's screen. I'm done.

  • @dtboy-tube
    @dtboy-tube 7 лет назад

    Brother, can I have subtitles? I need Chinese subtitles. I like your series very much

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      我下次用中文来教课好不好

    • @dtboy-tube
      @dtboy-tube 7 лет назад

      大神。。那最好了。。。那样就真心感谢了。。我觉得你的视频发到国内会很火的。

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      +ling dtboy 我前一阵子到了上海教课你为什么不来呢

    • @dtboy-tube
      @dtboy-tube 7 лет назад

      不怕你笑话,,我前几天刚买了人生第一个vpn。。。翻墙出来的,,想看看swift,就搜索到了您,虽然听不懂,但是视频做工精良,,,我要是早知道您,一定会去看的。我也不是大城市的

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад

      +ling dtboy 哦 我上次到国内就感觉没那么多人会swift 内地比较流行很古老的objc

  • @boris138
    @boris138 7 лет назад

    When you are using image assets put them into drawable folder

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +1

      I've seen a few conflicting posts about where to put image assets, I'm gonna look up more info on this.

    • @boris138
      @boris138 7 лет назад

      Google said themselves that app icons should be located in mipmap folder, while other image assets should be placed in drawable. Anyway most developers do it that way

  • @globalplaylist6535
    @globalplaylist6535 6 лет назад

    why you just not pressing the "Apply Changes" button !!!!

  • @ryanacevedo4109
    @ryanacevedo4109 7 лет назад

    I was taught dp stood for Dynamic Pixels. 🤷‍♂️

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +2

      Which genius teacher taught you that?

    • @RenatKaitmazov
      @RenatKaitmazov 7 лет назад

      Ryan Acevedo, dp stands for Density Independent Pixel. If your screen density is 160 pixels per inch, then 1 dp = 1 px. For 320 ppi 1 dp would be 2 px. The general formula is dp = (160/screen density) * px.
      There is also sp, which is scale independent pixel. It is the same as dp but it also takes into consideration the font size which is set by the user via system preferences.

  • @carlesg0n
    @carlesg0n 7 лет назад +11

    shut down the tv! don't waste energy

    • @LetsBuildThatApp
      @LetsBuildThatApp  7 лет назад +14

      Ugh, you're totally right but I like the glow it gives off in the bg.

    • @digitalsuperman
      @digitalsuperman 7 лет назад +2

      he has an oled tv.so it consumes less power😂👍🏻

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

      hey, punk this is tv say switch off :):):]

  • @snoopy9116
    @snoopy9116 6 лет назад

    Как у него глаза вообще открываются?

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

    thanks