Limites de StartDrag tras hacer zoom (URGE)

[CarlaMedina]

Tengo una imagen que puedo arrastrar usando startDrag(). La veo a través de una máscara, y controlo con coordenadas que no se pase para que no quede huecos en blanco.
Tengo un botón zoom in que permite ampliar la imagen hasta el 180% como máximo, de 20 en 20. El código del zoom in es:

Código :

var zoom:Number=imagen ._xscale; //Zoom de la imagen
zoom_in.onPress = function():Void
{
if (imagen ._xscale<180)
{
imagen ._xscale+=20;
imagen ._yscale+=20;
zoom=imagen ._xscale;
}
}


El problema viene al mover la imagen con el zoom distinto al 100%. Si lo hago con zoom = 100; bien porque he comprobado los límites manualmente y se los pongo. Pero si es distinto al 100% ¿hay algún modo de calcularlos a raíz del incremento, o tengo que irlos probándolos "a ojo"?
Gracias, saludos.

[Diegoazul]

No se te entiende bien, explicate mejor, y donde esta el codigo de startDrag()?

[CarlaMedina]

Hola, gracias por la respuesta

Intentaré explicarlo mejor:
Tengo una imagen grande, de dimensiones 800x600. Está en una capa1. Tengo otra capa2, de dimensiones 300x300, que es una máscara de la anterior.
Quiero poder arrastrar la imagen con el drag, para poder verla por completo por la máscara, pero que no queden blancos en caso de arrastrarla toda hacia un lado, por ejemplo. Por ello, lo de los límites. Tengo botones zoom in y zoom out, que aumentan y disminuyen la _xscale y la _yscale de 20 en 20; hasta un máximo de 180.

El código del drag es:

Código:

var limiteIz:Number;
var limiteAr:Number;
var limiteDe:Number;
var limiteAb:Number;

imagen.onPress = function():Void
{
	if (zoom == 100)
	{
		limiteIz= 570;
		limiteAr= 415;
		limiteDe= 250;
		limiteAb= 185;
	}
	else if (zoom == 120)
	{
		limiteIz= 625;
		limiteAr= 470;
		limiteDe= 195;
		limiteAb= 130;
	}

	//Seguir con if-else para todos los zooms posibles calculando los límites

	this.startDrag(false, limiteIz, limiteAr, limiteDe, limiteAb);
}

imagen.onRelease = function():Void
{
	this.stopDrag(); 
}

A veces el drag sigue arrastrando aunque suelto la manito, no sé si está bien hecho así.

Y al hacer zoom menos, ¿cómo hacer para que aunque lo haga desde una esquina de la imagen y no se vean blancos en la máscara?

Gracias, saludos.

[Diegoazul]

suponiendo que el punto de registro de tu mascara y de tu imagen esta en el lado superior izquierdo podrias sumarle esto a tu codigo:

Código:

imagen.onMouseMove= function():Void  {
	if (imagen._y>mascara._y) {
		imagen._y=mascara._y

	} 
	if (imagen._x>mascara._x) {
		imagen._x=mascara._x

	}
};

[CarlaMedina]

Hola,
El problema esque el punto de registro tanto de mi máscara cómo de la imagen está al centro (lo hice así porque al hacer zoom in incrementando la imagen._xscale y la imagen._yscale queda mucho mejor).

Si hay otro modo mejor de hacer el zoom cambio los registros, pero no sé cómo.

Gracias.

[Diegoazul]

Si la mascara tiene el punto de registro en el lado superior izquierdo, y la imagen en el centro:

Código:

var limiteIz:Number;
var limiteAr:Number;
var limiteDe:Number;
var limiteAb:Number;
zoom_in.onPress = function():Void  {
	if (imagen._xscale<180) {
		imagen._xscale += 20;
		imagen._yscale += 20;
		zoom = imagen._xscale;
	}
};
imagen.onPress = function():Void  {


	//Seguir con if-else para todos los zooms posibles calculando los límites

	this.startDrag();
};

imagen.onRelease = function():Void  {
	this.stopDrag();
};

imagen.onMouseMove = function():Void  {
	if (imagen._y>mascara._y+imagen._height/2) {
		imagen._y = mascara._y+imagen._height/2;

	}
	if (imagen._x>mascara._x+imagen._width/2) {
		imagen._x = mascara._x+imagen._width/2;

	}
}; 

solo le sumas la mitad de la imagen. deahi ya puedes calcular tu sola lo demas.

[CarlaMedina]

Hola Diegoazul,
Muchas gracias por tu aporte. De todos modos no sé si lo estoy haciendo correctamente.

Tengo el código que me has mostrado,

Código:

imagen.onMouseMove = function():Void  
{
	if (imagen._y>mascara._y+imagen._height/2) {
		imagen._y = mascara._y+imagen._height/2;

	}
	if (imagen._x>mascara._x+imagen._width/2) {
		imagen._x = mascara._x+imagen._width/2;
        }
}

Pero no entiendo si el startDrag debo mantenerlo o no. Entiendo que éste codigo lo que hace es modifical el la posicion de la imagen en caso de que no esté por fuera de la máscara, pero no entiendo cómo aplicarlo al Drag. Estoy aprendiendo y no tengo claro cómo hacerlo. Gracias.

[Diegoazul]

sube el archivo que usas por www.rapidshare.com

[fitness01]

Hola, no se si habran completado o resuelto el problema, de ser asi, tal vez lo podrian compartir.