Spanish Personalizar vista B4XFloatTextField

[TILogistic]

Estimados,

Quiero compartir un ejemplo (archivo adjunto) de como se puede personalizar una vista B4XFloatTextField de la librería XUI Views.

En este ejemplo he usado el método de desarrollo B4XPages, y si desea se puede usar en el desarrollo normal.

La única diferencia entre las plataforma, es que en B4J utiliza un archivo de estilo CSS.

Estoy atento a sus comentarios.

Saludos,

Resultados B4J y B4A:

 

[TILogistic]

Ver:

Hint: fuera lado superior izquierdo o derecho.

Color ScrollBar modificado y Cursor tipo Hand (mano)

 

[Rubsanpe]

Hola. Muy interesante. ¿Como consigues sacar el Hint del campo de texto?

Un saludo

Rubén

 

[TILogistic]

Imagen de fondo:

 

[TILogistic]

Agregar a la rutina del ejemplo:

Public Sub SetFloatTextField

    If FloatTextField.TextField Is TextArea And xui.IsB4J Then
        Dim ta As TextArea = FloatTextField.TextField
        ta.WrapText = False
        ta.Style = $"
                    -fx-background-image: url(${File.GetUri(File.DirAssets, "img.jpg")});
                    -fx-background-repeat: stretch;
                    -fx-background-size: 100% 100%;
                    -fx-background-position: center center;
                    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.9), 10, 0, 0, 0);
                    -fx-background-color: transparent;
                   "$
    End If

 

[TILogistic]

Pronto publicare todo el proyecto, cuando termine el tema o skin que necesito para un proyecto.

Saludos,

 

[carlos7000]

Hola Oparra.

¿De casualidad, conoce algun skin para mejorar las aplicaciones desarroladas con b4a para Android?

Saludos.

 

[TILogistic]

Hola Oparra.

¿De casualidad, conoce algún skin para mejorar las aplicaciones desarrolladas con b4a para Android?

Saludos.

No.

Solo usamos nuestras Librerías de vistas y animaciones que tenemos desarrolladas.

Saludos,

 

[carlos7000]

No.

Solo usamos nuestras Librerías de vistas y animaciones que tenemos desarrolladas.

Saludos,

Ok. Gracias.

 

[asales]

Ver:

Hint: fuera lado superior izquierdo o derecho.

Color ScrollBar modificado y Cursor tipo Hand (mano)

View attachment 111012 View attachment 111010

¿Puede compartir el código de estas modificaciones? Gracias.

 

[Rubsanpe]

Hola. ¿Alguien sabe como se puede añadir un margen izquierdo donde se escribe el texto? He definido los campos con un borde redondeado, y el cursor empieza muy cerca del borde y no queda demasiado bien.

Gracias

Rubén

 

[angel_]

Hola. ¿Alguien sabe como se puede añadir un margen izquierdo donde se escribe el texto? He definido los campos con un borde redondeado, y el cursor empieza muy cerca del borde y no queda demasiado bien.

Gracias

Rubén

Prueba a modificar la propiedad Padding 8, 0, 0, 0 en el Visual Designer

Public Sub SetFloatTextField(FloatTextField As B4XFloatTextField)
    FloatTextField.SmallLabelTextSize = 14 'Hint Small
    FloatTextField.LargeLabelTextSize = 16 'Hint Large
    FloatTextField.TextField.TextSize = 16 'Text
   
    Dim TextFont As B4XFont = xui.CreateFont2(FloatTextField.HintFont, FloatTextField.SmallLabelTextSize)
    Dim TextWidth As Int = MeasureTextWidth(FloatTextField.HintText, TextFont)
    Dim BorderRadius As Int = 25
   
    FloatTextField.HintLabelSmallOffsetY =  5 'Inside
    FloatTextField.HintLabelSmallOffsetX = (FloatTextField.TextField.Width - TextWidth) - (BorderRadius + 5) 'Right
    #If B4A
        Dim edt As EditText = FloatTextField.TextField
        edt.Padding = Array As Int (10dip, 0dip, 0dip, 0dip) 'Margen izquierdo 10dip
    #End If
    FloatTextField.Update
   
    FloatTextField.TextField.SetColorAndBorder(xui.Color_White, DipToCurrent(2), xui.Color_Black, BorderRadius)
End Sub

 

[Rubsanpe]

Woow, fantastico gracias. Funciona perfectamente.

Rubén

 

[jose luis gudino]

Excelnte,
Hola tengo un problema cuando uso una vista de tipo B4XFloatTextField no puedo ver su contenido del texto, cuando estoy en modo debuger.
y aparece un mensaje :
alguien tendria la solucion
gracias!!!

 

[netsistemas]

LLevalo a una variables string antes, a ver si así puedes consultar su valor sin este problema.

 

[Xfood]

Pronto publicare todo el proyecto, cuando termine el tema o skin que necesito para un proyecto.

Saludos,

hi @TILogistic , have you already published the project? I can't find it thanks

 

[TILogistic]

a presto amico, sto preparando tutto quello che pubblicherò, sto organizzando quello che ho fatto, ovvero tante lezioni e visualizzazioni personalizzate

esempio che ho trovato tra le visualizzazioni personalizzate.

 

[Xfood]

Grazie Amico, non vedo l'ora di dare un aspetto professionale alle mie app , grazie al tuo fantastico codice e supporto.