[FREE] Custom TextView Extension - An Extension for making different types of labels with more customization

Custom TextView

Hello everyone, Today I am launching my new extension i.e Custom TextView.This extension helps you to create different (7) types of textviews Textview are basically labels that show piece of text. This extension can create 7 styles of textviews with many customization. You can head to the Preview for seeing the all types of textviews preview.

The seven styles of the textview that this extension creates are:-

  1. Scale TextView
  2. Rainbow TextView
  3. TypeWriter TextView
  4. Evaporate TextView
  5. Fade textView
  6. Fall TextView
  7. Line TextView

Let see some blocks and their documentation.

All Blocks

Documentation

component_event(1)

This event raises when any label clicked

component_event(2)

This event raises when any label long clicked

component_event(3)

This event raises when the label’s animation start. Like in Typewriter TextView when it starts to write the text on it then this event will occur.

component_event(4)

This event raises when the label’s animation is end.

component_event(5)

This event raises when the TyperWriter textview complted its text.(This event is only for Typewriter textview).

component_method(1)

This block creates the Scale styled textview with given Id. ID must be unique

component_method(2)

This block creates the rainbow styled textview with given id. You need to give a list of colors in colors parameter as it is called rainbow text. you can give multiple colors in a list. List length must be > 1.

component_method(3)

This block created the Typewriter styled textview. You have to give an Integer in charIncrease parameter. you can define the speed of the typewriter char by the SetSpeed block.

component_method(4)

This block creates the Evaporate styled textview. I like this most from other ones :grinning:.

component_method(5)

This block creates the Fade styled textview. You can give a float for spacing between the letter of the text. for ex. 0.10.

component_method(6)

This block creates the Fall styled textview with given id

component_method(7)

This block created the Line styled textview. It need the color and width of the line in params so it can set the property of the line. The line is not a simple stroke. It animates itself for the respected duration.

component_method(8)

This block set the background color of the textviews with given id.

component_method(9)

this block set or animates the text of the created labels with the given ids

component_method(10)

this block helps to set the typeface for the label with given id. Where typeface must be an int. It set the typeface property of the textview like font awesome etc.

component_method(18)

This block set speed of the animation of text in labels. Note. It is only applicable to TypeWriter and Rainboew Textview.

component_method(17)

This block set the line color and line width of the Line textview(Only).

component_method(16)

This block set the duration of animation of the textview. Note:- It is only applicable to fade and fall textview.

component_method(15)

This bock set the visibility of the labels for given id.

component_method(14)

This block set the clickibility of the labels.

component_method(13)

This block set the font size of the labels for given id.

component_method(12)

This block set the text color of the label for given id.

component_method(11)

This block set the custom font typeface of the labels. Note:- It does not work in companion testing.

component_method(27)

This block returns the text of created label for given id

component_method(26)

This block return typewriter’s textview typing speed or char spped

component_method(25)

This block return the id of the given textview.

component_method(24)

This block returns the type of textview that you have created. For ex. It will return Fall TextView if you given it the fall textview component.

component_method(23)

This block returns true if the label is clickable for given id.

component_method(22)

This block return the font size of the label for given id.

component_method(21)

This block deletes the created label for the given id.

component_method(20)

This block set the margin of the label for given id. Margin must be a list of 4 integers that defines the margin.

component_method(19)

This block set the padding of the label for given id. It is same as the margin block. parameter paddings must be a list of four integers.

component_method(28)

This block return the label component refrenced to its id.

I hope you understand the documentation. Now let see Examples and Usage.

Usage and Preview

Scale TextView

Usage

blocks(6)

Here we are creating a Scale styled textview. Let see its preview now

Preview

Scale

Rainbow TextView

Usage

blocks(8)

Preview

Rainbow

TypeWriter TextView

Usage

blocks(9)

Preview

Typer

Fade TextView

Usage

blocks(10)

Preview

Fade

Fall TextView

Usage

blocks(11)

Preview

Fall

Evaporate TextView

Usage

blocks(12)

Preview

Evaporate

Line TextVIew

Usage

blocks(13)

Preview

Line

Note

I have used Animation End event for changing the text continuously. So dont think that the text will automatically change

Downloads

Credits

Thanks to @Mohamed_Tamer for helping me.

Thanks to @Shreyash for his super Rush .

Suggestion and issue are welcome

If you like the extension then like the topic
Thank You All

Donate

If you like my work then donate if you can :slightly_smiling_face:

67 Likes

Awesome extension @iamwsumit is it made with kotlin ?

Nice extension :+1: , Keep :kodular:oding!

Nice extension :ok_hand:

1 Like

No. It is 100% made with java language. If it contains kotlin then I will mention it​:slightly_smiling_face:. (There is no reason for mentioning the kotlin for making the extension)

3 Likes

Great extension @iamwsumit

1 Like

Here take this -

:+1:

1 Like

Nice extension :+1:

I like this extension and it is different from other effects-extensions

Because

The color and text is customizable, not fixed.

1 Like

Awesome Extension :star_struck: :star_struck: :star_struck: :star_struck: :star_struck:

1 Like

Now I can make stylish countdown :+1:

1 Like

Great extension

1 Like

Very good extension kodular… keep rocking in extension… :heart_eyes::ok_hand::ok_hand::ok_hand::ok_hand::ok_hand::ok_hand::ok_hand::ok_hand:

1 Like

Awsome extension @iamwsumit :heart_eyes: Keep :kodular: oding

1 Like

Great work :heart::heart::heart::heart:

1 Like

Is there a way to do multiline text with this? I have some places that I would like to use this extension that have rather long text and I’m currently using \n to create multiple lines in the same label.

Yes, You can use \n for multiline text in some label. But it will not work in all types of textview because mostly of them animation are with Paint and canvas.
You can use this in some types of textviews i.e, Rainbow, Line,fade and typewriter Textview maybe. . Now you can try yourself I am not sure I am right but if will definitely not work in fall,evaporate, scale textviews

1 Like

Epic work ! @iamwsumit :heart_eyes:

1 Like

Great work :fire:

1 Like

nice extension

1 Like