How to Support ALL Screen Sizes on Android - Full Guide

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

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

  • @leandrocorrea4299
    @leandrocorrea4299 3 года назад +68

    I was looking for bronze, but I found PURE GOLD! Brother, I've been searching for this a lot. In fact, I am a frontend web developer turning to the Android world. Amazing content, I am falling in love with Android development even more than web development. Keep it up!

  • @BillyLegumbres
    @BillyLegumbres 2 года назад +2

    Like a great philosopher of our era once said “GREAT SUCCESS”, easy to follow, easy to read, no weight heavy plugins, is just what I crave, totally gonna hang around in your channel with such delightful display of a “ABSOLUTE BOMBASTIC TUTORIAL”!

  • @flavouredflight8628
    @flavouredflight8628 3 года назад +13

    This Is What I Needed In My Current Project Bro, Thank You Very Much, Lots Of Love From India❤️

  • @Charalambides
    @Charalambides 2 года назад +1

    I am speechless by how good this video is. I'm new to Android App making and self learning.... I didn't even know this was an issue, just updated all my apps now with the help of this video!

  • @UnknownNinja0617
    @UnknownNinja0617 12 дней назад

    Thank you very much I was searching for days, literally, for an easy tutorial on responsive layout. Subscribed!

  • @learninghistory4397
    @learninghistory4397 Год назад +4

    You saved my project with this one. Much love to you for sharing your knowledge. Anyways, I'll share what I did:
    Disclaimer: this might sound stupid for a pro, but it worked for me so I am happy with it as of today.
    I used 4 guideLine constraints for each of my objects. One for the left side, another for the right side, top and bottom. Setting this values for each object:
    android:layout_width="0dp"
    android:layout_height="0dp"
    This makes the objects keep whatever shape I manually gave them before setting the constraints, they get resized according to the screen size, but always keeping the original shape. I end up having lots of guideLines, of course, but it doesn't seem to be a problem, so I rock with it.
    Btw, some objects get to share the same guideLine because of them colliding on the Y or X axis, so it's not 4 guideLines per object in the end.

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

      I also do somewhere near to what you said and it automatically fits most screens as nothing is hard coded but one issue is the text size and image quality then!!

  • @paulhinrichsen8628
    @paulhinrichsen8628 3 года назад +7

    Absolutely BRILLIANT! SO well explained. I did not know that it was so easy to handle different screen sizes and orientations. There are some tutorials out there that do this in a very complicated way. Well done Sir!

  • @singh.guransh
    @singh.guransh 10 месяцев назад +1

    Very well explained. Was searching for such concepts and Philipp did an amazing job explaining it.👍

  • @XxCruelRagexX
    @XxCruelRagexX 3 года назад +2

    You have no idea how helpful this video was. Im working on an app for my IT capstone class in college and I started the project with RelativeLayout and realized watching this video I messed up. You made this extremely easy how constraint layout works. Seriously the biggest help ever, thank you. You earned the sub for sure.

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

      Glad it was helpful!

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

      constraint layout is the best

  • @wave1863
    @wave1863 8 месяцев назад +1

    so theres no chance the buttons, spinners and texts change automatically their size depending on the screen if i dont manually create different layouts for those range of screen sizes?

  • @ivobabinec1968
    @ivobabinec1968 8 месяцев назад

    The Best, simple, comprehensive tutorial..
    If I found earlier, i saved so much time.
    It is not so intuitive in Android Studio but here is so..OMG.
    Thanks man !

  • @petrow_
    @petrow_ 7 месяцев назад

    Thanks a lot for guidelines, Phill. Exactly what was looking for after swapping from making android plugins for unity straight to android studio

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

    The most explanatory video about this topic I have ever found out. Thank you for all..

  • @ayoubdev
    @ayoubdev 3 года назад +8

    so if i have a 10 page in my app do i need to create every time 4 sizes (320,480,600,720) and then do same in landscape mode two ?? so every page i have to ovvride it 8 times ?

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

    Don't know if you got the idea from me and other guys struggling on your discord server yesterday, but you just read my mind! Thanks a lot philipp for all your tutorials!

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

    I viewed many videos and docs but after seeing this video finally I reached to my destination 🤗
    Thank you 😇

  • @MMB3245
    @MMB3245 2 года назад +2

    This guy should win a Nobel Peace Prize for Relieving the stress of the public

    • @Sam-yb9ut
      @Sam-yb9ut 2 года назад

      Haha yea correct

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

    Man! you are awesome, this is just what i needed, i was using constraint layouts but i wasnt using its full potential

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

    10/10 video, helped me big time with launching my app. danke!

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

    Great explanation and very clear, been searching for a video that explains this for a while, thanks!

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

    I regret RUclips doesn't allow to upvote more than once. Great tutorial!

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

    ❤️ loved it. I just have 2 questions
    1. How to design these type of layout with recycler view.
    2. If any layout has missing view like in video one layout file had only 3 imageview how to setup click listeners 😅

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

    Thank you for your complete and comprehensive training. Very good!

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

    Amazing, thank you very much. This is exactly what I need for my current project. Your contents are amazing and help the android community very much!

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

    Best video on this topic I could find

  • @lyawileh.a8741
    @lyawileh.a8741 2 года назад

    Thanks for this trick of building the responsive mobile layout.

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

    This is a superb video , a must watch for any beginner or intermediate devs. must watch

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

    Life saver - to the point video and short

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

    RxJava and Databinding series would be great for anyone hoping to actually get a job in the industry.

  • @nilay.humorr
    @nilay.humorr 3 года назад

    Thank you for sharing this content! I learned a lot from this video and will implement this at my internship and will soon be pushed to the play store.

  • @bryanLab-z8s
    @bryanLab-z8s Год назад

    will it automatically choose the qualifier based on the emulator device you're testing? I added a qualifier with screen width of 400 and height of 800. But when I run the app using emulator with size 3.7", it still used the default xml. it didn't use the qualifer 400x800.

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

    i was waiting for it thanks philip

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

    Thank you sir! I've been wondering for a long time how to do this!

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

    very unique and helpful vid bud!

  • @70ME3E
    @70ME3E 3 года назад

    you're pretty darn good at explaining too, well structured and to the point presentation, quality videos
    congratz

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

    Wow great video!! Ive always had trouble with making my apps responsive, I finally know how to !!!

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

    Thank you so much! You have no idea how much it helped me!! So, again, From bottom of my heart, THANK YOU BUD!

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

    Hi bro.. Thanks for the great work you for the community.. Your coding and explanation skills are very good... Love from India ♥️

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

    You are perfectly awesome bro , and love it when you give link to the project so that we can play with the codes and understands it in much better way . THANKYOUUUU SOO MUCH FOR BEING SO NICE .

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

    Great info Philipp! Thank you very much for sharing!

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

    You are the best!!!! Keep more Android coming.....

  • @arrizalshidiq5660
    @arrizalshidiq5660 3 года назад +2

    do u mind making tutorial how to split layout file in xml ? it's irritating to have all many files in 1 folder. Thank you

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

    Right now, do u have multiple android virtual devices installed on your android studio ?

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

    Just fantastic, thanks so much

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

    Thnx Philip.. Great content as always..!! ♥ Keep up the good work..

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

    Love from India

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

    Brilliant video, thank you very much for your help!

  • @h.r.60
    @h.r.60 3 года назад

    Hey Philipp, when you're learning new Android info, on average, how long would you say you spend on reading documentation? Do you read it at all? If so, Does it take hours for you to understand? Or does it all make sense fairly quickly? Thanks

    • @PhilippLackner
      @PhilippLackner  3 года назад +2

      I don't read it from start to end, I just scan it to quickly find what I look for, takes few minutes

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

    I sir, I want to ask you one question. If I work same you, when I release my project, My project will support all iphone, right?

  • @2chotti
    @2chotti Год назад

    Marvelous video..Thank you so much.. subscribed your channel

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

    what a wonderful video, thanks for existing!

  • @charlottehuntington9506
    @charlottehuntington9506 2 года назад +1

    I came here cz of Dr. jonny sir😂😂😂

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

    does constraint layout allow us to make fully flat hierarchy layouts or it helps to make layout flat as much as possible.This question came up in my mind because sometime i required to add nested layouts in constraint layout.

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

    Awesome tut...:)
    Please Make a video about proper localization in android App...Philip Bro

  • @reshabprasad6793
    @reshabprasad6793 3 года назад +13

    Downloading it before sins report this😂

    • @julian-xy7gh
      @julian-xy7gh 3 года назад +1

      @Aaron Stipek these always come in pairs on promising an Instagram hack and another account claiming it seems promising and they are willing to try it.
      F*ck off mate

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

    Can we delete the main layout with unspecified screen width after doing this on both dimension? Thanks!

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

    Phillip How do you access different textviews based on if your app is in landscape mode. Ie. What if in my app there's a recyclerview in portrait mode but no recyclerview in landscape mode?

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

    Great job man, thanks!

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

    what about textview, keeps changin my textview size when i rotate phone or change screen phone size, even if they are constraint to guidelines

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

    Great tutorial so far... thanks!

  • @chiragpatel6410
    @chiragpatel6410 3 года назад +7

    Like for thumbnail 😀😀

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

    This....thumbnail...Is the peak humour)) Made me curious and smiling)

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

    hi sir instead of creating separate layouts , how to accomplish using different dimesns folders and what is the calculation. plz make a video on that, helps me a lot, plz sir

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

    Super helpful, now I understand chains

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

    Cool video,
    I really like you spoke so clearly about the ConstraintLayout! How exactly do you manage it to avoid nested layouts. In my case, I need the constraint to parent feature. CardViews do not have this property.
    Any suggestions?

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

    as always great content. really helpful

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

    Hello Phillip, I have the version of android studio chipmunk and I have not been able to import the Android Drawable Importer plugin, can you help me? Regards from Caracas, Venezuela

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

    thanks ; but in my case i create a table layout programmatically so i dont know how to adapte it to multi screen .how to do that please help me

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

    Liked your video always before i watch it ❤️

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

    God man!! Thank you for this video.

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

    I can't suffice my gratitude for making me a better developer. keep it up! and if am not mistaken we should use a combination of horizontal and vertical guidelines
    for views with different width and height sizes right? and also what should we do for text sizes?

    • @PhilippLackner
      @PhilippLackner  3 года назад +4

      Yes correct, for text sizes you use sp, which will differ depending on the user's font size preference. AFAIK you can also declare sizes in a dimens xml file and for that you can use qualifiers as well

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

      @@PhilippLackner glad i have you on RUclips, my future looks promising with your tutorials! Thank you!

  • @sabiterian
    @sabiterian 3 года назад +57

    I came here to see comments on Bezos's pic 😂

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

    hello sir i am beginner in android after finished my application i found the same problem but in my case i used RelativeLayout (not constraintLayout ) and in my layout there are tables, buttons, edittext ....(not only image) can you help me sir

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

    Thanks Bro, It worked for ME !!!!!!!!!

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

    Maja aa gaya bhai... ultimate🥏

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

    Amazing video. As always.

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

    Much needed 😍 video thank you

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

    You are lifesaver man.

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

    Hello, how about the size of letters or like words, how can I make them so that they behave the similiarily in all screen sizes?

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

    great guide! they don't teach this anywhere else :)

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

    how can we specify inner item height and width according to screen size in Recyclerview when we have multiple types of layout holders Recyclerview. Please help me.

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

    I want to put RecyclerView in the frames but I can't, It gives me NPE error :/

  • @matt-g-recovers
    @matt-g-recovers 3 года назад

    not sure why guidelines aren't by a percent by default.
    I always make it so

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

    Awesome!!! Many many thanks!!!!

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

    Nice video bro. Thank you very much

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

    Quick (maybe noob) question: when using multiple layouts variations if I use recyclerviews, edittexts and so on, do I have to use a different id for every item or can I use the same id so I don't need like A LOT of lines of code?

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

      No the id is the same. Eg if you have a button in 3 different xml layouts the id of this button will be the same always.

  • @shubhamshinde-lt7hr
    @shubhamshinde-lt7hr 2 года назад

    Thank you very much Philipp sir 🙏

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

    Thank you very much for your valuable knowledge 👏👏

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

    I don't know how I get here, (I aint speak english) but I really nedeed this video, thanks 😁

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

    I hope this year "Jetpack compose" save us :)

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

    Phillip your video is nice pls ..pls tell me one think how to make app lock functionality set to home screen only allow my app and also unlock as usual

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

    I have seen this green frog stuff toy once, is that some popular cartoon?

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

    very useful information... thank you..

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

    anyone ever manage to get a 3840x2160 project to export in android? it also seems to respond to something small even though the device can handle it

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

    Thanks for your amazing video. Is there any way to show all layouts at the same time on the design view? more than 1M Like ...

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

    One Question: When I try to do this and then include the layout, the height and widths don't work like expected? Do you know what might be the problem?

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

      When you include a layout in any other layout, you have to define width and height there explicitly as well.

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

    Your thumbnail is funny. 😄

  • @67Diadem
    @67Diadem 3 года назад

    By creating layouts for different screen size it will increase the size of an app right? I think by linear layout we can achieve by using weight and also by using relative layout we can achieve this only by creating one XML file layout. What do you think?.

    • @PhilippLackner
      @PhilippLackner  3 года назад +2

      Nah you should avoid using linear layout because you usually need to nest them which isn't good performance wise. Constraint layout already makes your app pretty responsive, but no layout can cover everything for every scenario. That's when you need different files. It won't really increase the size as well because if you export it as app bundle, Google play will only include the files needed for a user's device

    • @67Diadem
      @67Diadem 3 года назад

      @@PhilippLackner thanks a lot.. you clear my doubts

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

    Please sir how can test with tablet (AVD) or how can i add a avd device(tablet) on Android studio

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

    when using a vertical chain, could we define the space between each item in the chain?