Share My Creation B4A-Bridge (Reskinned UI)

Press on Start to listen
Waiting for connections
Connected
Day Mode

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.
 

Attachments

  • B4A-Bridge.zip
    34.8 KB · Views: 54
  • B4A-Bridge-reskinned-ui-no-designer.zip
    34.7 KB · Views: 33
Last edited:

aeric

Expert
Licensed User
Longtime User
Update UI
 

aeric

Expert
Licensed User
Longtime User
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.
 
Last edited:

aeric

Expert
Licensed User
Longtime User
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

Expert
Licensed User
Longtime User
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

Expert
Licensed User
Longtime User
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

Expert
Licensed User
Longtime User

aeric

Expert
Licensed User
Longtime User
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

Expert
Licensed User
Longtime User
btnWirelessStart & btnWirelessStop 120dip

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

EDIT: It is better so:
B4X:
    btnWirelessStart.HorizontalCenter = lblVersion.HorizontalCenter
    btnWirelessStop.Left = btnWirelessStart.Left
 
Last edited:

aeric

Expert
Licensed User
Longtime User

Theera

Well-Known Member
Licensed User
Longtime User
How to code screen timeout disabled (alive screen until pressing stop button)
 
Top