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

josejad · Aug 10, 2020

Alexander Stolte said:
B4XPages is not the layout designer

Hehe, you're right, I haven't explained well. I mean mix full screen Activities (probably these layout fit better a full screen Activity) with the B4XPages + B4XDrawer.
Not sure if the best way would be the splash B4XPages example or mix B4XPages with the normal Activities...
Anyway, I don't want to be off topic and let the post dirty

rraswisak · Aug 11, 2020

Its all about creativity sense, in most case (like i do) UI is sometime not majority, but functionality and bug-free first. But later when functionality came with good looking UI will make your apps look more professional and its a great value added.

Coriously i'm a dumb for graphic designer. But mixing color, placement, shadow effect and do a little animation will make app keep clean and fresh look.

@ramezaniabbas, good job and great idea!

Alexander Stolte · Aug 11, 2020

More of such UI designs and such statements are a thing of the past:
"They could't find another apps using it, and they found apps made in b4x looks amateur: i reply to this that most developers are realy bad on graphical design and even can't choose a good color palette."
source

How to handle an investor question/rejection?

Hi, i developed an app on python+b4x for my startup and we got the MVP (minimum viable product), as we got early adopters, we did an incubators application and we found a rejection to the frontend tech, their main questions was: They could't find another apps using it, and they found apps made...

www.b4x.com

Then you can refer to them.

TILogistic · Aug 11, 2020

Alexander Stolte said:
More of such UI designs and such statements are a thing of the past:
"They could't find another apps using it, and they found apps made in b4x looks amateur: i reply to this that most developers are realy bad on graphical design and even can't choose a good color palette."
source

How to handle an investor question/rejection?

Hi, i developed an app on python+b4x for my startup and we got the MVP (minimum viable product), as we got early adopters, we did an incubators application and we found a rejection to the frontend tech, their main questions was: They could't find another apps using it, and they found apps made...

www.b4x.com

Then you can refer to them.

To these posts that I have also read, I was referring in my POSTs, that it is nice to have more members in the forum who have UX / UI design ideas for B4X.

We know IONIC, VISUAL ESTUDIO, VISUAL ANDROID and Others, and sometimes in projects we compete with designs made with these platforms that already have some UI frameworks.

That POST is from a member from Argentina, Latino like me, and we, as Latinos, really like the beautiful UI designs.

PS: As the phrase in Latinomarica says:
Everything enters through the eyes !!.

Regards,

TILogistic · Aug 11, 2020

Need ideas/inspiration

I want to modernise the look of my app. I feel it looks dated and is boring. But it does work. Has anyone got any ideas or links to libraries to change the look or way my app works. Your are presented with a list of manufacturers which you can open to see a list of vehicle models. Simple, basic...

www.b4x.com

B4A UI . Dashboard and Notification

Hi . My first UI work:). It's not a full app, just dashboard and notifications. I hope it's be useful file size is about 1.7MB so i can't attach it here You can download file from MEGA : https://mega.nz/file/qHBB0Aob#y5kqdcLwDa1_g_D8Gs8xEJbyXzeOW1KXhKJ0_n1Jwa8 Inspired by Mithun Ray

www.b4x.com

ramezaniabbas · Aug 12, 2020

New Post

Please refer to post # 1

AnandGupta · Aug 12, 2020

Downloaded Ui Vegetable shop
On run getting error,

B4X:

act2_activity_create (java line: 353)
java.lang.RuntimeException: java.lang.RuntimeException: Object should first be initialized (ImageView).
    at anywheresoftware.b4a.keywords.LayoutBuilder.loadLayout(LayoutBuilder.java:170)
    at anywheresoftware.b4a.objects.ActivityWrapper.LoadLayout(ActivityWrapper.java:209)
    at b4a.example.act2._activity_create(act2.java:353)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:213)
    at b4a.example.act2.afterFirstLayout(act2.java:105)
    at b4a.example.act2.access$000(act2.java:17)
    at b4a.example.act2$WaitForLayout.run(act2.java:83)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5235)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:898)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:693)
Caused by: java.lang.RuntimeException: Object should first be initialized (ImageView).
    at anywheresoftware.b4a.AbsObjectWrapper.getObject(AbsObjectWrapper.java:67)
    at anywheresoftware.b4a.objects.ViewWrapper.innerInitialize(ViewWrapper.java:73)
    at anywheresoftware.b4a.objects.ImageViewWrapper.innerInitialize(ImageViewWrapper.java:36)

Tried to fix but could not understand which imgageview giving error.

Can you please check ?

Regards,

Anand

ramezaniabbas · Aug 12, 2020

AnandGupta said:

Downloaded Ui Vegetable shop
On run getting error,

B4X:

act2_activity_create (java line: 353)
java.lang.RuntimeException: java.lang.RuntimeException: Object should first be initialized (ImageView).
    at anywheresoftware.b4a.keywords.LayoutBuilder.loadLayout(LayoutBuilder.java:170)
    at anywheresoftware.b4a.objects.ActivityWrapper.LoadLayout(ActivityWrapper.java:209)
    at b4a.example.act2._activity_create(act2.java:353)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at anywheresoftware.b4a.BA.raiseEvent2(BA.java:213)
    at b4a.example.act2.afterFirstLayout(act2.java:105)
    at b4a.example.act2.access$000(act2.java:17)
    at b4a.example.act2$WaitForLayout.run(act2.java:83)
    at android.os.Handler.handleCallback(Handler.java:739)
    at android.os.Handler.dispatchMessage(Handler.java:95)
    at android.os.Looper.loop(Looper.java:135)
    at android.app.ActivityThread.main(ActivityThread.java:5235)
    at java.lang.reflect.Method.invoke(Native Method)
    at java.lang.reflect.Method.invoke(Method.java:372)
    at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:898)
    at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:693)
Caused by: java.lang.RuntimeException: Object should first be initialized (ImageView).
    at anywheresoftware.b4a.AbsObjectWrapper.getObject(AbsObjectWrapper.java:67)
    at anywheresoftware.b4a.objects.ViewWrapper.innerInitialize(ViewWrapper.java:73)
    at anywheresoftware.b4a.objects.ImageViewWrapper.innerInitialize(ImageViewWrapper.java:36)

Tried to fix but could not understand which imgageview giving error.

Can you please check ?

Regards,

Anand

fixed
Download the file again

embedded · Aug 12, 2020

Great...Thanks for new layout and sharing files. Appreciate your work and learn lot from you.

ramezaniabbas · Aug 15, 2020

New Post

Please refer to post # 1

ramezaniabbas · Aug 18, 2020

New Post
Please refer to post # 1

Mashiane · Aug 18, 2020

Thanks for sharing your work. The issue of UX Design is one area here that just deserves its own sub-forum.

Keep it coming - very impressed!

Ta!

ramezaniabbas · Aug 21, 2020

New Post
Please refer to post # 1

AnandGupta · Aug 21, 2020

I will like to see the layout of this.
If you can not upload in forum, then you can put the zip file in g drive or drop box and give link here.

Regards,

Anand

ramezaniabbas · Aug 21, 2020

AnandGupta said:
I will like to see the layout of this.
If you can not upload in forum, then you can put the zip file in g drive or drop box and give link here.

Regards,

Anand

OK
I will put the file here without pictures for a few more hours

ramezaniabbas · Aug 21, 2020

AnandGupta said:
I will like to see the layout of this.
If you can not upload in forum, then you can put the zip file in g drive or drop box and give link here.

Regards,

Anand

The file was placed in post number 1

bsepulveda · Aug 21, 2020

ramezaniabbas said:
New Post

You could place a floating button so that it looks the same as the cover image of the video, that is in the DesingSupport library, great contribution, thanks.

ramezaniabbas · Aug 22, 2020

bsepulveda said:
You could place a floating button so that it looks the same as the cover image of the video, that is in the DesingSupport library, great contribution, thanks.

I do not understand exactly what you mean, please explain again

AnandGupta · Aug 22, 2020

ramezaniabbas said:
I do not understand exactly what you mean, please explain again

bsepulveda means,
place an image of the "final design" in the zip file, may be in asset folder (without using it in code). So that we can see the image and understand what the layout will look like, without compiling the codes first.

IMHO.

Regards,

Anand

bsepulveda · Aug 24, 2020

ramezaniabbas said:
I do not understand exactly what you mean, please explain again

In the attached image the button is floating in the panel
.

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

Attachments

Expert

Active Member

Expert

Expert

Expert

Active Member

Expert

Active Member

Active Member

Active Member

Active Member

Expert

Active Member

Expert

Active Member

Active Member

Member

Active Member

Expert

Member

Similar Threads