Chamaeleon (Your Material Textfield)

hammerhai · October 9, 2020, 4:59pm

There is no definite response, but when I do get to rewriting it, it will be open-sourced in case some people do want to change it according to their uses.

hammerhai · October 24, 2020, 7:06pm

Timeline…

In my signature you can see “Another extension coming in hot shortly ” however that has clearly not been the case. With the new extension comes the introduction to a proper working textfield that is from this extension… But it is only the outlined type and isn’t even supposed to be dynamically created, I even somehow happened to fix the floating label margin issue. I expect to begin working on Chamaeleon the first week of November and it shouldn’t take long to go from there.

A few answered questions or comments!

@Boban this will no longer be the case , you’ll be able to change it. By the way, I’m pretty sure you’re referring to the floating label and the outline?

Possibly December, if not then, my aim is for January. But it will take time for me to figure out how to dynamically generate a layout without it overlaying any others as it does now, which is why you’re advised to use separate arrangements.

~~I haven’t tested this as I already said, but don’t continue using the filled textfield because it should be the same as other textfield variants.~~

EDIT: A decision has been made.

I’ve decided to not include the normal or filled variants. What will be left is the outlined variant and I do feel that it was the right decision since design is moving in the direction of borders.

hammerhai · October 31, 2020, 9:46pm

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.

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

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

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

WatermelonIce · November 1, 2020, 4:40am

Nice! But the extension size

hammerhai · November 1, 2020, 5:00am

Yes, but it will improve in the next update!

Mohamed_Tamer · November 11, 2020, 8:43pm

great extension @hammerhai !
I was just trying the new version, but unfortunately, i didn’t get it working It always throws this error:

java.lang.NoSuchMethodError: No virtual method setTextCursorDrawable(Landroid/graphics/drawable/Drawable;)V in class Landroid/support/design/widget/TextInputEditText; or its super classes (declaration of 'android.support.design.widget.TextInputEditText appears in base.apk)

My blocks for testing are:

However, this error is quite clear, setTextCursorDrawable method was added in api 29 ( In the textView class ).Mine is 24 ( Android 7.0 Nougat )

hammerhai · November 11, 2020, 9:26pm

Critical Fix (#24)

This release fixes a critical issue that would prevent the creation of textfields.

io.gitlab.stormifire.textfields.aix (3.1 MB)
The version was not changed, we are still in the month of November.

Ekansh_Pandit · November 12, 2020, 3:01am

great and too sized extension great.
but how do u reduce size of aix?

hammerhai · November 12, 2020, 3:03am

At the moment I have not reduced the size, however that will be fixed shortly!

hammerhai · November 13, 2020, 2:21am

2020.11.12 — V2

This release has been incremented and is experimental. Use with caution. If problems occur, please downgrade to 2020-12 after reporting the issue.

This release includes:

A reduced library size.
The “mode” property has moved to the designer. This will not effect current dictionaries used in the Configure method, they will just be useless blocks and there is no need to remove them unless you’d like to!

io.gitlab.stormifire.textfields.aix (664.8 KB)

Ekansh_Pandit · November 13, 2020, 4:46am

Thanks for reducing size

progr · November 25, 2020, 8:37am

Is there any way to change the border color? I’ve used the same blocks as yours and changed themes but it’s still a grey, barely visible color.

tested on 2020.11.12 and 20220.11.11

luv.ak.tech · November 25, 2020, 8:59am

is this like a custom textbox extension?

hammerhai · November 25, 2020, 10:04am

This version I have noticed has issues with the border color.

I can add this if you’d like, but I do have to figure out why the border won’t change colors from 12 days ago.

Sure?

progr · November 25, 2020, 10:19am

If you can do this it would be fantastic! Since it’s not visible on a gradient background.

hammerhai · November 25, 2020, 10:25am

It’s not a matter of whether I can or can’t. I can, but I weighed the decision of adding it in the beginning because I did not know if people would contrast colors correctly, so instead I based it on whether the background of what it was being place in was light or dark.

@progr It seems I made a mistake on my part, I must’ve forgot that I moved the mode property while testing after building. I’ll add a custom color option for the border!

Ekansh_Pandit · November 25, 2020, 10:48am

PLSSSS SAY ME
is this extension like addylins tutorial or u can create other designs with this
but i feel addylins trick is tough so which is best .extension vs tutorial

hammerhai · November 25, 2020, 10:49am

I’m sorry, did you not try the extension? From what I understand, you were telling me to reduce the size of the extension so I’m going to assume you’ve tried it.

Ekansh_Pandit · November 25, 2020, 10:56am

error

progr · November 25, 2020, 11:14am

Thanks, appreciate your work