Retomando mi tema inicial :
Tengo un menu el cual debe hacer lo siguiente:
- Mostrar una barra ó area rectangular que ocupe el tamaño completo del alto de mi pelicula
- Dentro ó encima de esta barra debe contener botones: btn1, btn2, btn3 ...
- Mostrar siempre el logotipo de la compañia o marca en la parte superior de la barra.
- Debe contener en la parte inferior de la barra, el copyright.
Como debe trabajar este menu:
- El logotipo siempre debe estar visible y el resto del contenido del menu oculto.
- Mostrar en un alpha 10% la barra, sin mostrar los botones ni el copyright.
- Al posicionar el cursor encima de la barra, esta debe mostrarse en un alpha 70% y mostrar los botones y el copyright.
- Al quitar el cursor de la barra, esta debe ocultar los botones y el copyright y volver a un alpha 10% la barra.
- Al reproducir la pelicula el menu completo, siempre debe posicionarse en la parte derecha de la pelicula.
- Ubicando en la parte superior el logotipo, en la inferior el copyrigh y debajo del logotipo los botones...
:::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::::
Pues bien, hasta ahorita ya logre:
- Al reproducir la pelicula posicionar el logotipo, el copyright y los botones. Adaptandose al tamaño de la pelicula
- El menu por completo de lado derecho siempte y adaptandose al alto de la pelicula.
- Al colocar el cursor encima de la barra mostrar el contenido y al quitarlo ocultar la barra.
:::::::::::::::::::::::::::::::::::::::::::::::::: ::::::::
Es asi como pude hacer lo que menciono:
::: Para posicionar todo el menu de lado derecho y redimensionar la barra al alto de mi pelicula :::
Primero dividi mis campos en diferentes capas:
- Logotipo, "logo" (nombre de instancia).
- Botones, "opciones" (nombre de instancia).
- © , "copyright" (nombre de instancia).
- Barra, "lateral" (nombre de instancia).
en otra capa declaro :
Cita: function init() {
var stuff = new Object();
stuff.onResize = function(){
stretchIt();
}
function stretchIt(){
//lateral
lateral._x = Stage.width - lateral._width-5;
lateral._y = 0;
lateral._height = Stage.height;
//logo
logo._x = lateral._x+15;
//copyright
copyrigth._x = lateral._x+35;
copyrigth._y = Stage.height - copyrigth._height-20;
//opciones
opciones._x = lateral._x+14;
opciones._y = 156;
}
//
Stage.scaleMode = "noScale";
Stage.align = "tl";
Stage.addListener(stuff);
stretchIt();
}
// Llamo a la Funcion "Init"
init();
:::::::::::::::::::::::::::::::::::::::::::::::::: ::::::
Una vez hecho eso al reproducir mi pelicula todo se posiciona a lado derecho.
Para que mi barra, este oculta junto con los botones y el copyright declare:
Cita: lateral.useHandCursor = false;
//
//importamos....
import mx.transitions.Tween;
import mx.transitions.easing.*;
//
//Iniciamos LOS VALORES por defecto
logo._alpha = 100;
lateral._alpha = 0;
opciones._alpha = 0;
copyrigth._alpha = 0;
//
lateral.onRollOver = function(){
var efecto:Tween = new Tween(lateral, "_alpha", Regular.easeOut, 0, 100, 0.5, true);
var efecto:Tween = new Tween(opciones, "_alpha", Regular.easeOut, 0, 100, 0.5, true);
var efecto:Tween = new Tween(copyrigth, "_alpha", Regular.easeOut, 0, 100, 0.5, true);
}
lateral.onRollOut = function(){
var efecto:Tween = new Tween(lateral, "_alpha", Regular.easeOut, 100, 0, 0.5, true);
var efecto:Tween = new Tween(opciones, "_alpha", Regular.easeOut, 100, 0, 0.5, true);
var efecto:Tween = new Tween(copyrigth, "_alpha", Regular.easeOut, 100, 0, 0.5, true);
}
:::::::::::::::::::::::::::::::::::::::::::::::::: ::::::
Pues bien todo esta perfecto para mi, hasta ahi.
Mi consulta esta en como declarar que al poner el cursor encima de mis botones no se oculte la barra.
En el Post inicial comparto con uds mi .FLA para que puedan entender mucho mejor el como desarrollo lo que les menciono,
alguna idea de como podria lograr hacer eso?
De antemando Gracias a todos por leer.