• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 329
  • Last Modified:

zoom bar

Greeneel,
I'm finally getting back to my map project. I think the zoom bar will finish it off. The link you sent me was helpful, but I'm still a bit lost. I'm wondering if I should use the various increments that you helped me set up with the buttons to correspond with the various points along the zoom bar? or if a completly different method will be used with the zoom bar?

Bm71
0
Bm71
Asked:
Bm71
  • 7
  • 6
4 Solutions
 
Eaddy BarnesITCommented:
using the scroll bar to correspond with certain point of the map zoom sequence sounds like a good idea.

GE
0
 
Eaddy BarnesITCommented:
here how i would implement the scrolling for the tab to reflect the movement of the map.

sent an example of the script in working to your email.

GE


 
on (press) {
 
	startDrag(this, false, 0, 0, 81.2, 0);
 
	// startDrag(this, false, -631, -464, 0, 0);
}
 
 
on (release) {
 
	import mx.transitions.Tween;
	import mx.transitions.easing.*;
 
trace(this._x);
 
	if ((this._x>=0) && (this._x<8.5)) {
 
		trace("in the area");
		var paddle_X:Tween = new Tween(this, "_x", Strong.easeOut, this._x, -2.50, 1, true);
 
		var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", Strong.easeOut, _root.mapall2._width, 540.6, 2, true);
		var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", Strong.easeOut, _root.mapall2._height, 417.4, 2, true);
 
		contrainLeft = -184;
		contrainTop = -120.1;
	}
	stopDrag();
 
}

Open in new window

0
 
Bm71Author Commented:
Great. I'll keep setting up the code in that way. Another question I have is how do I add the drag parameters to this? Would I place the parameters in with each section of this code? If this is true could you show me how to add parameters to the section of code below?

Here's the section of code to size the map:            
var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", 849.5, 926.7, 2, true);
var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", 656.0, 715.6, 2, true);

Here's the drag parameter code:
startDrag(this, false, -631, -464, 0, 0)

Bm71
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
Eaddy BarnesITCommented:
this is the conditions you will be changing.

        if ((this._x>=0) && (this._x<8.5))

basically  it looks for the location of the tab and depending on it location it will cause the map to zoom to a certain amount.

so the tab value reflects the points on bar. and the condition looks to see if the tab is close to a certain point. when it finds the

point the condition matches it will zoom to the parameters under that condition

you with me?

GE


0
 
Bm71Author Commented:
So do the conditions:       if ((this._x>=0) && (this._x<8.5))  get attached to the zoom bar? or are they are they attached to the main time line? or somewhere else?

Bm71
0
 
Eaddy BarnesITCommented:


 
on (press) {
 
	startDrag(this, false, 0, 0, 81.2, 0);
 
	// startDrag(this, false, -631, -464, 0, 0);
}
 
 
on (release) {
 
	import mx.transitions.Tween;
	import mx.transitions.easing.*;
 
trace(this._x);
 
	if ((this._x>=0) && (this._x<3.2)) {  //
 
		trace("in the area");
		var paddle_X:Tween = new Tween(this, "_x", Strong.easeOut, this._x, -2.50, 1, true);
 
		var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", Strong.easeOut, _root.mapall2._width, 540.6, 2, true);
		var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", Strong.easeOut, _root.mapall2._height, 417.4, 2, true);
 
		contrainLeft = -184;
		contrainTop = -120.1;
	}
	stopDrag();
 
}

Open in new window

condition.jpg
0
 
Bm71Author Commented:
Ok. So it looks like the code goes on the map movie clip and the diagram is showing increments on the zoom bar?

I'm also making the assumption that the drag parameters: startDrag(this, false, 0, 0, 81.2, 0); are something I need to figure out. Right it seems as though these parameters just allow the movie clip to be dragged to the right. Correct?  

Bm71
0
 
Eaddy BarnesITCommented:
you sound good
now try making one
for the next level

GE

0
 
Bm71Author Commented:
Sorry, I overlooked the file you sent me. I'll play with that and get back to you in the morning.

Thanks,
Bm71
0
 
Bm71Author Commented:
GE,
I see how this code is placed on the zoom slider, but I'm having trouble setting up the next level.

 I tried stacking the conditions 1 on top of another like this:
if ((this._x>=0) && (this._x<9)) {
if ((this._x>=10) && (this._x<19)) {
if ((this._x>=20) && (this._x<29)) {


 I also tried attempted to stack sections of code like this:

trace(this._x);

      if ((this._x>=10) && (this._x<19)) {
            
            
            trace("in the area");
            
            var paddle_X:Tween = new Tween(this, "_x", this._x, -2.50, 1, true);
 
            var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", Strong.easeOut, 386.1, 463.4, 2, true);
            var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", Strong.easeOut, 298.1, 357.8, 2, true);


trace(this._x);

      if ((this._x>=20) && (this._x<29)) {
            
            
            trace("in the area");
            
            var paddle_X:Tween = new Tween(this, "_x", this._x, -2.50, 1, true);
 
      var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", Strong.easeOut, 463.4, 540.6, 2, true);
            var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", Strong.easeOut, 357.8, 417.4, 2, true);
      
      


All brought up errors in the output
Where am I going wrong?

Bm71  
0
 
Eaddy BarnesITCommented:
look a this peace of code with the next level in place.

GE


 
on (press) {
 
	startDrag(this, false, 0, 0, 81.2, 0);
 
	
}
 
 
on (release) {
 
	import mx.transitions.Tween;
	import mx.transitions.easing.*;
 
	trace(this._x);
 
	if ((this._x>=0) && (this._x<2.5)) {
 
		trace("in the area 1");
		var paddle_X:Tween = new Tween(this, "_x", Strong.easeOut, this._x, -2.50, 1, true);
 
		var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", Strong.easeOut, _root.mapall2._width, 540.6, 2, true);
		var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", Strong.easeOut, _root.mapall2._height, 417.4, 2, true);
 
		contrainLeft = -184;
		contrainTop = -120.1;
	}
	if ((this._x>=2.6) && (this._x<14.5)) {
		trace("in the area 2");
		var paddle_X:Tween = new Tween(this, "_x", Strong.easeOut, this._x, 9.50, 1, true);
 
		var zoom_handlerX:Tween = new Tween(_root.mapall2, "_width", Strong.easeOut, _root.mapall2._width, 617.8, 2, true);
		var zoom_handlerY:Tween = new Tween(_root.mapall2, "_height", Strong.easeOut, _root.mapall2._height, 477.1, 2, true);
 
		contrainLeft = -263;
		contrainTop = -180.1;
 
	}
	stopDrag();
 
}

Open in new window

0
 
Eaddy BarnesITCommented:


Are you making progress?

GE
0
 
Bm71Author Commented:
GE
Sorry it took me a little wile to get back to this. I understanding it now! I'll let you know if I run into any additional problems on another question.

Thanks,

Bm71
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

  • 7
  • 6
Tackle projects and never again get stuck behind a technical roadblock.
Join Now