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![Rolling on the floor laughing :rofl: π€£](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f923.png)
![Rolling on the floor laughing :rofl: π€£](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f923.png)
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![Slightly frowning face :slight_frown: π](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f641.png)
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"![Smiling face with smiling eyes :blush: π](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f60a.png)
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
)
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 :confused: :confused:](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
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
![Rolling on the floor laughing :rofl: π€£](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f923.png)
![Rolling on the floor laughing :rofl: π€£](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f923.png)
Things I discovered during my exploration:
1. B4a Class modules are your best friend!
![Smiling face with smiling eyes :blush: π](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f60a.png)
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
![Slightly frowning face :slight_frown: π](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f641.png)
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"
![Smiling face with smiling eyes :blush: π](https://cdn.jsdelivr.net/joypixels/assets/6.5/png/unicode/64/1f60a.png)
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
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
Attachments
-
1.png27.8 KB · Views: 7,746
-
2.png50.7 KB · Views: 1,578
-
3.png55.1 KB · Views: 1,576
-
4.png45.5 KB · Views: 1,530
-
5.png31.2 KB · Views: 1,495
-
6.png30.7 KB · Views: 1,424
-
7.png37.4 KB · Views: 1,412
-
8.png38.3 KB · Views: 1,365
-
9.png46.4 KB · Views: 1,339
-
10.png55.7 KB · Views: 1,300
-
11.png46 KB · Views: 1,248
-
12.png45.5 KB · Views: 1,174
-
13.png65.2 KB · Views: 1,186
-
14.png60.8 KB · Views: 1,285
Last edited: