B4A Library [B4A] [B4i] [XUI] MetroUI_TextView

Hello,

We have made our first special component and put it into use. We Have No Expectations. If you want, you can take the codes with winrar and open B4Xlib codes, edit and duplicate them. Because Sharing is Good.

Report bugs and requests to us in response.

MetroUI_TextView

Authors : @Ertan, By_Cod3rs
Versions : 3.3

Versions :

V1.00
-Release

V2.00

1. - The library has been optimized.
2. - Hint Up Enable feature added. With this feature;
3. - Hint Text can now customize its color as you go up.
4. - Hint Text can now change its name when going up.
5. - Enable the "Hint Up Enable" feature to enable these features.

Minor Error Arrangement :
If there was an article in the box, the Hint Text was below. This problem has been fixed.

View;

V2.01

1. Fixed the background to be white

V2.02

1. iOS Done Button Visible Bug Fixed.

V2.03

1. For ios, clicking the "Done" button on the keyboard, the keyboard hide event has been added.

V2.04

1. For android, password mode bug fixed.

V2.50

1. You can change the color of Hint Name background as you wish.

V3.00

1. Some major bugs have been fixed.

V3.2

1. iOS Bug Fixed.
2. For iOS, the problem with corner radius has been fixed.

V3.3

1. https://www.b4x.com/android/forum/threads/b4a-b4i-xui-metroui_textview.124848/post-831773 The error in this link has been fixed.

MetroUI_TextView

• Events:
• TextChanged (String as oldtext, String as newText)
• FocusChanged (HasFocus as Boolean)
• EnterPressed
• DoneClick

--------------------------------------

• Designer Features:
• Background Corner Radius
• Background Color
• Border Width
• Border color
• Hint Label Color
• Line Color
• Done Button Color
• Text Color
• Hint Name
• Password Mode
• Single Line Box [B4A]
• Text Box Input Type
• Done Button Visible
• Done Button Keyboard Visible
• Icon Image File
• Error Image File
• Warning Image File
• Hint Up Enable
• Hint Name Up Color
• Hint Name Up Text

V2.50 NEW DESIGN FEATURES;

• Hint Background Color

Android Preview:


iOS Preview:


Note: For B4A, you need to enable IME Library. Because click the done button to hide the keyboard.
Note: For B4i, you need to enable the iHUD library. Because for the alert notification to appear.

You can adjust the Error and Warning pictures as you wish. This is up to you.

1. With the Done button you can hide the keyboard. You can search for Click Event and do whatever you want.

Notification for error areas in the last version;
Save all your designs again. (You are using MetroUI_TextView)

 

[incendio]

Thanks for the library.
Got an error when compiling
java.io.FileNotFoundException: refer.png

 

[Unobtainius]

Nice work, I like it. My only problem with all these floating textfield thingies is I don't necessarily want my hint text as a label. eg hint: Enter your password here, Label: Password

 

[Ertan]

Thanks for the library.
Got an error when compiling
java.io.FileNotFoundException: refer.png

There is no image refer.png in your project.
Make sure that the image file path you wrote in the "Icon Image File" section is attached to your project.
Thank you.

 

[Ertan]

Nice work, I like it. My only problem with all these floating textfield thingies is I don't necessarily want my hint text as a label. eg hint: Enter your password here, Label: Password

>>

Are you talking about an example like this?

If this is the case, we can activate it in the next update.

 

[incendio]

View attachment 103463

There is no image refer.png in your project.
Make sure that the image file path you wrote in the "Icon Image File" section is attached to your project.
Thank you.

I know that, just run the example project without modification, just to tell you that your sample project missing Icon Image file.

 

[Ertan]

I know that, just run the example project without modification, just to tell you that your sample project missing Icon Image file.

Sorry. Because I made Export Zip, some pictures were not added to the sample project. I arranged.

 

[Erel]

Because I made Export Zip, some pictures were not added to the sample project.

This means that you haven't added them to the Files tab.

 

[Ertan]

This means that you haven't added them to the Files tab.

When I made Export Zip, it didn't import my png images. I have added image warningicon.png and erroricon.png. But I forgot to add refer.png.
When I export zip, it just copies the design files to the files folder. Does not copy pictures.

 

[Erel]

Export as zip includes all the properly added files. The files should be listed in the main Files tab or in the layouts Files tabs.

 

[Ertan]

Export as zip includes all the properly added files. The files should be listed in the main Files tab or in the layouts Files tabs.

I now understand that you said yes.

Before, I was putting the pictures directly to the Files folder. Now when I make Add Files from the Designer screen, when I do Export Zip, it transferred the images into the zip. Thanks for information.

 

[AnandGupta]

Before, I was putting the pictures directly to the Files folder. Now when I make Add Files from the Designer screen, when I do Export Zip, it transferred the images into the zip.

You can put files directly to files folder, just sync in files tab in ide.
I do it.

Regards,

Anand

 

[Unobtainius]

View attachment 103467 >> View attachment 103468
Are you talking about an example like this?

If this is the case, we can activate it in the next update.

Yes, exactly

 

[Unobtainius]

View attachment 103467 >> View attachment 103468
Are you talking about an example like this?

If this is the case, we can activate it in the next update.

so light hint text

Then changed text for label with its own colour

 

[Ertan]

V2.00 (most current version)

1. - The library has been optimized.
2. - Hint Up Enable feature added. With this feature;
3. - Hint Text can now customize its color as you go up.
4. - Hint Text can now change its name when going up.
5. - Enable the "Hint Up Enable" feature to enable these features.

View;

 

[Ertan]

so light hint text
View attachment 103517
Then changed text for label with its own colour
View attachment 103518

With the update (V2.00) , your wish has been accomplished. For your information

 

[Ertan]

V2.01

1. Fixed the background to be white.

V2.02 (most current version)

1. iOS Done Button Visible Bug Fixed.

 

[Ertan]

V2.03

1. For ios, clicking the "Done" button on the keyboard, the keyboard hide event has been added.

V2.04 (most current version)

1. For android, password mode bug fixed.

 

[WhiteWizard]

Beautifull, but no text color can be set on Android 10 (Samsung S10), all Hints apears in black color, the cursor inside the text box is colored in the variant of blue in the example but the text as you write is allways black.

 

[Ertan]

Beautifull, but no text color can be set on Android 10 (Samsung S10), all Hints apears in black color, the cursor inside the text box is colored in the variant of blue in the example but the text as you write is allways black.

Can you show it with an example picture? I can help more quickly if you add the design settings and textview screenshot.
Thank you.