Share My Creation B4A-Bridge (Reskinned UI)

Github: https://github.com/pyhoon/B4A-Bridge

I repost the source code here hopefully it is more organize and easy to find. It is for future discussion on my version too.
Thanks.

25 April 2022: New UI

Older version is available in this post.

 

[aeric]

Update UI

 

[LucaMs]

I would only change corner radius of pnlFTPServer to 10.

 

[aeric]

View attachment 128476


I would only change corner radius of pnlFTPServer to 10.

Actually I found this annoying too. I thought I fixed it. Not sure it is a bug in new version of B4A or I misconfigure something.

Edit: When you get the error:
1. Delete the folder mipmap-anydpi-v26
2. Copy the folders Objects/res/drawable and Objects/res/mipmap (contains some PNG files) from the zip file again into the project.
3. Compile in Debug first to make sure no errors.
4. Compile in Release.

* The PNG files were deleted when compiling or Clean project first time running the project.

 

[aeric]

I would only change corner radius of pnlFTPServer to 10.

You are welcome to modify and improve it. I admit I am weak in UI design. ?

 

[LucaMs]

You are welcome to modify and improve it. I admit I am weak in UI design. ?

Definitely better than me!

 

[LucaMs]

Actually I found this annoying too. I thought I fixed it. Not sure it is a bug in new version of B4A or I misconfigure something.

Edit: When you get the error:
1. Delete the folder mipmap-anydpi-v26
2. Copy the folders Objects/res/drawable and Objects/res/mipmap (contains some PNG files) from the zip file again into the project.
3. Compile in Debug first to make sure no errors.
4. Compile in Release.

* The PNG files were deleted when compiling or Clean project first time running the project.

Where do you use those two image files?

 

[aeric]

Try download the project again from post #1. I changed the corner radius to 10.

Where do you use those two image files?

The PNG files in /res/drawable are use for icons in status bar.

The PNG files in /res/mipmap are use for adaptive icon as defined in /res/mipmap-anydpi-v26/ic_launcher.xml

 

[LucaMs]

The PNG files in /res/mipmap are use for adaptive icon as defined in /res/mipmap-anydpi-v26/ic_launcher.xml

No need to set any file to be read-only.

https://www.b4x.com/android/forum/t...mple-instructions-and-tips.123843/post-773668

 

[LucaMs]

?

You (or me) have to work a bit more on it

 

[aeric]

https://www.b4x.com/android/forum/t...mple-instructions-and-tips.123843/post-773668

?

2. Make sure that all three files are read-only. Otherwise they will be deleted during compilation.

 

[aeric]

You (or me) have to work a bit more on it

Ya, it is difficult sometimes as I only tested on emulator (Nexus 5) with wider screen and my physical phone Xiaomi Redmi 5 Plus with 2:1 screen ratio.

 

[LucaMs]

 

[LucaMs]

btnWirelessStart & btnWirelessStop 120dip

'    btnWirelessStart.Left = 100%x - 240dip
'    btnWirelessStop.Left = btnWirelessStart.Left
    btnWirelessStart.Right = lblVersion.Right
    btnWirelessStop.Left = btnWirelessStart.Left

EDIT: It is better so:

    btnWirelessStart.HorizontalCenter = lblVersion.HorizontalCenter
    btnWirelessStop.Left = btnWirelessStart.Left

 

[aeric]

btnWirelessStart & btnWirelessStop 120dip

I like BIG button and my phone screen is small. (I am short-sighted) ?

 

[LucaMs]

(I am short-sighted)

Well, so btnWirelessStart (and btnWirelessStop) should be big as the space between lblStatus.Bottom and lblVersion.Top (portrait)

 

[LucaMs]

Try so

 

[Theera]

How to code screen timeout disabled (alive screen until pressing stop button)

 

[aeric]

How to code screen timeout disabled (alive screen until pressing stop button)

You should create a new thread.

 

[aeric]

Try so

This is too BIG. LOL ?