Share My Creation Project 8 - Exploring UI capabilities

Update!!!
I never really got to finish and clean up this project but you can download the source file here: Download Source file

-----------------------------------------------

Hi guys, I thought I should share what I've been exploring with the B4x community.

I recently set out to do some exploration to see how much I can achieve by using jut B4a internal tools(libraries) for an apps UI. The result is what you will see further in this post.

After I managed to create my first app ever using B4a 5 months ago, I took a short break because of work (my work has been more hectic during the pandemic than it was before the pandemic). I wasn't really satisfied with the app, the interface especially, so it has always been on my mind to explore creating UIs with B4a, and I must say that I think I achieved more than I expected with B4a.

In reality, this is not a fully thought-out app or a finished app, it started with me just trying to put together some cool UI components with B4a. It's not there yet, but it's a lot of steps further than what I did 5months ago. It is just a simple to-do app that I took too serious and complex??

Things I discovered during my exploration:
1. B4a Class modules are your best friend! ?If you are like me with experience in UI design, you will know how important it is making your designs as components that you can reuse. Classes make it easy to do this in code, you can even combine different components together to make a page by just calling the classes. It makes everything easier and faster.

2. It might take as much work working on your apps UI as it will take working on the app's logic. UI loves breaking at every opportunity it gets, that's what it does best. You think you've made da bomb until you check it on another device ?

3. My coding still sucks, you probably don't want to see the code base, it's rough. Good news, you get better at it a much as you work on it. I just got to understand how to use "Wait for" ?

4. You really can do so much more with your UI without external libraries, that' if you are ready to write from scratch though. (I wrote the calendar, clock and menu view, with help from documented solutions on the forum though:cool:)

5. TIP: If you have a hard time finding solutions on the forums search engine, just go on google, type the problem and end it with B4a e.g "Adjusting CLV height B4a". It works for me.

6. Lastly, try out what I've been working on here: Project 8 - APK


I will really appreciate feedbacks, screenshots and suggestions. I really want to see what it looks like on other devices.


Download APK here

I'm a UI/UX designer by the way. Now I pity the front end devs I've made miserable because of my design:confused:
 

Attachments

  • 1.png
    1.png
    27.8 KB · Views: 7,810
  • 2.png
    2.png
    50.7 KB · Views: 1,607
  • 3.png
    3.png
    55.1 KB · Views: 1,601
  • 4.png
    4.png
    45.5 KB · Views: 1,560
  • 5.png
    5.png
    31.2 KB · Views: 1,520
  • 6.png
    6.png
    30.7 KB · Views: 1,453
  • 7.png
    7.png
    37.4 KB · Views: 1,437
  • 8.png
    8.png
    38.3 KB · Views: 1,391
  • 9.png
    9.png
    46.4 KB · Views: 1,363
  • 10.png
    10.png
    55.7 KB · Views: 1,329
  • 11.png
    11.png
    46 KB · Views: 1,274
  • 12.png
    12.png
    45.5 KB · Views: 1,201
  • 13.png
    13.png
    65.2 KB · Views: 1,218
  • 14.png
    14.png
    60.8 KB · Views: 1,315
Last edited:

AnandGupta

Expert
Licensed User
Longtime User
I've attached a link to the source code here
Impressive ! ?
My thoughts after compiling and running the project. Though I had to comment out some lottie, kotin etc. jar line (will search for them later) it did compile and run. Beautiful UI you have made.

Thanks a lot for sharing the codes. Will help me learn a lot of UI making. ?
 

Marvel

Active Member
Licensed User
Impressive ! ?
My thoughts after compiling and running the project. Though I had to comment out some lottie, kotin etc. jar line (will search for them later) it did compile and run. Beautiful UI you have made.

Thanks a lot for sharing the codes. Will help me learn a lot of UI making. ?
Haven't touched the code on over a year. Glad nothing breaks though. ?
 
Top