B4A Library [B4X] [XUI] [B4XLib] SD TextView

I needed to develop a modern editText (or TextField), but different from the B4XFloatTextField, different in terms of graphics and style. So I created the SD_TextView
(see also xComboBox)

NOTE: You can use this library for personal and commercial use. Include it in your projects.. Attention, even if it is a B4XLib library, it is not allowed to decompress it, modify it, change its name or redistribute it without the permission of the author

SD_TextView

Author: Star-Dust
Version: 0.25

• SD_IconTextView
  • Events:
    • EnterPressed
    • FocusChanged (HasFocus As Boolean)
    • HintClick
    • TextChanged (OldText As String, Newtext As String)
  • Fields:
    • mBase As B4XView
    • Tag As Object
  • Functions:
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map)
      Base type must be Object
    • GetBase As B4XView
    • Initialize (Callback As Object, EventName As String)
  • Properties:
    • Hint As String
    • HintFont As B4XFont
    • NativeObject As TextField [read only]
    • Text As String
    • TextFont As B4XFont
• SD_TextView
  • Events:
    • EnterPressed
    • FocusChanged (HasFocus As Boolean)
    • TextChanged (OldText As String, Newtext As String)
  • Fields:
    • mBase As B4XView
    • Tag As Object
  • Functions:
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map)
      Base type must be Object
    • GetBase As B4XView
    • Initialize (Callback As Object, EventName As String)
    • SetHintColor (HintTextColor As Int, HintBackGroundColor As Int)
    • SetTextViewColor (TextColor As Int, BackGroundColor As Int, Corner_Color As Int)
  • Properties:
    • AnimateHint As Boolean
    • Hint As String
    • HintFont As B4XFont
    • NativeObject As TextField [read only]
    • Text As String
    • TextFont As B4XFont
• SD_TwoIconTextView
  • Events:
    • Click
    • EnterPressed
    • FocusChanged (HasFocus As Boolean)
    • HintClick
    • TextChanged (OldText As String, Newtext As String)
    • Unfocus
  • Fields:
    • mBase As B4XView
    • Tag As Object
  • Functions:
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map)
      Base type must be Object
    • GetBase As B4XView
    • Initialize (Callback As Object, EventName As String)
  • Properties:
    • Hint As String
    • HintFont As B4XFont
    • NativeObject As TextField [read only]
    • Text As String
    • TextConfirmButton As String
      Char fontAwesone
    • TextFont As B4XFont
• SD_UnderLineTextView
  • Events:
    • EnterPressed
    • FocusChanged (HasFocus As Boolean)
    • TextChanged (OldText As String, Newtext As String)
  • Fields:
    • ExpansionTime As Int
    • mBase As B4XView
    • Tag As Object
  • Functions:
    • DesignerCreateView (Base As Object, Lbl As Label, Props As Map)
      Base type must be Object
    • GetBase As B4XView
    • Initialize (Callback As Object, EventName As String)
    • UnderLine (Show As Boolean)
  • Properties:
    • Hint As String
    • HintFont As B4XFont
    • NativeObject As TextField [read only]
    • Text As String
    • TextFont As B4XFont

 

[Star-Dust]

Update rel 0.09

Add TwoIconTextView class​

 

[Ilya G.]

Can you update lib in first post?

 

[Star-Dust]

sorry, i do not understand what you mean

 

[Ilya G.]

Attached lib in first post is 0.08

 

[Star-Dust]

It's just a typo. It is version 0.09 although I have not updated the number in the release,

 

[Ilya G.]

I think it must have TwoIconTextView.SendButton method, how to set second icon?

 

[Star-Dust]

In the current version there is no customization of the send button. Maybe it could be in the future

 

[Star-Dust]

Update rel. 0.11

• Add new View: UnderlineTextView

It is possible to make the line appear when the view is created or when it is in focus. Attached an example

 

[Star-Dust]

Update rel. 0.12

Add HintClick event on IconTextView​

Add HintClick event on TowIconTextView​

​

The event will be raised when the hint icon is clicked​

 

[Star-Dust]

Update 0.13

Added TextConfirmButton property in TwoIconTextView​

 

[Rubsanpe]

Hi. I think I have encountered a small problem. When the hint text is longer it increases a lot the space before and after the text, and it looks misaligned with the other controls.

Rubén

 

[Star-Dust]

It is not a bug,

A label with rounded edges is created for the hint and the text is centered on this label, not right aligned.

However download version 0.14 that this difference has been reduced

 

[LucaMs]

Since the label is aligned to left, align its text to left too; or, better, provide a property to set its alignment

 

[Star-Dust]

Since the label is aligned to left, align its text to left too; or, better, provide a property to set its alignment

This is not exactly the case. The label can be aligned left or right as desired. The text always in the center

 

[Rubsanpe]

It is not a bug,

A label with rounded edges is created for the hint and the text is centered on this label, not right aligned.

View attachment 108789
View attachment 108790

However download version 0.14 that this difference has been reduced

Ok, Thank you. If i set the option "Animated Hint" the efect is more the effect is even more noticeable.

Rubén

 

[Rubsanpe]

Hi. Version 0.14 is perfect, thank you.

Rubén

 

[glupinacci]

Update rel. 0.11

• Add new View: UnderlineTextView

View attachment 104909

It is possible to make the line appear when the view is created or when it is in focus. Attached an example

Update rel. 0.11

• Add new View: UnderlineTextView

View attachment 104909

It is possible to make the line appear when the view is created or when it is in focus. Attached an example

Hello! Awesome work! Is this image from B4a? how do you change the cursor color as shown?

 

[Star-Dust]

I'm sorry but I haven't changed the color of the slider. It is a theme effect in the android manifest. You can change cursor color using native procedures applied to native view which you can get with the NativeObject property

 

[Mashiane]

Hi SD...

Can you please advise, this does not work well..

Sub PreProcessSDText(sdtext As SD_IconTextView, hintIcon As Object, hint As String)
    sdtext.HintFont = xui.CreateMaterialIcons(30)
    sdtext.Hint = hintIcon
    sdtext.NativeObject.HintText = hint
    sdtext.NativeObject.KeyboardType = sdtext.NativeObject.TYPE_DEFAULT
End Sub

Usage..

PreProcessSDText(txtCity, Chr(0xE7F1), "City")

Perhaps I'm missing something.... or maybe I should leave out the keyboard part.

 

[Star-Dust]

Hi SD...

Can you please advise, this does not work well..

Sub PreProcessSDText(sdtext As SD_IconTextView, hintIcon As Object, hint As String)
    sdtext.HintFont = xui.CreateMaterialIcons(30)
    sdtext.Hint = hintIcon
    sdtext.NativeObject.HintText = hint
    sdtext.NativeObject.KeyboardType = sdtext.NativeObject.TYPE_DEFAULT
End Sub

Usage..

PreProcessSDText(txtCity, Chr(0xE7F1), "City")

Perhaps I'm missing something.... or maybe I should leave out the keyboard part.

I didn't quite understand what is not working well and which class you are writing about

This is the expected behavior. By Hint we mean the icon (if you use FontAwesone) or the text (if you use a normal font) enclosed in the drop.
While if you want the traditional hint you have to access the native property.