iOS Tutorial FloatLabeledEditText (iUI8)

iUI8 v1.20 includes a new view named FloatLabeledEditText. It is a modified TextField that instead of hiding the hint text when the text field is non-empty it moves it to the top.

It is implemented as a custom view. You just need to a reference to iUI8 library and then add the view with the designer (it will appear under CustomView menu).

It is based on this open source project: https://github.com/jverdi/JVFloatLabeledTextField

Note that you need to add #MinVersion: 8 when using iUI8 library.

 

[narek adonts]

I think you should add this port in the Git page of this wrapper in the section
Ports and Alternate Implementations

 

[moore_it]

hi Erel, the type remain textfield ?

 

[Erel]

No. It is FloatLabeledTextField.

 

[moore_it]

Ok. It's wonderful but it's possible to have a password FloatLabeledTextField ?
Thanks

 

[Erel]

Yes. You can set the PasswordMode to true (in your code).

 

[moore_it]

Great !

TKS !

 

[cloner7801]

I set FloatLabeledEditText alpha to 0 and in code I use alpha animated
but it didn't work

 

[Erel]

Change the alpha of BaseView.

 

[Erel]

when i try to change view dimension, it doesnt work

You need to change the position of FLV.BaseView.

You can change the active and inactive colors with this code:

Dim no As NativeObject = FloatLabeledTextField1
no.SetField("floatingLabelActiveTextColor", no.ColorToUIColor(Colors.Red))
Dim s As AttributedString
s.Initialize("hint text here", Font.DEFAULT, Colors.Blue)
no.RunMethod("setAttributedPlaceholder:", Array(s))

 

[hongbii khaw]

Hi all,
Can I create the floatedlabelededittext in the program instead of in designer?
Thank you.

 

[Erel]

You must add it with the designer. You can create a layout file with only this view and add it multiple times.

In almost all cases it is a mistake to create the layout programmatically in B4i. You must handle the page resize event and set the whole layout there.

 

[cloner7801]

Can we change text alignment to right? or center?(also hint change)

 

[Erel]

Yes:

FloatLabeledTextField1.TextAlignment = FloatLabeledTextField1.ALIGNMENT_CENTER

This also changes the hint alignment.