Main menu

Pages

[100% Works] How to make your app support all / every device screen size well in sketchware

 [100% Works] How to make your app support all / every device screen size well in sketchware.



Hello guys, today blog will let you know how to make your app support all or every device screen size well in sketchware.


Video requested by 24 people of my subscribers and 21 people of unsubscribe to my channel [Users who do not subscribe to my channel].


Note : Please any comment(s) you will send to my video either old or new video, I see them [the comments] and please if you request me to do a tutorial for you please 🙏 be patient with me because there are a lot of people that have already requested me to do tutorials for them and I'm doing. So when it reaches you, I will come to you and do your requested video for you.


#Thanks


Steps -:


1. Create new project or open an empty existing project.


2. Before we will continue this tutorial let's me give you the basics first.


In making your app to support all / every device screen size well in sketchware, you need to note this points down on somewhere ;


• HScroll or Scroll(H).


• VScroll or Scroll(V).


• Linear set "weight" to 1 always.


Please the points that I have been listed above are the basics things you need to consider when making your app to support all or every device screen size well.


• This is VScroll [Scroll(V)].


• This is HScroll [Scroll(H)].


• This is "weight" that I'm talking about.



3. Note : If you know that your app will contains more widgets then please insert VScroll or HScroll before add any linear [HLinear or VLinear] to make your app be flexible [To support every device screen size well].

Example : 👇


Please if you do something like what I did above in the video, then you need to set the VScroll all padding to "0".

Like this : 👇


Note again that : Always set VScroll or HScroll all padding to "0" to be hide in the linears you inserted them on it.

Like this :






• Why do we need to put VScroll or HScroll first before add another any layout [linear] ?


Ans : To make your app be flexible, means you can swipe / scroll (up or down) or (right or left) to see your items / widgets you inserted in your linears (down or up) or (right or left) there.

Like this :



Sub Ans : To avoid unfit app screen size on other devices, Because after created your app with sketchware and share it to small screen phones, your app will work fine but some buttons or features in your app may hide or can't appear well due to unfit app screen size. But if you have add the VScroll and HScroll layout in the app first, you will see that you can scroll (up or down) or (right and left) to view or see that hide buttons or features there in your app simply.


4. Why do we need "weight" to 1 always?


Ans : To make the linear match the phone screen size well in terms of vertically and horizontally way. And again, setting linear "height" to Match_parent is not a bad way and because you can also replace it with the "weight to 1", Basically they do the same thing [Function].


Note : You can use "height to Match_Parent" instead of "weight to 1".


Notice : In my video, I used "weight to 1" instead of "height to Match_Parent", please don't get confuse about that, you can use the one you like but before that I will make a video about the different between "weight to 1" and "Height to Match_Parent".


Dear readers, this is the end of the blog message for today👌.


Click and watch this blog message video, because there are things in it that I have not talk about it here [Example : What's will happens if you don't use HScroll or HScroll in your app at first].


Next Video on my YouTube channel : "How to send dialog message from admin app to user app in sketchware".

GoodBye👏

reactions

Comments

1 comment
Post a Comment

Post a Comment