Foros del Web » Creando para Internet » Flash y Actionscript »

Diseño liquido, pero no fullscreen

Estas en el tema de Diseño liquido, pero no fullscreen en el foro de Flash y Actionscript en Foros del Web. Buenos dias, quisiera realizar lo siguiente: Un mc alineado al margen superior derecho con un tamaño de 1200 de ancho x 800 de alto que ...
  #1 (permalink)  
Antiguo 01/03/2012, 08:17
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 14 años, 7 meses
Puntos: 0
Diseño liquido, pero no fullscreen

Buenos dias,

quisiera realizar lo siguiente:

Un mc alineado al margen superior derecho con un tamaño de 1200 de ancho x 800 de alto que al escalar el navegador se escale dicho mc proporcionalmente, por ejemplo si achico un poco el navegador deberia bajar el tamaño el mc alineado donde esta. Que no sea full screen, sino que quede un margen de 100 px en x 50 en y como margen en blanco para colocar otros elementos. Y que al iniciar el navegador este se adapte segun la resolucion dejando esos margenes.

Como podria hacerlo? Espero que alguien me ayude, desde ya gracias.

Dejo una web como ejemplo: http://www.complot.com.ar/invierno2011/invierno2011.html
  #2 (permalink)  
Antiguo 01/03/2012, 12:17
 
Fecha de Ingreso: enero-2012
Mensajes: 17
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: Diseño liquido, pero no fullscreen

Mira es muy sencillo. Eso si, tomando el ejemplo de la web que pasaste, la imagen que este dentro de este mc tiene que tener muy buena resolucion, ya que al escalarse se pixela (porque estas modificando su tamaño original).

Supongamos que tu mc se llama "contenido_mc", y que el punto de registro esta en la esquina superior izquierda (si no sabes lo que es el punto de registro avisame ;) )

Te paso la funcion como seria:

Código:
import flash.events.Event;

//Normalmente en los Diseños Liquidos se pone esta linea de codigo, que es para no escalar, pero vos no queres eso, queres que el mc se escale.
//stage.scaleMode = StageScaleMode.NO_SCALE; 

//Alinea todo el contenido del stage a la esquina superior
stage.align = StageAlign.TOP_LEFT; 

//Es la funciona que se ejecutara cada vez cambie el tamaño del stage (escenario)
function escalar(e:Event=null):void  
{
     //Con esto, el mc queda alineado en X en el stage, quedaria pegado al borde derecho
     contenido_mc.x = stage.stageWidth - contenido_mc.width; 

     //Con esto, el mc queda alineado en Y en el stage, quedaria pegado en la parte superior, en 0
     contenido_mc.y = 0; 
}

//Le asigno un Listener al stage para escuchar el evento RESIZE (es el evento que corresponde a los cambios de tamaños
stage.addEventListener(Event.RESIZE, escalar);

//Llamas a la funcion para que haga un posicionamiento para la primera vez, cuando abras el navegador
escalar();
Y listo es solo eso, indicarle al mc la posicion en X e Y. Con ese codigo, le decis que siempre este posicionado en el borde derecho del stage, y en la parte superior, sin importar el tamaño del navegador.

Decime si te funciono, saludos ;)
  #3 (permalink)  
Antiguo 01/03/2012, 13:13
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Diseño liquido, pero no fullscreen

Gracias waguen por la respuesta, lo probe y funciona correctamente la alineacion. Pero como hago para que se redimensione segun el tamaño? No entiendo nada de as3, hay posibilidad de realizarlo en as2?
  #4 (permalink)  
Antiguo 01/03/2012, 16:28
 
Fecha de Ingreso: enero-2012
Mensajes: 17
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: Diseño liquido, pero no fullscreen

Seguramente escribiste esta linea en el codigo: stage.scaleMode = StageScaleMode.NO_SCALE

En realidad la puse para mostrarte para que servia, sirve para NO escalar el contenido. Pero como vos queres que se escale (osea, que modifique su tamaño cuando se modifica el navegador), no tenes que ponerla. Sacala nomas.

Y respecto a lo de as2, poder se puede, son cosas sencillas, es bastante parecido. Pero no me doy mañana con as2, te conviene aprender as3 ya que es mas completo y es lo nuevo.

Hay un curso muy bueno de donde aprendi yo, se llama "ActionScript 3.0 para diseñadores", es de video2brain (una empresa que hace muy buenos cursos de todo). Eso si es pago, asi q tenes q googlear por ahi para buscarlo.

Saludos!

Última edición por waguen; 01/03/2012 a las 16:35
  #5 (permalink)  
Antiguo 02/03/2012, 11:23
 
Fecha de Ingreso: mayo-2010
Mensajes: 4
Antigüedad: 14 años, 7 meses
Puntos: 0
Respuesta: Diseño liquido, pero no fullscreen

Gracias por la recomendación, voy a googlearlo.

En cuanto al código, te comento que no use la linea que nombras, pero no me lo escala :s.

Etiquetas: diseño, fullscreen, html, liquido
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:20.