Solved

zoom bar

Posted on 2009-02-21
13
310 Views
Last Modified: 2013-11-11
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
Comment
Question by:Bm71
  • 7
  • 6
13 Comments
 
LVL 11

Expert Comment

by:greeneel
Comment Utility
using the scroll bar to correspond with certain point of the map zoom sequence sounds like a good idea.

GE
0
 
LVL 11

Assisted Solution

by:greeneel
greeneel earned 500 total points
Comment Utility
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
 

Author Comment

by:Bm71
Comment Utility
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
 
LVL 11

Assisted Solution

by:greeneel
greeneel earned 500 total points
Comment Utility
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
 

Author Comment

by:Bm71
Comment Utility
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
 
LVL 11

Assisted Solution

by:greeneel
greeneel earned 500 total points
Comment Utility


 

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
Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

 

Author Comment

by:Bm71
Comment Utility
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
 
LVL 11

Expert Comment

by:greeneel
Comment Utility
you sound good
now try making one
for the next level

GE

0
 

Author Comment

by:Bm71
Comment Utility
Sorry, I overlooked the file you sent me. I'll play with that and get back to you in the morning.

Thanks,
Bm71
0
 

Author Comment

by:Bm71
Comment Utility
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
 
LVL 11

Accepted Solution

by:
greeneel earned 500 total points
Comment Utility
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
 
LVL 11

Expert Comment

by:greeneel
Comment Utility


Are you making progress?

GE
0
 

Author Closing Comment

by:Bm71
Comment Utility
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

Free Trending Threat Insights Every Day

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

This is intended to introduce all collision detection principles in flash, their strengths, weaknesses and workarounds. The main method for Collision Detection in flash is using hitTestObject. But unless you'll be pushing rectangular shapes without …
I come across a lot of question about how to access things in the document class from a movieclip, or accessing something from a movieclip in the document class. It took me a while to figure this out but once I did it makes life so much easier. …
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.
This Micro Tutorial will teach to how to utilize bit rate in Adobe Flash Media Live Encoder.

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

6 Experts available now in Live!

Get 1:1 Help Now