Android Tutorial B4X Ui/Ux 👨‍🎓👩‍🏫

Star-Dust

Expert
Licensed User
Longtime User
ramezaniabbas said:
چاکر هر چی خراسانیه
Click to expand...
please use the English language in the international forum. Otherwise choose the forum of your language

لطفا از زبان انگلیسی در انجمن بین المللی استفاده کنید. در غیر این صورت انجمن زبان خود را انتخاب کنید
 

Mashiane

Expert
Licensed User
Longtime User
ramezaniabbas said:
Unfortunately I'm not allowed to do this because you have to buy libraries
Click to expand...
When you zip your project source, it does not distribute the libraries you use, i.e. 4th button.



A user can access the source but will have to get the libraries referenced. Perhaps you can just also do a screen shot of the "Libraries Manager" for people so that they know which libraries are used and can get these themselves.

Good luck!
 

Star-Dust

Expert
Licensed User
Longtime User
ramezaniabbas said:
Unfortunately I'm not allowed to do this because you have to buy libraries
Click to expand...
I may have escaped, but I haven't seen what these paid libraries are you used.

Kindly list them so that those who wish can possibly also make the purchase, you will also advertise to those who have provided you with useful tools.
 

Marvel

Active Member
Licensed User
Wow! These designs are nice. You're doing a good job.
I discovered from a mini project I'm working on that making a good UI can take as much time as developing the functionalities itself.
Getting UI not to break on different devices is also a big headache on it's own.
 

ramezaniabbas

Active Member
Licensed User
You can try my resources at any size. Tell me if you see a problem with it (
I set the designs to portrait mode)
 
Last edited:

giannimaione

Well-Known Member
Licensed User
Longtime User
Hi all,
a demo "Fruit Store" is very nice!
in layout named "lyt2", there is a "All variants script" to define all objects (panel, image, button) left, top, width ....
i have testing it on different real devices, and layout is perfect on all, but not a font size (textsize)

question is:
how to define a "TextSize" of labels for different screen real devices (example):
720 x 1280, scale = 2 (320dpi)​
800 x 1232, scale = 1 (160dpi)​
800 x 1216, scale = 1.33125 (213dpi)​
​
​
 

Marvel

Active Member
Licensed User
Unfortunately, I don't think there is a simple solution to this. There are some classes on the forum that helps with this buy I've not had any luck with them.

Personally, what I do is to detect the font scale when the application starts, if it's greater than 1 I divide by a constant. This way you can be sure your texts always look good no matter the size.

The good thing is that the texts also scale up according to the device settings but the code keeps the scaling in check by limiting how big it can be so it can still fit into the UI well (you still have to design your UI to accommodate bigger sized texts though.

The downside is that you have to do this for each view containing texts in your app

When I'm home, I'll send the code snippet I use for this.
 

Martin Fdez

Member
Licensed User
Longtime User
ramezaniabbas said:
Source Ui Shop app 6 was placed in the first post along with libraries
Thanks to the Keramat Jokar and Bahman Teimoory Nejad
Click to expand...

I tested and message appears "An error occurred. Maven artifact not found. Androidx.viewpager2/viewpager2" when try to run it.

Great design, thanks for sharing!
 
You must log in or register to reply here.

Similar Threads

  • Article
Android Example Creative UI/UX Designs + Source Code
2
Replies
25
Views
7K
PaulMeuris
P
  • Question
B4J Question [B4X] How To Implement Desktop Dashboard UI
Replies
7
Views
3K
JohnJ
J
H
  • Question
Android Question Help with UI/UX design
Replies
3
Views
1K
hikolayu
H
M
  • Question
Android Question UI/UX design
Replies
1
Views
2K
josejad
  • Article
Share My Creation Ui/Ux + Animation
Replies
7
Views
5K
ramezaniabbas
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…