Styles Extension for MIT App Inventor: A Deep Dive into UI Customization

[Joejsanz]

Looks great, good job.

[devxlabs]

Again with something Crazy Man

[Nicola_Imperati]

I congratulate you on your magnificent extension.

[JustG]

Thanks for the extension! However, I encountered an issue that the corner radius (set corner radius) does not work on all devices (textbox): on some the edges are rounded, and on some they are not (all devices are Android 13 and Android 14)

[TIMAI2]

Make & Model that do not show rounded corners ?

[TIMAI2]

@JustG

Is this now not an issue ?

[JustG]

It turns out that the roundness issue is related to the background color setting. Using ApplyBorderRadiusWithStyle with the background color solves the problem.

[TIMAI2]

Thank you, that is much more useful than just deleting your post

[Crashlabs]

The extension is awesome! One suggestion for paddings & margins: consider setting the value to "auto" or "initial." This would allow padding to be applied to only one side, while letting the system automatically handle the other sides for different resolutions.

[Black_Knight]

A New Function added that enables you to apply the Glassmorphism effect to any layout and its content too

@Black_Knight

6. Frosted Glass Effect:

ApplyFrostedGlassEffect(androidViewComponent, blurRadius)

• Purpose: Applies a frosted glass or blur effect to a view and its components' content.
• Parameters:
  • androidViewComponent (AndroidViewComponent): The component to apply the blur effect to.
  • blurRadius (float): The radius of the blur effect.
• API Compatibility: Requires Android API level 31 (Android 12) or higher as the RenderEffect API is available from this version onward..
• Example: blocks:

• Results:

[Bernardino_Corrente]

How can I change every single button?

[Prem_Gupta]

congrats man @Black_Knight
You can also write clean documentation, because some blocks 2 time uploaded in doccs.

[Bernardino_Corrente]

@Prem_Gupta

You can also write clean documentation, because some blocks 2 time uploaded in doccs.

could you give me an example?
A thousand thanks

[Prem_Gupta]

@Bernardino_Corrente

@Black_Knight

• • Example:
    blocks:

result:

• ApplyBorderToImage(imageComponent, borderColor, borderWidth, cornerRadius)
  • Purpose: Adds a border to an ImageView by using padding and a background drawable.
  • Parameters:
    • imageComponent (AndroidViewComponent): The ImageView component to apply the border to.
    • borderColor (int): The color of the border.
    • borderWidth (int): The width of the border.
    • cornerRadius (int): The radius of the corners.
  • Example:
    blocks:

[Bernardino_Corrente]

but an event block is still needed

I'm editing the "about us" button but I don't see any changes, because I don't know how to connect the blocks

[Prem_Gupta]

you are using builder in other local language, its not in english

@Bernardino_Corrente

blocks

[Bernardino_Corrente]

[TIMAI2]

@Prem_Gupta

you are using builder in other local language, its not in english...

Sometimes it does help, but blocks do not always have to be in English, this is not the other builder, this is Appinventor.

[Bernardino_Corrente]

how can I change a single button with the styles extension I attach AIA.

Can you help me please?
A thousand thanks
Scodinzoland.aia (2.7 MB)

[Bernardino_Corrente]

com.mrkoder.styles.dev.sryles.aix [mod edit do not post direct links to extensions by others]
This one, I can't change a single button, even looking at the creator's page.