Chamaeleon (Your Material Textfield)

Extensions
31

:partying_face: It’s done!

I’ve finished with the new version of Chamaeleon! I’m not sure of who uses this currently, but if you do, I’ve just saved you a whole ton of arrangements with the new one. Before we begin, it does come in a very large size, but if you don’t care then let’s begin!

Blocks?

These are from an example project which I included the AIA for.

MaterialTextfields
MaterialTextfields1892Ă—504 51.7 KB

Configuration structure…

You can remove any property and it will still work, but it will stick to defaults for the missing property!

Configure block

{
  BOX_CORNER_RADIUS: 4,
  MODE: "LIGHT" || "DARK",
  SECONDARY_COLOR: "#1A73E9",
  TEXT_COLOR: "#000000"
}

“BOX_CORNER_RADIUS” accepts any integer and will be the corner radius of the outlined textfield.

“MODE” is where you use “LIGHT” or “DARK”, the hint color depends on this property. The hint color will be the opposite of the mode so if your background color of the arrangement or screen is light, then set the mode to “LIGHT” so the hint color will be darker than the background.

“SECONDARY_COLOR” will default to “#1A73E9”, but as an integer. It only accepts integers, it will not convert a HEX to a color-int. This will be the outline color of the textfield when in focus.

“TEXT_COLOR” will default to “#000000”, but as an integer. It only accepts integers, it will not convert a HEX to a color-int. This will be the text color of the textfield when someone types.

Create block

{
  HINT: "Hello world!",
  IS_SINGLE_LINE: true || false
}

“HINT” accepts only strings and will be the hint (and floating label) of the outlined textfield.

“IS_SINGLE_LINE” accepts only boolean and is whether the textfield will be 1 line or allow more to be shown when the width in text is reached.

The end :slight_smile:

I hope that the block picture made you understand much of what you’re supposed to do! Enjoy :slight_smile:

MaterialTextfields.aia (3.1 MB)
io.gitlab.stormifire.textfields.aix (3.1 MB)

8 Likes