Comunidad de diseño web y desarrollo en internet online

Slider iPhone, duda código

Citar            
MensajeEscrito el 30 Dic 2010 12:37 pm
Buenas,


Estoy realizando el slider del iPhone siguiendo este tutorial: http://www.youtube.com/watch?v=ahsI1aIxSWU
Hasta que el slider llegue al final y desvanezca todo me va bien, entonces ahora tengo la duda de como hago para que me quede algo fijo despues de desvanecerse, pues yo pongo una flecha, y aparece pero en 2 segundos se desvanece


El código que tengo es el siguiente:
import fl.transitions.Tween;
import fl.transitions.easing.*;
stop();
var sliderBind:Rectangle = new Rectangle (25, 14, 205, 0);
Answer1.visible = false ;

SliderMaster_mc.sliderbtn_mc.addEventListener(MouseEvent.MOUSE_DOWN, sliderDragF) ;
SliderMaster_mc.sliderbtn_mc.stage.addEventListener(MouseEvent.MOUSE_UP, sliderStopF) ;
addEventListener(Event.ENTER_FRAME, checkSliderX) ;

function sliderDragF (event:MouseEvent) :void {
SliderMaster_mc.sliderbtn_mc.startDrag(false, sliderBind) ;
}

function sliderStopF (event:MouseEvent) :void {
SliderMaster_mc.sliderbtn_mc.stopDrag() ;
}

function checkSliderX(event:Event) :void{
if(SliderMaster_mc.sliderbtn_mc.x >= 205) {
var startUpFade: Tween = new Tween (Answer1, "alpha", Strong.easeOut, 1, 0, 3, true) ;
var sliderFade: Tween = new Tween (SliderMaster_mc, "alpha", Strong.easeOut, 1, 0, 3, true) ;
Answer1.visible=true;
Answer1.play();
removeEventListener(Event.ENTER_FRAME, checkSliderX) ;
gotoAndStop(2);
}
}

Gracias
www.tutorialeszaragoza.com

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 30 Dic 2010 01:54 pm
No entiendo a q te refieres con "como hago para que me quede algo fijo despues de desvanecerse" fijo en posición?, probe tu código y según como funciona el slider del iphone, no deberías desaparecer nada hasta q se haga un MOUSE_UP y solo en el caso de q SliderMaster_mc.sliderbtn_mc.x >= 205 se desaparece, y si es menor vuelve ala posición original... modifique algo tu código para q quede mas o menos como te digo.
Supuse q ansewr es el texto de "unBlock" por lo q aparece y desaparece y aparte utilice la libreria de Greensock, ya q me parece muy mala de flash, espero q te sirva

Código ActionScript :

import gs.*
import gs.easing.*

stop();
var sliderBind:Rectangle = new Rectangle (25, 14, 205, 0);


SliderMaster_mc.sliderbtn_mc.addEventListener(MouseEvent.MOUSE_DOWN, sliderDragF) ;
SliderMaster_mc.sliderbtn_mc.stage.addEventListener(MouseEvent.MOUSE_UP, sliderStopF) ;
addEventListener(Event.ENTER_FRAME, alphaAnswer) ;

function sliderDragF (event:MouseEvent) :void 
{
   SliderMaster_mc.sliderbtn_mc.startDrag(false, sliderBind) ;
}

function sliderStopF (event:MouseEvent) :void 
{
   SliderMaster_mc.sliderbtn_mc.stopDrag() ;
   checkSliderX()
}
function alphaAnswer(e:Event)
{
   if(SliderMaster_mc.sliderbtn_mc.x >= 205)
   {
      TweenLite.to(Answer1, 0.3, {alpha:0})
   }else{
      TweenLite.to(Answer1, 0.3, {alpha:1})
   }
}
function checkSliderX() :void
{
   if(SliderMaster_mc.sliderbtn_mc.x >= 205)
   {
      TweenLite.to(SliderMaster_mc, 0.3, {alpha:0})
      gotoAndStop(2);
   }else
   {
      TweenLite.to(SliderMaster_mc.sliderbtn_mc, 0.3, {x:190})
   }
}

Por el_putas

58 de clabLevel



 

chrome
Citar            
MensajeEscrito el 30 Dic 2010 03:04 pm
A ver si me consigo explicar mejor.
Este es el flash: http://www.tutorialeszaragoza.com/slider.swf
Cuando tu desplazas la flecha, cuando llegas al final, pasas a otra pantalla, como pongo lo que yo quiero en esa pantalla
Un saludo

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 30 Dic 2010 03:19 pm
BuenAS:

Sigo también algo perdido con lo que quieres. Según el código que has posteado cuando arrastras la flecha hasta el final saltas al fotograma 2 (gotoAndStop(2);). En ese fotograma pon todo lo que quieras que aparezca.

Por otro lado, ánimo con la página de tutoriales ;) Y comentar que suele ser más común clasificarlos en :

Básico.
Medio.
Avanzado.

A mí lo de Nivel "difícil" me suena raro.

También sería interesante que siguierais un solo criterio. Hay secciones con textos justificados y otras con textos alineados a la izquierda. Si optáis por textos justificados, sería conveniente partir con guiones las palabras de final de línea para que no ser produzca la separación de palabras.

Un saludo.

Por Lukánicos

Claber

468 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 30 Dic 2010 03:34 pm
Buenas,
Muchas gracias por los ánimos hacia nuestra web y atenderemos tus consejos
Ahora voy a intentar hacer una descripción gráfica a ver si consigo que me entendaís;)

El código que tengo es el siguiente:

import fl.transitions.Tween;
import fl.transitions.easing.*;

var sliderBind:Rectangle = new Rectangle (25, 14, 205, 0);
Answer1.visible = false ;

SliderMaster_mc.sliderbtn_mc.addEventListener(MouseEvent.MOUSE_DOWN, sliderDragF) ;
SliderMaster_mc.sliderbtn_mc.stage.addEventListener(MouseEvent.MOUSE_UP, sliderStopF) ;
addEventListener(Event.ENTER_FRAME, checkSliderX) ;

function sliderDragF (event:MouseEvent) :void {
SliderMaster_mc.sliderbtn_mc.startDrag(false, sliderBind) ;
}

function sliderStopF (event:MouseEvent) :void {
SliderMaster_mc.sliderbtn_mc.stopDrag() ;
}

function checkSliderX(event:Event) :void{
if(SliderMaster_mc.sliderbtn_mc.x >= 205) {
var startUpFade: Tween = new Tween (Answer1, "alpha", Strong.easeOut, 1, 0, 3, true) ;
var sliderFade: Tween = new Tween (SliderMaster_mc, "alpha", Strong.easeOut, 1, 0, 3, true) ;
removeEventListener(Event.ENTER_FRAME, checkSliderX) ;
}
}


Y las capas que tengo son las siguientes:

www.tutorialeszaragoza.com/capas.png

Slider: Es el conjunto del fondo, el texto etc...es decir el slider
Answers: Es lo que quiero que se me muestre despues de mover la flecha del slider
AS: Las acciones del slider

En la capa Answers tengo lo siguiente:
www.tutorialeszaragoza.com/answers.png

Esa es la capa que quiero que aparezca despues de accionar el slider y no se como hacer para que no se me quede blanco como aquí.
www.tutorialeszaragoza.com/slider.swf

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox
Citar            
MensajeEscrito el 30 Dic 2010 03:41 pm
BuenAS:

Como en el código anterior que habías posteado, en el controlador checkSliderX, añade (por ejemplo para el fotograma 2):

gotoAndStop(2);

y en el fotograma 2 colocas la imagen answer.png.

Esto hará que la película salte a este fotograma y se detenga, mostrando la imagen answer.png.

Un saludo.

Por Lukánicos

Claber

468 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 30 Dic 2010 03:46 pm
Peor si lo haces como en el código q tu hiciste el gotoAndPlay te quedaría dentro del ENTER_FRAME, es mejor hacerlo en el MOUSE_UP

Por el_putas

58 de clabLevel



 

chrome
Citar            
MensajeEscrito el 30 Dic 2010 03:47 pm
Pero quise decir no Peor

Por el_putas

58 de clabLevel



 

chrome
Citar            
MensajeEscrito el 30 Dic 2010 03:51 pm
Vale, muchas gracias, no me he dado cuenta de lo fácil que era
Un saludo

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.