Técnica electrónica > Móvil > Consejos y trucos > Androide > personalización de Android - otoño inspirados widget de 'animado', sobre la base de los elementos variables en Zooper Widget

personalización de Android - otoño inspirados widget de 'animado', sobre la base de los elementos variables en Zooper Widget

en movimiento


¿Ha seguido a lo largo de nuestra serie personalización de Android la semana pasada? Si es así, tienes que caminar a través de la construcción de su propio contador de notificación completamente personalizado para cualquier aplicación correcta en la pantalla de inicio. Esta semana, como había prometido, vamos a ver los objetos en movimiento alrededor de un widget de Zooper en función de variables y configuraciones del sistema.

El objetivo de hoy es para ayudarle a disfrazar las cosas, al igual que el nivel de la batería o la temperatura exterior , detrás de los elementos gráficos. Vamos a trabajar fuera de mi widget de otoño con las hojas que caen. Voy a mostrar cómo se mueve una hoja, que obtendrá de aplicar sus nuevas habilidades para manejar el resto.



Antes de empezar

Usted requerirá Zooper Widget para su proyecto actual. Como siempre, usted puede dirigirse a la tienda Play Google y agarrar la versión gratuita de Zooper Widget. Para aquellos que encuentran las pocas limitaciones de la versión libre de ser una molestia, Zooper Widget Pro es $ 2.49 en la tienda de Google Play.



Para darle una idea de lo que estamos viendo aquí , estoy trabajando desde el widget circular que caminaba a través de nuestra guía completa de Zooper Widget principiante. No es necesario hacer todo este trabajo, pero se necesita saber lo que el elemento de mapa de bits es y cómo trabajar algunos de los conceptos básicos.

Para empezar, tendrá que crear su Zooper Widget en la pantalla de inicio e incluir su imagen como un elemento de mapa de bits. Asegúrese de que el tamaño según sea necesario y luego colocarlo en su posición de partida para su movimiento. Como hemos visto, tengo mi árbol como imagen de fondo, a continuación, he colocado mis hojas para sentarse en la parte superior del elemento.





usted ha visto antes, hay muchas variables incorporadas en Zooper Widget que se puede trabajar fuera de. Por supuesto, también se puede tirar en información de Tasker, pero no va a abordar de nuevo hoy.

Con el elemento de mapa de bits en su lugar, tomar nota de la posición inicial Desplazamiento X y la posición Y Offset.

Mueve el elemento de mapa de bits a su posición final y de nuevo tomar nota de la posición de Desplazamiento X y Desplazamiento y.

Ahora viene la parte difícil, matemáticas!

en la hoja que cae, el inicio y parada posiciones tienen el mismo valor de desplazamiento X. Dado que sólo cambia el valor de Y Compensación, la hoja se mueve completamente vertical. Como también se ha notado, he optado por vincular la posición a nivel de la batería, donde el 100% de batería que pone la hoja en la parte superior de la batería y el 0% trae la hoja todo el camino hasta la parte inferior.

Ahora, cada movimiento , en cada dirección, para cada elemento requerirán diferentes matemáticas para que todo funcione correctamente. Si está trabajando con el nivel de la batería, o cualquier otra cosa que escala de 0 a 100, que sería muy conveniente si su movimiento Desplazamiento Y también era 100. Cuando por primera vez construido este widget, tuve suerte de esta manera, el Desplazamiento Y de mi hoja necesaria para viajar 200 puntos, de 0 a 200. por lo tanto, para cada batería porcentaje de la señal, el elemento de mapa de bits tenía que mover dos puntos

En cuanto a las matemáticas, moviéndose a 200 puntos parecían algo como esto.: (100 - nivel de la batería) * 2. (por lo tanto, cuando el nivel de la batería está al 100%, el desplazamiento y está a 0. batería en el 0%, Desplazamiento y en 200, y cuando la batería al 50%, el Desplazamiento y lo hizo a 100.)

Una vez que obtenga su matemática resuelto, darle de comer a la sección de parámetros avanzados de su elemento. Tendrá que ate a los X Offset apropiadas y /o Y Offset parámetros. Si está copiando mi palabra por palabra proyecto actual, el código se vería así:

[oy] (# 100-#BLEVN) * 2 [/oy]



Tap que marca de verificación para guardar su trabajo, después haga clic en el botón Atrás del sistema para guardar y cerrar fuera del widget.

Ir comprobarlo. ¿Cómo es trabajar para usted? Si no es exactamente lo que estaba buscando, no se desanime. Se puede tomar un poco de ajuste para conseguir su widget en movimiento para llevar a cabo lo deseas. Por ejemplo, el código anterior hará que el valor de Desplazamiento Y para 200 cuando el nivel de batería impacta 0%, pero si usted ha dejado siempre su dispositivo van a bajar en el jugo, usted sabe que 0% es casi imposible de alcanzar, lo que significa que se Nunca ver a su elemento en el valor de Desplazamiento Y de 200.

¿Qué sigue

Desde la finalización de los pasos anteriores, he añadido dos cambios en mi hoja que cae. En primer lugar, he modificado sus posiciones y velocidad de caída, en segundo lugar, he añadido un pequeño giro, literalmente.

Para alcanzar las posiciones de caída de las hojas que se ven en la animación de apertura a este artículo, he cambiado la hoja de modo que ya no se inicia en la parte superior, ya no va todo el camino a la parte inferior (y Offset 200) y en lugar de moverse a un ritmo de 2 puntos por ciento de la batería, que ahora se mueve un poco más lento. Verá que el nuevo código de parámetro avanzada no está optimizada matemáticamente, pero se basa estrictamente fuera del código anterior, sólo para mantener comprensible. En la siguiente manera:

[oy] ((100-#BLEVN #) * 1,2) -40 [/oy]

Los resultados son bastante sencillos, la hoja se sienta en Y valor de Offset -40 cuando la batería está llena y se reduciría a 80 si la batería se redujo a 0%.

el Twist. Yo realmente quiero decir que, literalmente, la hoja ahora gira a medida que cae hacia abajo. Es una pequeña cosa, y tal vez no es tan atractivo si se mira muy de cerca, así que no lo hará - aquí está el código:

[r]## * BLEVN 3.6 [/r]

Ahora, para la mayor parte del conocimiento que debe tomar distancia de este artículo, se puede insertar más de un bloque de código en la sección de parámetros avanzados de un solo elemento. Al igual que en la imagen de abajo, sólo seguir adelante y escriba su nuevo bloque de código justo al final de la primera, no hay espacio o separadores requerido. Sólo trate de no enviar varios comandos para el mismo parámetro, si puede evitarlo.



La próxima semana

La próxima semana en nuestra serie de personalización de Android, nos gustaría para echar un vistazo a una herramienta de productividad física, le mostraremos cómo conectar una unidad flash USB a su dispositivo Android típico. Mientras estoy aquí sentado en una habitación de hotel, relegado a su WiFi abierta no protegida, me doy cuenta de que simplemente no es inteligente para utilizar mi herramienta típica de transferencia de archivos WiFi, así que en vez, bueno, te voy a mostrar lo que hice la semana que viene .

a pesar de que es bastante difícil hacer una talla única dinámica Zooper Widget como éste, ¿cómo encontraste el proceso? ¿Ha creado una obra maestra digno de mostrar apagado?