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)

WhiteWizard · May 14, 2021

Ertan said:
V3.1 (most current version)

iOS Bug Fixed.

Can you download the samples and try again?

Great job!, now is't working again!,let me try to use a little bit more in a real app.
Thank you!

Ertan · May 14, 2021

WhiteWizard said:
Great job!, now is't working again!,let me try to use a little bit more in a real app.
Thank you!

Doesn't it work?
everything is normal here. Save the views and try to clean your project.

WhiteWizard · May 14, 2021

Now on IOS seems not to draw the rigth border:

WhiteWizard · May 14, 2021

Ertan said:
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.)

Ertan · May 14, 2021

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

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.

JesusGB · Jun 22, 2021

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

Ertan · Jun 22, 2021

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

JesusGB · Jun 23, 2021

Ertan said:
Hello there,
Can you try as v3.3? Waiting for your return. I will publish it later.

Problem solved with v3.3! Thank you so much!

jahswant · Aug 24, 2021

please check. When the hint text is empty it also simulate empty text and create a gap on line.

WhiteWizard · Aug 24, 2021

jahswant said:
please check. When the hint text is empty it also simulate empty text and create a gap on line.

Have you tryed setting the hint background to transparent?

Ertan · Aug 24, 2021

Make sure you are using the current version. Make a video showing the bug.

jahswant · Aug 25, 2021

I will check

jahswant · Aug 25, 2021

WhiteWizard said:
Have you tryed setting the hint background to transparent?

Solves my issue. Thanks.

jahswant · Aug 25, 2021

Ertan said:
Make sure you are using the current version. Make a video showing the bug.

Thanks for this view !

Ertan · Aug 25, 2021

jahswant said:
Thanks for this view !

Glad you got it resolved! Healthy days.

Enxix · Sep 30, 2021

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 · Oct 11, 2023

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

like this border animation to understand

[B4X] [XUI] Ui max_co libraries 🎁🌹

Hello friends We are happy to have a great community and great friends like you. We do our best to make B4x look more beautiful Today we give you another cross-platform library as a gift 5- UM_SnackBar Author: Ui max_co Version: 1.20 compatible with: B4A,B4i,B4J Click to see more...

www.b4x.com

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

Attachments

Member

Active Member

Member

Member

Active Member

Attachments

New Member

Attachments

Active Member

Attachments

New Member

Well-Known Member

Member

Active Member

Well-Known Member

Well-Known Member

Well-Known Member

Active Member

Member

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency