Ver la Versión Completa : [ TUTORIAL ] insertar animaciones en la cortina de notificaciones
ffalete
28/06/13, 11:57:30
Bueno, siguiendo el concepto de android y el afan de compartir, voy a explicaros como se insertan unas sencillas animaciones en la cortina de notificaciones, aunque el proceso no es muy complicado si es un poco lioso si no sabes como hacerlo.
Bien dicho esto y presuponiendo que todo el que va ha hacerlo tiene conocimientos basicos en descompilar y compilar apks empezamos.
Primero, no me hago responsable de bricks, perdida de datos, etc etc. El tutorial lo haces bajo tu entera responsabilidad.
Este tutorial esta echo sobre una version 4.1.2 . Sobre otras Bases no esta comprobado:-)
Lo primero que tenemos que hacer es descompilar el SystemUi y meter dentro del drawable xhdpi las imagenes que queramos para hacer la animacion. En este caso voy ha hacer 4 animaciones, que serian para el fondo de los toggles, el fondo del boton de ajustes y los botones de abajo de la cortina donde salen la operadora. Yo he metido 20 animaciones para los toggles y los ajustes y 40 para los botones de abajo, aunque podeis meter las que querais(no me seais brutos y no metais 200 o 300 que igual se tuesta el telefono)
325536
Una vez las imagenes dentro del drawable xhdpi y sin hacer nada mas, compilamos la apk.
Acto seguido el unsignedsystemui resultante lo descompilamos y borramos el systemui original para no liarnos.
Ahora ya tenemos reconocidos por android las imagenes, podeis verlo en el values/public,algo asi
325540
Ahora hay que hacer los xml que haran las animaciones. mejor os dejo por aqui un xml como lo tengo yo y lo usais de plantilla, o os lo haceis nuevo
<?xml version="1.0" encoding="utf-8"?>
<animation-list android:oneshot="false" android:repeatMode="reverse"
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:duration="150" android:drawable="@drawable/anim_falete1" />
<item android:duration="150" android:drawable="@drawable/anim_falete2" />
<item android:duration="150" android:drawable="@drawable/anim_falete3" />
<item android:duration="150" android:drawable="@drawable/anim_falete4" />
<item android:duration="150" android:drawable="@drawable/anim_falete5" />
<item android:duration="150" android:drawable="@drawable/anim_falete6" />
<item android:duration="150" android:drawable="@drawable/anim_falete7" />
<item android:duration="150" android:drawable="@drawable/anim_falete8" />
<item android:duration="150" android:drawable="@drawable/anim_falete9" />
<item android:duration="150" android:drawable="@drawable/anim_falete10" />
<item android:duration="150" android:drawable="@drawable/anim_falete11" />
<item android:duration="150" android:drawable="@drawable/anim_falete12" />
<item android:duration="150" android:drawable="@drawable/anim_falete13" />
<item android:duration="150" android:drawable="@drawable/anim_falete14" />
<item android:duration="150" android:drawable="@drawable/anim_falete15" />
<item android:duration="150" android:drawable="@drawable/anim_falete16" />
<item android:duration="150" android:drawable="@drawable/anim_falete17" />
<item android:duration="150" android:drawable="@drawable/anim_falete18" />
<item android:duration="150" android:drawable="@drawable/anim_falete19" />
<item android:duration="150" android:drawable="@drawable/anim_falete20" />
<item android:duration="150" android:drawable="@drawable/anim_falete19" />
<item android:duration="150" android:drawable="@drawable/anim_falete18" />
<item android:duration="150" android:drawable="@drawable/anim_falete17" />
<item android:duration="150" android:drawable="@drawable/anim_falete16" />
<item android:duration="150" android:drawable="@drawable/anim_falete15" />
<item android:duration="150" android:drawable="@drawable/anim_falete14" />
<item android:duration="150" android:drawable="@drawable/anim_falete13" />
<item android:duration="150" android:drawable="@drawable/anim_falete12" />
<item android:duration="150" android:drawable="@drawable/anim_falete11" />
<item android:duration="150" android:drawable="@drawable/anim_falete10" />
<item android:duration="150" android:drawable="@drawable/anim_falete9" />
<item android:duration="150" android:drawable="@drawable/anim_falete8" />
<item android:duration="150" android:drawable="@drawable/anim_falete7" />
<item android:duration="150" android:drawable="@drawable/anim_falete6" />
<item android:duration="150" android:drawable="@drawable/anim_falete5" />
<item android:duration="150" android:drawable="@drawable/anim_falete4" />
<item android:duration="150" android:drawable="@drawable/anim_falete3" />
<item android:duration="150" android:drawable="@drawable/anim_falete2" />
<item android:duration="150" android:drawable="@drawable/anim_falete1" />
</animation-list>
Este seria la animacion para el fondo de los toggles.Si solo quereis que haga la animacion una vez quitar el false y poner true, y si no quereis que vuelva hacia atras la animacion quitar lo que sale en azul. En esta animacion concretamente daria lo mismo tener el reverse ya que esta echo de tal manera que vuelve hacia atras, aun asi yo lo he dejado.
Una vez tenemos la animacion, guardamos el xml en la carpeta drawable con el nombre que queramos y hacemos lo mismo con las otras tres animaciones. (150, es la duracion de cada imagen. Podeis poner el valor que querais, pero acordaros que cuanto mas valor tenga ira mas rapido y cuanto menos pues eso.:risitas:
325541
Bueno, una vez aqui vamos a ver donde estan las imagenes originales para cambiarlas y que aparezcan en nuestra nueva animacion. Empezamos por los botones de abajo y vamos a la carpeta drawable y veremos que hay un xml que dice tw_status_bar_close.xml en este estan los botones tw_status_bar_close_off ytw_status_bar_close_on donde el off seria el que se ve cuando la bajas la cortina y el on la que se ve cuando pulsamos el boton pa cerrarla. Cogemos y el nombre que le hayamos puesto al xml de la animacion y lo pegamos en el tw_status_bar_close_off
325547
Bien ya tenemos las dos primeras animaciones echas. ahora vamos con las otras dos. En la carpeta drawable tambien estan los fondos de los toggles y de los ajustes. serian tw_quick_panel_quick_setting_button_bg.xml para el fondo de los toggles y tw_quick_panel_setting_button_bg.xml para el fondo de los ajustes
Donde habria que cambiar los drawables por nuestras animaciones quedando tal que asi
325554
325555
ahora solo falta guardar todo y volver a compilar la apk
Si todo ha salido bien, solo falta meter la apk en un zip y flashearla por el recovery para ver algo tal que asi.
https://www.youtube.com/watch?v=QqFXAbUuTSk
por aqui os dejo el systemUi modificado listo para flashear por recovery, aunque la gracia de esto es hacerselo uno mismo.:ok:
Por favor si colgais el tutorial por algun sitio acordaros de agradecer que no cuesta nada
saludos.
ffalete
28/06/13, 11:58:01
Bueno, pues voy a explicaros como hacer una cortina animada en el note2., mas que explicar es aumentar el tuto de arriba.
Bien. Si habeis seguido el tutorial y habeis intentado hacerlo con la cortina habreis comprobado que no funciona. Para poder hacerlo, simplemente se meten las imagenes en el drawable-xhdpi y se compila. Acto seguido se descompila para crear los id en el public del values. y cuando lo tengamos podemos trabajar sobre ellos.
Nos vamos al tw_status_bar_expanded.xml y lo modificamos un poco para que quede tal que asi.
335399
Donde lo modificaremos para que el boton de abajo de cerrar la cortina haga las veces de fondo en la cortina. Si comparais el tw_satatus_bar_expanded con otro que tengais en algun proyecto vereis la diferencia. Podeis usar este y no complicaros la vida o modificar el vuestro.
una vez listo vamos a la carpeta drawable, en res, donde haremos un xml para el "boton/cortina" y lo dejaremos tal que asi como esta en el xml
335401
Una vez tengamos la accion del boton fabricado solo nos falta la animacion para tenerlo todo. Por aqui os dejo el xml de la animacion para que trabajeis menos. :ok:
335404
Ya lo tenemos todo. ahora solo falta compilar y flashearlo en el movil.
Practicamente es el mismo metodo de el otro tutorial de arriba, lo unico que variaremos sera modificar el tw_status_bar_expanded y meter un xml nuevo para el fondo que en este caso sera la animacion.
Un consejo. La cortina no la hagais muy grande de medida ya que se tostara el telefono y aunque este bien todo dara fc y os volvereis locos hasta que os deis cuenta de lo que pasa jejej. 180x320 es una medida buena, o incluso un poco mas grande. olvidarse de meter imagenes de 720x1280 ya que se volvera loco jejeeejeej
Cualquier duda preguntar.
Dar las gracias al equipo equipo StoWes Team del foro del s2 ya que siguiendo sus pasos me di cuenta de como se hacia la cortina animada :-)
aqui el video de como queda.
ya os explico otro dia los ajustes animados jejejejeje
https://www.youtube.com/watch?v=ESz46DlBIug
Acuerdate de Agradecer si te gusto el tutorial, que aunque no te lo creas es lo unico que me hace seguir investigando:ok::ok:
lauri19david
28/06/13, 12:02:35
Gracias por el tuto makina.
ffalete
28/06/13, 12:03:23
Gracias por el tuto makina.
David no he mirado el system del s4 pero imagino que la teoria sera la misma por si te atreves:):)
lauri19david
28/06/13, 13:50:43
Claro que si tío, luego lo pruebo.
Ya esta quedando guapo, gracias marcos.
Luego comento.
Que guapo, muchas gracias :)
YEAH luego le pego un ojo.:sherlock:
Gracias, por tu aporte e iniciativas. :D
solo puedo rendirme a tus pies.
la verdad que es una pasada como quedan. muchas gracias
Estamos en ello, ffal, una chintetaza se mereze seguro
gracias crack
david206206
29/06/13, 03:12:50
Buem trabajo si puedo ayudar en algo aqui me teneis un saludo y aprovechar biem lo que sabe el amigo ffalete que en esto de los xml es un maquina lo dicho pra dudas por aqui estare para echarle una mano.
eres el put*** amo muchas gracias ffalete por el tuto:ok:
ffalete
01/07/13, 22:34:19
Mañana hago algunas animaciones con el systemui modificado para que podais instalar si tener que hacer todo el tuto. :):)
antiheroe09
01/07/13, 23:21:06
Mañana hago algunas animaciones con el systemui modificado para que podais instalar si tener que hacer todo el tuto. :):)
Yo estaba a punto de pedirte eso jeje, gracias
Un saludo.
jay2079
02/07/13, 20:34:39
me apunto a este pedazo de hilo X-D
rolas8111
03/07/13, 22:46:34
Mañana hago algunas animaciones con el systemui modificado para que podais instalar si tener que hacer todo el tuto. :):)
No me gusta precionar pero me muero por probar ya una cortina animada a ver si tienes alguna por hay perdidilla ke nos pases kiero tenerla =)
ffalete
03/07/13, 23:49:59
No me gusta precionar pero me muero por probar ya una cortina animada a ver si tienes alguna por hay perdidilla ke nos pases kiero tenerla =)
No rolas tranquilo. Esque he tenido un poco de lio y no he tenido tiempo :)
El zip del primer post tiene la animacion del video por si quieres probarla.
Taba pensando en meter algunos botones mas arriba para dejarlo curioso y subirlo todo a la vez. Jeje
Ara subo un video pa que lo veas :thumbup:
Edito.
https://www.box.com/s/ij6qdbd6rvb6fo90m1ae
pavijomar
04/07/13, 02:34:05
Buenisimo tuto amigo!!!!!
Muchas gracias
rolas8111
04/07/13, 02:43:13
No rolas tranquilo. Esque he tenido un poco de lio y no he tenido tiempo :)
El zip del primer post tiene la animacion del video por si quieres probarla.
Taba pensando en meter algunos botones mas arriba para dejarlo curioso y subirlo todo a la vez. Jeje
Ara subo un video pa que lo veas :thumbup:
Edito.
https://www.box.com/s/ij6qdbd6rvb6fo90m1ae
Ya la traigo puesta y se ve.muy bien
GRACIAS
rolas8111
08/07/13, 06:29:38
Ffalete molestando ya as echo otra cortinilla de esas sexys =)
david206206
11/07/13, 16:21:11
Ffalete molestando ya as echo otra cortinilla de esas sexys =)
Mas que molestando pidiendo dejame a falete que lo pones nervioso y luego no me atina con los xml aunque me da que no se le escapa ni una y unnnnn la que esta liando el capullo jajajajajjaajajajjajajajajajjajajaajjajajajajjajja jjaajjajajajajajjjajajajajajajajjajajajajajaj
Tiene los fogones al 100% no los tiene al 1000% un saludo falete eres un kra
ffalete
15/07/13, 18:41:15
Actualizado el post numero 2 con la cortina animada. Cualquier duda por aqui estamos. :-)
jay2079
15/07/13, 18:54:54
Actualizado el post numero 2 con la cortina animada. Cualquier duda por aqui estamos. :-)
exelente maestro:ok:
amnodaniel
15/07/13, 19:09:06
falete tio...porque no pipdes a los de arriba "tu delantal" de cociner...te lo mereces tus mods son complejos y bien echos.... salu2 y gracias por tu curro tio
amnodaniel
15/07/13, 21:33:57
bienvenido a un nuevo cocinero.....oleeeee.... ahora chaval... hay que mantener el titulo y el delantal de cocinero puesto.... hala.... a currar y a seguir cocinando
ffalete
15/07/13, 21:47:43
bienvenido a un nuevo cocinero.....oleeeee.... ahora chaval... hay que mantener el titulo y el delantal de cocinero puesto.... hala.... a currar y a seguir cocinando
Jejejejejej. Asias . Procurare mantenerlo... gracias en serio:):)
amnodaniel
15/07/13, 21:52:09
Jejejejejej. Asias . Procurare mantenerlo... gracias en serio:):)
las gracias las puedes dar al foro y a jorge_kai (http://www.htcmania.com/member.php?u=1) ....y que mejor manera de dar las gracias que sacando buenos trabajos para la comunidad.... salu2 y suerte tio
david206206
15/07/13, 23:20:40
Siempre lo eh dicho y lo sigo diciendo no dejeis escapar los increibles trabajos del compañero falete que es un maquina buen trabajo compañero y aseguir asi jejjeje un saludo
rolas8111
15/07/13, 23:36:52
Jejejejejej. Asias . Procurare mantenerlo... gracias en serio:):)
MERECIDO compi te lo mereces totalmente tus cortinas son muuuy sexis
jay2079
16/07/13, 01:31:30
FELICIDADES !!!
@ffalete bien merecido :ok:
ya q tus aportes son exelentes !
un saludo
jay2079
17/07/13, 05:18:06
@ffalete tengo una duda !!
acabo de restaurar mi backup de la king , y solo quiero poner la cortina animada !!
tambien tengo q hacer esto :}
"Nos vamos al tw_status_bar_expanded.xml y lo modificamos un poco para que quede tal que asi.
tw_status_bar_expanded.zip
Donde lo modificaremos para que el boton de abajo de cerrar la cortina haga las veces de fondo en la cortina"
veo q dice q se modificara el boton de abajo de cerrar la cortina para q haga las veces de fondo en la cortina !
eso no lo entendi muy bien :silbando:
ya q no quiero cambiar la parte de abajo donde sale la operadora "tw_status_bar_close_" ese quiero q quede tal cual solo poner una animacion al centro de la cortina .
espero y me entiendas
un saludo
ffalete
17/07/13, 10:38:42
Tranqui. A lo que me refiero es que hacerlo con la imagen que viene de por si en la cortina no se puede y debemos de usar el boton de abajo. Lo que hacemos es añadir una imagen en el layout y lo colocamos en la parte de arriba, pero no l afecta en nada al boton de la operadora. Usa el xml del tuto tranquilamente que solo modifica la cortina.
Para cambiar l9s otros dos fondos se hace desde la carpeta drawable y no afecta para esto:)
jay2079
17/07/13, 16:50:44
Tranqui. A lo que me refiero es que hacerlo con la imagen que viene de por si en la cortina no se puede y debemos de usar el boton de abajo. Lo que hacemos es añadir una imagen en el layout y lo colocamos en la parte de arriba, pero no l afecta en nada al boton de la operadora. Usa el xml del tuto tranquilamente que solo modifica la cortina.
Para cambiar l9s otros dos fondos se hace desde la carpeta drawable y no afecta para esto:)
Ok maestro en cuando pueda me pongo al lio :ok:
gracias por la aclaracion
un saludo
jay2079
17/07/13, 20:04:35
pues ya me e puesto al lio y no me a funcionado jaja
la primera prueba nada de nada !!
la segunda ya me a salido la animacion pero se queda una imagen pegada , decir q llevo simplistic asi q tube q cambiar el nombre de la cortina del png al nombre del xml y fue q salio la animacion !!
q podra ser ?
http://www.youtube.com/watch?v=B-6FokbvnSI&feature=youtu.be
ffalete
17/07/13, 20:51:21
pues ya me e puesto al lio y no me a funcionado jaja
la primera prueba nada de nada !!
la segunda ya me a salido la animacion pero se queda una imagen pegada , decir q llevo simplistic asi q tube q cambiar el nombre de la cortina del png al nombre del xml y fue q salio la animacion !!
q podra ser ?
http://www.youtube.com/watch?v=B-6FokbvnSI&feature=youtu.be
Mm raro. En el xml tw_status_bar_expanded tienes arriba del todo el nombre de el fondo de la cortina? Arriba en la primera linea? Si es asi. Quita el drawable y pon un android color como esta en mi xml. Y lo dejas en 00000000 transparente.Abajo entiendo que esta bien para d8rigir la imagen a la animacion.
Creo que lo que le pasa es que estas diciendole al xml que quieres poner dos imagenes(la de arriba fija y la de abajo con la animacion)en el xml digo
La verdad es que en el sistem del simplistic no he probado pero creo recordar que ese xml variaba poco. Solo cambia lo del sow next alarm creo o algo asi
jay2079
17/07/13, 23:12:41
Mm raro. En el xml tw_status_bar_expanded tienes arriba del todo el nombre de el fondo de la cortina? Arriba en la primera linea? Si es asi. Quita el drawable y pon un android color como esta en mi xml. Y lo dejas en 00000000 transparente.Abajo entiendo que esta bien para d8rigir la imagen a la animacion.
Creo que lo que le pasa es que estas diciendole al xml que quieres poner dos imagenes(la de arriba fija y la de abajo con la animacion)en el xml digo
La verdad es que en el sistem del simplistic no he probado pero creo recordar que ese xml variaba poco. Solo cambia lo del sow next alarm creo o algo asi
Tienes la razon en el xml tiene 2 imagenes la modificacion para la animacion y la de la cortina normal , solo tome la de la cortina normal y le di transparencia al png , :risitas:
errores q comete uno cuando no sabe , pero con tu respuesta y probando e visto como hacerlo gracias
ahora otra cosita como puedo cambiar el tamaño de la animacion ya q se ve muy grande ?
ya cambie el tamaño de los png como indicas en el post ya q los tenia mas chicos y nada se ven igual , tambien busque la opcion de dpi en las lineas q agregue al xml tw_status_bar_expanded y no encontre nada .
se le puede poner dpi para q sea mas chica la animacion o algo parecido o q se puede hacer al respecto ?
y gracias por la ayuda :ok:
http://www.youtube.com/watch?v=xFXfu8flMRA&feature=youtu.be
sonier99
17/07/13, 23:20:40
Que máquina estás hecho
Grande el tutorial muy grande. .. muchísimas gracias amigo
Saludos! !!!!!!
ffalete
17/07/13, 23:29:43
Jay para que no te salga cortada la imagen tendras que editar las imagenes y anadir un trozo negro en la parre de arriba una a una. Si usas photoshop dale a transformacion libre y la haces mas chata y el trozo que te quedara arriba transparente lo rellenas de negro
ffalete
17/07/13, 23:42:39
Tambien, aparte de eso puedes poner el fondo d las notis yransparente para que se siga viendo toda laanimacion. Para eso tendras que modificar el framework.res.apk son dos lineas en el values nada mas. En el subforo del s3 pavijomar lo explica muy facil:)
felicitaciones que gran tutorial
Costa1212
18/07/13, 07:36:56
Saludos, buen trabajo. Una cuestión; estas animaciones aumentan el gasto de batería, pero,¿a niveles aceptables?
ffalete
18/07/13, 09:33:12
Saludos, buen trabajo. Una cuestión; estas animaciones aumentan el gasto de batería, pero,¿a niveles aceptables?
Si. Yo diria que alrededor de un 3 por ciento en total todo el dia. Pero tambien depende del uso del telefono evidentemente. Para mi aceptable:)
jay2079
18/07/13, 17:45:11
Jay para que no te salga cortada la imagen tendras que editar las imagenes y anadir un trozo negro en la parre de arriba una a una. Si usas photoshop dale a transformacion libre y la haces mas chata y el trozo que te quedara arriba transparente lo rellenas de negro
Bueno despues de divertirme el dia de ayer editando 40 png en el photoshop :risitas:
asi me a quedado el cacharro :
y gracias por la ayuda compañero
http://www.youtube.com/watch?v=fFFcFikV9Ek&feature=c4-overview&list=UUk6bWYt3fFUoYxcuNpwcGnw
ffalete
18/07/13, 18:12:23
Mira aqui puse un tuto para automatizar el photoshop. Se me 9lvido ayer decirtelo sorry:o
http://notemania.es/showthread.php?t=4300
jay2079
18/07/13, 18:58:11
Mira aqui puse un tuto para automatizar el photoshop. Se me 9lvido ayer decirtelo sorry:o
http://notemania.es/showthread.php?t=4300
ahh me hubiera servido de mucho:risitas:
cuando pueda hago otra animacion y pongo en practica el tuto
jay2079
18/07/13, 21:23:50
Bueno ya e hecho otra cortina animada esta consta de 90 png y pues con el tuto de photoshop si q cambia la cosa :risitas:
http://www.youtube.com/watch?v=YDA-ZU7hf04&feature=youtu.be
ffalete
18/07/13, 21:40:11
Otia que wuapa. Eso es con simplistic?
Pasamela que mola mogollon jejejejejeje
jay2079
18/07/13, 22:08:15
Otia que wuapa. Eso es con simplistic?
Pasamela que mola mogollon jejejejejeje
si es con simplistic :ok:
por eso se me quedaba estatica una parte de la animacion por q le decia al xml q mandara la animacion y un png :risitas:
y q gustas q te pase los png o alguna cosa mas ?
digo si ay algo mas de te guste
y me alegra q sea de tu agrado
saludos
ffalete
18/07/13, 23:13:34
Con los png me vale jejejejejej. Ya los renombro, le has metido 90 y va bien de pm. Yo no he llegado a probar con tantos jejejeej. El simplistic lo deje hace tiempo. Ahora voy con el xposed
ffalete
18/07/13, 23:17:27
Con los png me vale jejejejejej. Ya los renombro, le has metido 90 y va bien de pm. Yo no he llegado a probar con tantos jejejeej. El simplistic lo deje hace tiempo. Ahora voy con el xposed
Bueno si me mandas el xml de la animacion me ahorro el curro jejejejeje. Renombrarlo es mas facil todo :)
jay2079
19/07/13, 00:10:38
Con los png me vale jejejejejej. Ya los renombro, le has metido 90 y va bien de pm. Yo no he llegado a probar con tantos jejejeej. El simplistic lo deje hace tiempo. Ahora voy con el xposed
te dejo dos carpetas con los png ,
1 los q yo use q tienen la parte de arriba transparente ya q yo tengo esa parte de los togles y barra de brillo en negro , si llevas esa parte transparente te tocara editarlos ya sean estos o los originales !!
2 los originales , sin editar !!
si usas los png con el nombre del xml q colgaste en el post "falete_cortina" no tendras q renombrarlos ya q asi los meti para ahorrar tiempo y no hacer tantas modificaciones jeje
y si meti 90 y son un poco mas grandes q como indicas en el tuto cuando reinicie pense q me daria fc el system , pero no todo salio bien :-)
yo llevo simplistic y xposed
pero con xposed , no me funcionan todos los modulos de 1 modulo solo me llega a funcionar una opcion y de otros nada supongo q es por el simplistic, el unico q llevo es icon themer
me podrias decir q modulos funcionan sin simplistic ?
para darme una idea y ver si se puede remplazar simplistic por xposed !!
yo llevo como 100 baterias con simplistic jejeje
edito : añadido el xml y como haces para renombrar todos los png y q valla quedando el nombre y la secuencia del numero 1,2,3, etc ?
es q yo tengo q renombrarlos 1x1 o ay algun programa para ello ?
saludos
Kirabyte
19/07/13, 01:33:05
Estoy probando hacer esto en un s4 (android 4.2.2 obviamente). Al momento de hacer la cortina animada. Me quedo en el principio
Acto seguido se descompila para crear los id en el public del values. y cuando lo tengamos podemos trabajar sobre ellos.
Nos vamos al tw_status_bar_expanded.xml y lo modificamos un poco para que quede tal que asi.
Esta linea de tw_status_bar_expanded.xml se modifica dentro del values??? o es dentro del drawable, si es dentro del drawable solo aparece status_bar_expanded.xml y vienen bastantes menos lineas que el que pones tu falete. Solo las siguientes:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/status_bar_expand_pressed" />
<item android:drawable="@drawable/status_bar_expand_default" />
</selector>
Tengo que reemplazar con el tw_status_bar_expanded.xml que tu dejas amigo???
Eres un crack, llevo unas cuantas horas y aun no consigo hacer ni medio segundo de animación... X-D
De verdad, que grande. MUCHAS GRACIAS
jay2079
19/07/13, 04:34:50
Estoy probando hacer esto en un s4 (android 4.2.2 obviamente). Al momento de hacer la cortina animada. Me quedo en el principio
Acto seguido se descompila para crear los id en el public del values. y cuando lo tengamos podemos trabajar sobre ellos.
Nos vamos al tw_status_bar_expanded.xml y lo modificamos un poco para que quede tal que asi.
Esta linea de tw_status_bar_expanded.xml se modifica dentro del values??? o es dentro del drawable, si es dentro del drawable solo aparece status_bar_expanded.xml y vienen bastantes menos lineas que el que pones tu falete. Solo las siguientes:
<?xml version="1.0" encoding="utf-8"?>
<selector
xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/status_bar_expand_pressed" />
<item android:drawable="@drawable/status_bar_expand_default" />
</selector>
Tengo que reemplazar con el tw_status_bar_expanded.xml que tu dejas amigo???
Eres un crack, llevo unas cuantas horas y aun no consigo hacer ni medio segundo de animación... X-D
De verdad, que grande. MUCHAS GRACIAS
buenas compañero el tw_status_bar_expanded.xml q tienes q modificar se encuentra en la ruta :
SystemUI.apk\res\layout\tw_status_bar_expanded.xml
saludos
ffalete
19/07/13, 08:04:01
Masterkira en 4.2.2 el layout es distinto. El statusbar expanded cambia. Puedes probar ha intentar hacer el fondo del boton de cerrar por ejemplo y probar a ver si funciona. Si funciona, a partir de ahi ir probando.
Mira en la carpeta drawable si tienes el status_bar_close, imagino que sin el tw y prueba
El compilar y descompilar es necesario pir el echo de que sino el telefono no reconoce las imagenes.:) pasame el systrmui si quieres y miro un poco aunque en 4.2.2 estoy perdido del todo jejejejejejejej
ffalete
19/07/13, 11:41:07
jay el lupas rename 2000 es gratis y editas por lotes todas las imagenes cambiandoles el nombre y el numero o lo que te de la gana.
en el xposed a mi me funcionan bien el appsettings xbackground tweakbox xquicksettingstoglles y sigo probando jejejejeje
Kirabyte
19/07/13, 21:42:56
No doy con la tecla, no me gustan las animaciones en togles y boton de ajustes.
Pero me gustaria meter una cortina animada... Te dejo el systemUI en un privado.
Estas hecho una maquina!! Muchas gracias!
Saludos.
Buenas a todos! Antes que nada agradecer al maestro ffalete todo su trabajo y el hecho de compartirlo con la comunidad :thumbup: Muchas gracias crack!
Por otro lado estoy teniendo problemas para hacer un fondo animado para el S3,concretamente para la leak 4.2.2. El caso es que trabajo sobre una rom cocinada que ya lleva una cortina de 10 pngs y mi problema aparece al intentar poner 15 png. He modificado el xml cortina animada, del drawable en systemui añadiendo más líneas de animación y probando de un par de maneras diferentes y nada, o me da fallo en systemui o me desaparece la cortina de notificaciones. Si me pudierais echar una mano o hacerme ver una solución o donde me estoy equivocando os estaría muy agradecido. Un saludo!
ffalete
21/07/13, 12:04:11
Buenas a todos! Antes que nada agradecer al maestro ffalete todo su trabajo y el hecho de compartirlo con la comunidad :thumbup: Muchas gracias crack!
Por otro lado estoy teniendo problemas para hacer un fondo animado para el S3,concretamente para la leak 4.2.2. El caso es que trabajo sobre una rom cocinada que ya lleva una cortina de 10 pngs y mi problema aparece al intentar poner 15 png. He modificado el xml cortina animada, del drawable en systemui añadiendo más líneas de animación y probando de un par de maneras diferentes y nada, o me da fallo en systemui o me desaparece la cortina de notificaciones. Si me pudierais echar una mano o hacerme ver una solución o donde me estoy equivocando os estaría muy agradecido. Un saludo!
El problema es la base 4.2.2 el status bar es distinto. Has conseguido meter la animacion con las10 imagenes:eek:?. Si es asi seria bueno compartirlo ya qque masterkira tiene el mismo problema en el s4.
De que medida estas metiendo las imagenes? Si las pones demasiado grandes se va al carajo todo. Todas las del tutorial son de 120x160. Prueba a hacerlas de esa medida y si van bien ves probando a agrandarlas. En el otro post que tengo por aqui las imagenes son de 240x320 mas grandes de eso dan fc. (Gracias jay):):):)
El problema es la base 4.2.2 el status bar es distinto. Has conseguido meter la animacion con las10 imagenes:eek:?. Si es asi seria bueno compartirlo ya qque masterkira tiene el mismo problema en el s4.
De que medida estas metiendo las imagenes? Si las pones demasiado grandes se va al carajo todo. Todas las del tutorial son de 120x160. Prueba a hacerlas de esa medida y si van bien ves probando a agrandarlas. En el otro post que tengo por aqui las imagenes son de 240x320 mas grandes de eso dan fc. (Gracias jay):):):)
El tema es que la rom ya viene con la animación implementada en la cortina y estoy trabajando sobre ello. Luego pregunto si no hay problema para compartirlo ya que el mod no es mio y prefiero preguntar primero. De todas formas creo que este tuto lo podrá ayudar:
http://www.darksideteam.com/showthread.php?tid=294
Ya que los archivos creados son muy parecidos, a ver si le sirve para el S4.
Por otro lado los png son de 720x1280,ya he visto que recomiendas usar medidas más pequeñas. Probaré con eso más tarde y ya comento a ver qué tal. Muchas gracias de nuevo! :thumbup:
ffalete
21/07/13, 14:26:56
Yojmai, gracias. Ya lo he mirado. Como en el note2 no tenemos 4.2.2 no lo habia visto. No es complicado, si el creador de la rom me lo permite os explico como esta echo en el leak del s3:-)
armaghan
29/10/13, 10:17:56
despues de varios intentos por fin pude poner la animacion en el s3 con android 4.2.2
hai bro donde, s tutor para la creación de animación? ¡gracias
Este tuto vale para note 3????
ffalete
06/05/14, 21:12:22
Este tuto vale para note 3????
Nop, para el n3 sigue este otro
http://www.esp-desarrolladores.com/showthread.php?t=3154
cortina animada 4.3
Vale para 4.3 y 4.4.2, es igual
Saludos
Nop, para el n3 sigue este otro
http://www.esp-desarrolladores.com/showthread.php?t=3154
cortina animada 4.3
Vale para 4.3 y 4.4.2, es igual
Saludos
gracias amigos.tutor for setting animada ?:ok:
https://www.youtube.com/watch?v=ESz46DlBIug
vBulletin® v3.8.1, Copyright ©2000-2026, Jelsoft Enterprises Ltd.