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

Star-Dust · Aug 13, 2020

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.24

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 · Nov 18, 2020

Update rel 0.09

Add TwoIconTextView class

Ilya G. · Dec 8, 2020

Can you update lib in first post?

Star-Dust · Dec 8, 2020

sorry, i do not understand what you mean

Ilya G. · Dec 8, 2020

Attached lib in first post is 0.08

Star-Dust · Dec 8, 2020

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

Ilya G. · Dec 8, 2020

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

Star-Dust · Dec 8, 2020

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

Star-Dust · Dec 25, 2020

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 · Jan 20, 2021

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 · Feb 22, 2021

Update 0.13

Added TextConfirmButton property in TwoIconTextView

Rubsanpe · Feb 27, 2021

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 · Feb 27, 2021

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 · Feb 27, 2021

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

Star-Dust · Feb 27, 2021

LucaMs said:
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 · Feb 27, 2021

Star-Dust said:
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 · Feb 28, 2021

Hi. Version 0.14 is perfect, thank you.

Rubén

glupinacci · Sep 27, 2021

Star-Dust said:
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 · Sep 27, 2021

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 · Oct 29, 2021

Hi SD...

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

B4X:

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..

B4X:

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

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

Star-Dust · Oct 29, 2021

Mashiane said:
Hi SD...

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

B4X:

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..

B4X:

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.

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

Attachments

Expert

Active Member

Expert

Active Member

Expert

Active Member

Expert

Expert

Attachments

Expert

Expert

Active Member

Expert

Expert

Expert

Active Member

Active Member

Member

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency