[Free] Create Buttons, Labels, TextBoxes, Images, Sliders by code. New font. Vertical Slider

[Juan_Antonio]

Hi friends,

with this extension we can create Buttons, Labels, Textboxes, Images and Sliders by code in a Layout (Arrangement).

- Features:

• Set width and hight.

• Set position in Arrangement.

• Colors.

• If you click over Button, Label or TextBox, trigger an event.

• Rotate: 0 - 360, you can set Components in vertical or other angle.

• Font Type Face, you can load a FTF file in asset, example: sevillana.ttf for Buttons, Labels and Textboxes, if this String is empty, font is set in Design.

• TextAlignment, number: 0 - 6

• Slider with rotate 90, is a Vertical Slider.

• Remove all, remove all views (and layout)

• List Views (example):
  android.widget.Button{109d336ad VFED…C… … 210,220-360,345 #2}

• If you create Views, then change to other Screen and then return, views are removed.

New version:

• Slider with initialPosition.
• Slider with StopTrackingTouch.
• Create Images.

- Feliz Año Nuevo.

• Juan Antonio Villalpando.

**

http://kio4.com/appinventor/294_extension_crear_componente.htm

**

Hola amigos, con esta extensión podemos crear Botones, Etiquetas, CajaDeTextos, Imágenes y Deslizadores mediante código, además podemos poner nuevas fuentes, en el ejemplo he puesto la fuente sevillana.ttf.
También puedes poner los componentes en cualquier ángulo, por ejemplo si pone el rotate a 90, podremos ponerlos en vertical, así podemos tener un Deslizador en vertical por ejemplo.
Se puede situar los componentes en cualquier lugar del Disposición, incluso se pueden poner unos encima de otros.
Si están en una pantalla, por ejemplo la Screen1, cambias de pantalla y vuelves a la anterior, los componentes creados se borran. Podrías poner la creación de componentes en el bloque de inicio de pantalla para que se crearan cada vez que arranque la pantalla.

En la nueva versión he agregado la posibilidad de crear Imágenes, en el Deslizador podemos poner la posición inicial y también un evento que sucede cuando soltamos el Deslizador.

He puesto más información en:
http://kio4.com/appinventor/294_extension_crear_componente.htm

p194_crear_componentes.aia (100.4 KB)
com.KIO4_CreateView.aix (17.8 KB) (version 2)

com.KIO4_CreateView.aix (18.2 KB) (version 3)(april 2018)

com.KIO4_CreateView.aix (18.3 KB) (version 4) (may 2018) (last version)

• Version 3:

• Different way of dimensions width, height, topmargin, leftmargin.

• RemoveViewAt, when write his number, remove that view. (Example in: Post79)

• Version 4:

• Now with NumbersOnly in TextBox.

[Peter_Mathijssen]

Wow, this one is really special. Great work

[Barreeeiroo]

Isn’t this something like that extension?

The ExtraComponents Extension (Beta)

EDIT: Version 1.2 is currently under testing. Try it out here: Hello everybody It's time for a fresh extension. :wink:. There was a huge discussion about the integration of Toggle buttons onto the Thunkable platform a few days ago (see here). Until now, there has been no easy way to add off-palette components to your app without fidgeting with canvases, arrangements and whatnot. All this struggle for something developers on other platforms take for granted. In order to bridge this gap betw…

[Juan_Antonio]

Hola Barreiros, te contesto en español que es más fácil para mí. No conocía esa extensión, pero por lo que veo, no crea botones ni deslizadores ni etiquetas ni camposdetexto, (me refiero con todas las propiedades que he puesto) por lo que he podido ver rápidamente, además tampoco puede darle cualquier ángulo a la posición del componente, ni situarlo en un lugar preciso, tampoco puede establecer otro tipo de fuente, ni ver la información de los componentes situados en la Disposición, y creo que tampoco borrarlo, así que no creo que se parezca mucho.

[Barreeeiroo]

Si que puede crear botones en la nueva versión
Con respecto a si es parecido o no, me refería a que el comportamiento es similar: poder crear componentes desde los bloques

[Juan_Antonio]

Por eso digo que me refiero a crear esos componente pero con todas esas propiedades en cada uno de ellos. Por ejemplo podemos poner un Deslizador Vertical cambiando su orientación.

[WallaceGromit]

disculpe la traducción con un traductor de italiano a español. Su extensión es fantástica, pero no puedo ingresar un valor inicial para el control deslizante, basado en una variable que obtengo de los cálculos, puede hacerlo?

[Juan_Antonio]

• Nueva version. Ahora el Slider puede llevar initialPosition.

Hola @WallaceGromit, he puesto la posibilidad de poner un valor inicial (initialPosition) en el Slider, espero que te funcione.

com.KIO4_CreateView.aix (15.4 KB)

[Juan_Antonio]

Ejemplo de Slider Vertical.

A vertical and horizontal slider move a ball in Canvas.

Look dimensions and margins in vertical slider.

• En este ejemplo podemos mover una bola en un Lienzo mediante Deslizadores horizontal y vertical.

• Observa la manera de poner las dimensiones y distancia a los márgenes en el Deslizador Vertical.
  p194_crear_slider_vertical.aia (19.0 KB)

• Puedes seguir el tutorial en: http://kio4.com/appinventor/294_extension_crear_componente.htm

[WallaceGromit]

FANTASTICO!!! e tan rapido. Es posible que todavía tenga algunas preguntas, pero por ahora tengo suficiente material para trabajar. Muchissimas gracias.

[Juan_Antonio]

New Version, now TextBox with frame.

If in TextBox set backgrounColor = 1, we get a TextBox with frame.

com.KIO4_CreateView.aix (15.7 KB)

[Andres_Cotes]

hola Juan muchas gracias por tu aporte. considera ya que es una vistas crear los set , los get y el panel de propiedades para que se pueda configurar los elementos individualmente

muchas gracias

[Juan_Antonio]

Hola @Andres_Cotes también he pensado eso, poner la Propiedades en bloques individuales, pero resulta que salen muchos bloques, ya que la misma extensión sirve para varios componentes.
También he pensado en hacer una extensión para cada componente y ahí sí poner las Propiedades de forma separada, ya veré si lo hago.

[Juan_Antonio]

Update this extension, now you can get an Event when onStopTrackingTouch in Slider.

p194_crear_slider_verticalcentro.aia (20.6 KB)
com.KIO4_CreateView.aix (17.6 KB)

• En este ejemplo, cuando sueltas el Deslizador, el cursor vuelve al centro.

http://kio4.com/appinventor/294_extension_crear_componente.htm

[Ali_Aydin]

Thanks for it.

Is it posible create a desing using built in components in one layouts component (like vertical or horizational arragement) and create it multiple times.

Example: we try make a listview with this Method
One image on left one text in the midle and another text on the right side of the screen.These are in one arragement its our desing and we want use this desing multiple times.

İs it posible?

[Juan_Antonio]

Hi @Ali_Aydin,

with this extension isn’t possible (yet) create layout.

But we can create several components by a loop. Look this example:

p194_crear_componentesbucle.aia (102.0 KB)

com.KIO4_CreateView.aix (17.8 KB) (version 2)

Como ves en el ejemplo, podemos crear componentes mediante un bucle, cambiamos la posición horizontal mediante la variable topMargin.

This example is in: http://kio4.com/appinventor/294_extension_crear_componente.htm

[Ali_Aydin]

I like it.Thanks for it.

I will try make a leaderboard ı try canvas listview… Each Method have own problems (slow ugly ui) I will try this when i have time for it

Do you know There is a problem with performance or memory ıssue when we use too much create operation.

[Abdul_Maajith]

Is there any way to create cards through this extension?

[nandu]

Sir how to get value from textbox in label

[Juan_Antonio]

@Abdul_Maajith , this extension doesn`t create cards.

@nandu , to get text, click over TextBox.