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

Ertan · Nov 23, 2020

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

- The library has been optimized.
- Hint Up Enable feature added. With this feature;
- Hint Text can now customize its color as you go up.
- Hint Text can now change its name when going up.
- 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

Fixed the background to be white

V2.02

iOS Done Button Visible Bug Fixed.

V2.03

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

V2.04

For android, password mode bug fixed.

V2.50

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

V3.00

Some major bugs have been fixed.

V3.2

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

V3.3

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.

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 · Nov 24, 2020

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

Unobtainius · Nov 24, 2020

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 · Nov 24, 2020

incendio said:
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 · Nov 24, 2020

Unobtainius said:
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 · Nov 24, 2020

Ertan said:
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 · Nov 24, 2020

incendio said:
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 · Nov 24, 2020

Ertan said:
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 · Nov 24, 2020

Erel said:
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 · Nov 24, 2020

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 · Nov 24, 2020

Erel said:
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 · Nov 24, 2020

Ertan said:
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 · Nov 24, 2020

Ertan said:
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 · Nov 24, 2020

Ertan said:
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 · Nov 25, 2020

V2.00 (most current version)

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

View;

Ertan · Nov 25, 2020

Unobtainius said:
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 · Nov 25, 2020

V2.01

Fixed the background to be white.

V2.02 (most current version)

iOS Done Button Visible Bug Fixed.

Ertan · Nov 27, 2020

V2.03

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

V2.04 (most current version)

For android, password mode bug fixed.

WhiteWizard · Dec 3, 2020

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 · Dec 3, 2020

WhiteWizard said:
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.

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

Attachments

Well-Known Member

Active Member

Active Member

Active Member

Well-Known Member

Active Member

B4X founder

Active Member

B4X founder

Active Member

Expert

Active Member

Active Member

Active Member

Active Member

Active Member

Active Member

Member

Active Member

Similar Threads

Privacy & Transparency

Privacy & Transparency