Como crear widget para Android - Crea Widget de batería con Kwgt
Para este tutorial necesitaremos tan solo el editor kwgt y tener instalado el
launcher launcher en nuestros móviles, para facilitarnos el manejo de los
widgets.
Lo primero que haremos será establecer el fondo de pantalla, e instalaremos la
copia de seguridad que les dejare en la descripción, ya teniendo la copia de
seguridad instalada, ingresaremos al tercer espacio de los widgets del
escritorio Que nos llevará al editor kwgt.
Creación del fondo negro
Iremos a la opción de crear, luego nos iremos al signo más de la parte
superior derecha. Y aquí seleccionaremos la opción forma, nos saldrá este
cuadradito como estamos observando al cual le daremos un ancho de 218, y
esquinas de 29.
En la pestaña de pintura tendremos la opción de color donde la cambiaremos a
negro.
Base de la esfera del Dragón
Regresaremos al principio a raíz e iremos al signo de más y seleccionaremos la
opción "fonticon" y nos saldrá esta estrella blanca, ingresaremos a ella , y
en icono - de estrella seleccionaremos un circulo blanco o su vez nos
situaremos en buscar la palabra lens.
Le daremos un tamaño de 140, y en pintura será blanco, guardaremos.
Creación de la batería
Nuevamente nos vamos a raíz e iremos al signo de más, y seleccionaremos la
opción progreso, ingresaremos a ella... y en rotación pondremos 270.
En la pestaña de color. ..en modo le cambiaremos a "grandiente", aquí se nos
desglosara tres colores los cuales iremos cambiándolos con los respectivos
códigos de aquí …..y en filtro le cambiaremos a "Multiply".
En la pestaña de estilo le pondremos lineal, tamaño 119 y alto 117
En la pestaña de posición: 0 y 2 respectivamente
Reajuste y Borde de la esfera del Dragon
Nos vamos nuevamente al principio a raíz, y seleccionamos a "Fonticon" que es
primer círculo blanco que realizamos, ya seleccionado, con este visto en azul,
nos vamos a la parte superior y le damos en copiar desde la parte superior y
luego pegar y nos va a salir de esta manera.
Ingresamos al "fonticon" que creamos y nos vamos a la pestaña de "pintura" y
en estilo, elegiremos la opción "golpe" y se verá así.
Creación de las estrellas de la esfera del Dragon
Ahora crearemos las estrellas,…… iremos a raíz y al signo más donde escogernos
"FontIcon" nuevamente y nos saldrá la estrella blanca automáticamente.
Seleccionaremos el fonticon desde el recuadro pequeño que se hace azul y esta
vez desde la parte superior seleccionamos el lápiz para editar el nombre, le
pondremos 1era estrella.
Ingresaremos y en la pestaña de icono en tamaño pondremos 30 y en la pestaña
de pintura le daremos un color negro.
En posición le pondremos menos 30 y 10 respectivamente.
Iremos a raíz seleccionamos el recuadro de la 1era estrella y la copiamos y
pegamos con las opciones de la parte superior, esto haremos dos veces de modo
que nos quede 2 repeticiones de la primera estrella. Ahora editaremos el
nombre de lo que copiamos y pegamos, poniéndole 2da estrella y a la otra 3era
estrella, esto lo realizamos para no confundirnos.
Ahora entraremos a la segunda estrella e iremos a la pestaña de posición y
pondremos 3 y menos 17, guardamos y regresamos a raíz. Donde ingresaremos a la
tercera estrella y en la pestaña de posición le pondremos 30 y 20
respectivamente.
Recursos:
Creación del Texto de Batería y Carga
Regresaremos a la raíz y en el signo más seleccionaremos "texto", ingresando a
él …veremos la hora, y borraremos la fórmula del cursor.
Después seleccionaremos donde dice "batery info" y nos saldrá otras fórmulas
donde escogeremos la primera opción que dice "nivel de batería" y le daremos
en la parte superior en el visto.
Realizado eso, cambiaremos el tipo de letra aquí mismo, donde dice
fuente...seleccionaremos "bebas new regular" y en tamaño le pondremos 30.
En la pestaña de pintura le cambiaremos a negro y en posición pondremos 0 y 40
respectivamente, guardaremos. Ahora nuevamente iremos al principio y crearemos
un nuevo texto, ingresaremos a él, borraremos la formula y ahí escribiremos
"Batery", aquí mismo cambiaremos la fuente a "bebas new" y tamaño 26.
Y En la pestaña posición menos 80 y guardamos.
Toques de luminosidad
Para darle unos toques de luz a nuestra esfera del dragón, seleccionaremos el
segundo "FontIcon", lo copiaremos y lo pegaremos, nos saldrá al final como
estamos observando.
Lo seleccionamos para cambiarle el nombre y le ponemos "circulo tomate"
guardamos.
Ingresamos a él y en la pestaña de icono, en tamaño le pondremos 150, en la
pestaña de pintura el color será el código que estamos observando (#FFF55209)
y en golpe le pondremos 3.
Ya en la pestaña de posición será 0 y menos 1 respectivamente.
Finalmente regresamos a la raíz, y volvemos a crear un nuevo "fontIcon”, lo
seleccionamos para editar su nombre: le pondremos " circulo blanco" ingresamos
a él y en la pestaña de icono star, buscaremos el circulo blanco como lo
hicimos en el principio y le pondremos en tamaño 50.
En la pestaña de pintura en color le pondremos el siguiente código.
Y en la
pestaña posición le pondremos menos 21 y menos 24 respectivamente.
En la pestaña de FX, cambiaremos la textura a " gradiente horizontal" , el
color le pondremos "totalmente transparente" , ancho 100 y paralelo 52.
Por ultimo en la pestaña capa le pondremos una escala de 119 para que el
widget se haga más grande y guardaremos. También no de vemos olvidar que la
pestaña contacto debemos activar la opcion “desbloquear tacto “, para no estar
ingresando sin querer a cada momento al editor.
Conclusión:
Finalmente tendremos nuestro widget de batería esfera del dragón, ya para los
otros widgets (widgets editados) simplemente importaremos los mismos como lo
hemos realizado en los anteriores videos. Es decir, ingresamos a cada espacio
del widget y ponemos en “importar”, seleccionamos desde la ubicación en que se
encuentren y lo guardaremos, pondremos la opción “desactivar tacto” y
actualizar a cada uno de ellos.
Por si deciden revisar aquí les dejo el widget creado "batería esfera del dragón"
Y así podremos gozar de un increíble setup dragón ball z con widget de batería
“esfera del dragón”