Android Question How to make Apps with Awesome UI and modern Style

[M.LAZ]

Hi ,,
When I design an application I always have a problem of choosing the appropriate interfaces and the mode of data entry with the users.

I have seen many applications with beautiful interfaces, which are often based on graphic designers,
Also depends on the developer to choose a new style and tools and views , which some of them i did not even know their name and even have a problem in googling for them.

I wish to collect all new tools,views and styles in the forum with pictures and example, cos when you see an app with new style , views , tools or ui lib you can update your idea and use this new style..

i suggest to add a section named like B4A UI ,B4I UI,,,, with the new interface styles
with pics/screen shots and some examples...

i'm still use an old styles for data input and dialogues..

i Attached some screen shots of some apps with awesome UI interfaces .

 

[Emme Developer]

Start with this:
https://www.b4x.com/android/forum/t...best-ui-design-for-everyday-use-thanks.85387/

Don't forget Material Design

Progress bar: https://www.b4x.com/android/forum/threads/b4x-xui-custom-view-circularprogressbar.81604/#content

Top bar name is Status bar. Color is based on appcompact theme, but you can Always change the color programmatically
https://www.b4x.com/android/forum/threads/theme-colors-for-material-design.68286/#content

Start with this tutorial: https://www.b4x.com/android/forum/threads/material-design-1-basics.48077/#content


By the way, a good app should me made from a team with at least one developer and one
designer. UX designing is not simply the act of making a "good" UI

 

[Erel]

Check AppCompat: https://www.b4x.com/android/forum/threads/79896/#content

 

[M.LAZ]

thank you guys so much..


then how to make a guide steps like this in my app :

 

[M.LAZ]

and also how to do this when fill application form?

 

[Emme Developer]

thank you guys so much..
then how to make a guide steps like this in my app :

You can check this: https://www.b4x.com/android/forum/t...ary-sliding-panels-now-perfect.14165/#content
But to enabling the page indicator i think you can also use this: https://www.b4x.com/android/forum/threads/horizontal-scrollpage.83656/

 

[sorex]

just add a panel of 1dip and full scroll panel height and place the numbers with extra white (background color) border on top of it?

 

[Alexander Stolte]

You can change the Status Bar color so:

Dim jo as JavaOBject
jo.RunMethodJO("getWindow", NULL).RunMethod("setStatusBarColor", Array(Colors.Black))

 

[Alexander Stolte]

For Form1.png this lib. : https://www.b4x.com/android/forum/threads/fiftyshadesof.71956/

 

[Alexander Stolte]

for form2.png is this StepView lib from Don here.

 

[Alexander Stolte]

and for a Tutorial View is this lib, the right choice

 

[M.LAZ]

wow ,,, thank you for you help..

now i can develop an awesome apps !

 

[M.LAZ]

Dim jo as JavaOBject
jo.RunMethodJO("getWindow", NULL).RunMethod("setStatusBarColor", Array(Colors.Black))

the app crashes when initialize

 

[Alexander Stolte]

dont forgot the "InitializeContex" , sorry

Dim jo As JavaObject
    jo.InitializeContext
    jo.RunMethodJO("getWindow", Null).RunMethod("setStatusBarColor", Array(Colors.RGB(45,136,121)))

 

[M.LAZ]

yes i tried it but the color not changed ,, i put it in Activity Create sub

 

[Alexander Stolte]

which API level do you use? I set the min. SDK version always at 16 and the target at 22. Try it out with min sdk 16 and target 22.

EDDIT: This Feature is added in API 21

 

[M.LAZ]

thank you so much,,
it works now..

 

[Alexander Stolte]

Check my Eddit, here is the link of my source, this Feature is since API 21, have Fun

 

[icarus]

dont forgot the "InitializeContex" , sorry

Dim jo As JavaObject
    jo.InitializeContext
    jo.RunMethodJO("getWindow", Null).RunMethod("setStatusBarColor", Array(Colors.RGB(45,136,121)))

and how to change the text color on status bar?

 

[Alexander Stolte]

color on status bar?

What do you think? This is the status bar