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.

1. gif



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;


2.gif


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

Screenshot_40.png


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)
 

Attachments

  • errorimage.png
    errorimage.png
    6.8 KB · Views: 183
  • warningimage.png
    warningimage.png
    3.1 KB · Views: 197
  • MetroUI_B4A .zip
    39.7 KB · Views: 381
  • Screenshot_40.png
    Screenshot_40.png
    21.7 KB · Views: 813
  • MetroUI_B4i.zip
    61.6 KB · Views: 76
  • MetroUI_TextView.B4xlib
    14.8 KB · Views: 80
Last edited:

incendio

Well-Known Member
Licensed User
Thanks for the library.
Got an error when compiling
java.io.FileNotFoundException: refer.png
 

Unobtainius

Active Member
Licensed User
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

Active Member
Licensed User
Thanks for the library.
Got an error when compiling
java.io.FileNotFoundException: refer.png
Screenshot_35.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

Active Member
Licensed User
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
Screenshot_36.png
>>
Screenshot_37.png

Are you talking about an example like this?

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

incendio

Well-Known Member
Licensed User
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

Active Member
Licensed User
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.
 
Last edited:

Ertan

Active Member
Licensed User
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

Well-Known Member
Licensed User
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
 

Ertan

Active Member
Licensed User
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;

2.gif
 

WhiteWizard

Member
Licensed User
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

Active Member
Licensed User
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.
 
Top