This is a default B4A project, however I assume that the same result would occur with B4XPages.
It seems that this behavior is specific to how I have laid out the TabStrip and controls
as I could not reproduce it with simpler layouts.
Where tested:
Samsung Galaxy S5 and Pixel 5
Applies to:
Buttons that have their backgrounds set with ColorDrawable objects
and their text color set by user code.
What happens:
-If you scroll the pages eventually the Button displays get altered in different ways.
-It occurs more rapidly with a TabStrip Refresh
Typically one or more of the following happens:
-The border gets extended out from the button
-Part of the border gets removed
-Text gets shifted
If you press on the button it fixes itself
Not all Buttons always get affected
What I tried:
Spent about 4 days narrowing the problem down to the attached test setup.
Tried to re-create the problem with other simpler code and display setups but could not.
Searched the forum to see if this unique situation had been reported, I found nothing.
How to Reproduce:
-Run the attached B4A application
-Go to Tab3
-Refresh the screen using the pulldown menu item "Test"
-Tab3 buttons will have their borders shifted on the right and bottom and will be gray instead of black
Possible work arround:
Do not use ColorDrawable Backgrounds from code on the TabStrip?
Hopefully someone has a better alternative.
It seems that this behavior is specific to how I have laid out the TabStrip and controls
as I could not reproduce it with simpler layouts.
Where tested:
Samsung Galaxy S5 and Pixel 5
Applies to:
Buttons that have their backgrounds set with ColorDrawable objects
and their text color set by user code.
What happens:
-If you scroll the pages eventually the Button displays get altered in different ways.
-It occurs more rapidly with a TabStrip Refresh
Typically one or more of the following happens:
-The border gets extended out from the button
-Part of the border gets removed
-Text gets shifted
If you press on the button it fixes itself
Not all Buttons always get affected
What I tried:
Spent about 4 days narrowing the problem down to the attached test setup.
Tried to re-create the problem with other simpler code and display setups but could not.
Searched the forum to see if this unique situation had been reported, I found nothing.
How to Reproduce:
-Run the attached B4A application
-Go to Tab3
-Refresh the screen using the pulldown menu item "Test"
-Tab3 buttons will have their borders shifted on the right and bottom and will be gray instead of black
Possible work arround:
Do not use ColorDrawable Backgrounds from code on the TabStrip?
Hopefully someone has a better alternative.