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: 434
  • warningimage.png
    warningimage.png
    3.1 KB · Views: 461
  • MetroUI_B4A .zip
    39.7 KB · Views: 707
  • Screenshot_40.png
    Screenshot_40.png
    21.7 KB · Views: 1,045
  • MetroUI_B4i.zip
    61.6 KB · Views: 314
  • MetroUI_TextView.B4xlib
    14.8 KB · Views: 415
Last edited:

WhiteWizard

Member
Licensed User
Doesn't it work?
everything is normal here. Save the views and try to clean your project.
More on the subject: (both BorderRadius set on 3)
Also, the size of the box is not compatible with other controls like FloatLabeledTextField , some times its usefull to mix the controls, would be nice if the could be the same size (on the designer they looks like they have same heigth, but on execution time the Metro control is thinner.)
1621001922546.png
 
Last edited:

Ertan

Active Member
Licensed User
More on the subject: (both BorderRadius set on 3)
Also, the size of the box is not compatible with other controls like FloatLabeledTextField , some times its usefull to mix the controls, would be nice if the could be the same size (on the designer they looks like they have same heigth, but on execution time the Metro control is thinner.)
View attachment 113386
Screenshot_2.png

Would you mark it as Right and Left?
Use this setting for now and I'll fix it when I'm available in the future. I am currently interested in a different library :) Stay well.

V3.2
For iOS, the problem with corner radius has been fixed.
 

Attachments

  • MetroUI_TextView.B4xlib
    14.7 KB · Views: 271
Last edited:

JesusGB

New Member
Licensed User
First of all... great work! A beautiful and useful design.

I found a problem: When I active at same time "Password Mode" and "Numbers" input type, the password mode is not working. In my app I use numeric pin to login and I want to hide it. Any solution?

Thanks in advance
 

Attachments

  • Captura de pantalla 2021-06-22 095200.png
    Captura de pantalla 2021-06-22 095200.png
    26 KB · Views: 202

Ertan

Active Member
Licensed User
First of all... great work! A beautiful and useful design.

I found a problem: When I active at same time "Password Mode" and "Numbers" input type, the password mode is not working. In my app I use numeric pin to login and I want to hide it. Any solution?

Thanks in advance
Hello there,
Can you try as v3.3? Waiting for your return. I will publish it later.
 

Attachments

  • MetroUI_TextView.B4xlib
    14.8 KB · Views: 243

jahswant

Well-Known Member
Licensed User
Longtime User
please check. When the hint text is empty it also simulate empty text and create a gap on line.
 

Enxix

Member
Hola, podrías replicar tu librería con el spinner y autocomplededittext.
Me encanta y la uso mucho a tu lib.
Por eso este pedido. No quería modificar tu librería.
 

Xfood

Expert
Licensed User
hi @Ertan , I'm trying your fantastic lib, I find it very beautiful and interesting, it would be very beautiful and useful if I added a border animate color property, and every time the textbox has focus animate the border
Thank you very much for your patience

1697011024913.png


like this border animation to understand
1697011636401.gif
1697011717475.gif
 
Last edited:
Top