Flash - How To Draw Custom Slider
Oct 31, 2011Could I make my own Slider descendant (extends Slider) with thumb and scale drawn by ActionScript only?
View 1 RepliesCould I make my own Slider descendant (extends Slider) with thumb and scale drawn by ActionScript only?
View 1 Repliesi have the custom flv player which reads an XmL and draws circles on Flv video. Postion and time is specified in the XML. I did calculation with as3 getTimer() function. It works fine, no matter how long u pause and then play again. Circles are shown at right time.Now i have two problems
1- How getTimer can be reset?? it is required when user is allowed to play another swf..
2- Is there any other way besides getTimer calculation. I am not using Timer Class as it is Dependant on Frame-Script Execution time and may yield wrong result so this is not as accurate as getTimer() function.
3- As i am using Custom Slider , so i have to do calculations each time when user click or drag slider w.r.t getTimer() function and then subtracts seconds and all that. but again it goes very hard when user plays another swf as my calculations are based on getTimer() Funtion.
This is my first custom class and I'm having a few problems. I just want it to draw a line (for now) using variables from Flash. The .as file is attached. My Flash AS3 script is: var newLine:Myline = new Myline(20,210); I don't know why it won't just draw a line from 20 to 210? Here is the error I get:
[Code]...
[URL]
Are they just constantly adding MC's to the display list as the mouse is moved around? Doesn't that kill memory?
Is there a way to draw lines with Flash's core graphic class but attach a custom bitmap to that line?
I am unable to center a custom slider inside an HBox. Currently, the HBox contains an image, the custom slider and a color picker. When the program runs, the slider seems to always be bottom justified. As you see below, my HBox does have verticalAlign to be "middle". I have attached below snipperts of code containing teh style and the HBox definition.
[Code]...
I had to create a non-component slider for a project. I am new to actionscript (and entirely self-taught so bear with my probably poor programming style) and have no idea how to display the value as the thumb moves. Is there a way to use the sliderevents outside of the slider components, or is there a way to update a text box as the slider moves outside of the sliderevents. Here is the code for one of the sliders:
function getPercentageA() {
return Math.ceil(((slidera.thumb.x-slidera.Track.x)/slidera.Track.width)*100);
}
[code].....
I need to create an interactive piece. It's much more involved than this but fundamentally I need to create a slider on the left side of a window that is the color spectrum. I'll put a small triangular pointer beside it that can be moved up and down beside the spectrum. I want whatever color the slider is next to to show up in a symbol on the right. I've attached a simple image that illustrates it. So to restate it again, I'd slide the triangular symbol up and down beside the spectrum gradient on the left and whatever color it is pointing to would just show up in the symbol on the right, real time.
View 2 RepliesI've followed the Flash Video Basics Tutoirals 1-8 here on gotoAndLearn and stopped short of making the "Volume Slider" or "Full Screen" buttons. I've been googling all over and not come up with a simple solution to adding these features to my video player. In addition, a counter for the video length would be awesome.
View 6 RepliesI am looking for Custom Slider control the time line animation i am doing a demo presentation. The file i have uploaded is flash cs4 version need help on AS3.
View 6 RepliesI'd like to build image slider like Nivo slider with Adobe Flash Builder.
i'd like to have image controls, image titles displayed above the image(like layers in flash). i'd like to read the data from xml.
i'd like to have nice transitions between images.
mayebe u can provide tutorial or source code.
How would one create a custom MXML component in flex which is based on an existing component but draws an overlay over this existing component in certain situations.
Ideally, the new component should be based on (derive from) the exiting component so that occurrences of the existing component could just be swapped out with the new one.
I tried to override updateDisplayList() in the new component and to paint the overlay using this.graphics. This resulted in the overlay being drawn underneath the children of the existing component. I also tried to do the drawing upon receiving a render-event which lead to similar results.
When the external condition which should trigger the display of the overlay changes, I call invalidateDisplayList() on my new component. That works to trigger the drawing for both cases described above. The remaining problem seems to be to figure out how to draw on top of all the other components once they are added.
The following example should illustrate what I tried to do; when overlayEnabled was set and the component's invalidateDisplayList() method was called, the red rectangle would get painted in the background.[code]...
how I can draw Bullet Points using Flex? instead of using image for 1, 2 and 3?
View 2 RepliesI want a custom Event class which draw something to requesting object.
View 9 RepliesHow to tell BitmapData do draw MC on custom coordinates?
when I call draw function, it has not got argument of coordinates, where to draw, and It draws on x=0 and y=o coordinates, and if I want x=50?[code]...
When I add a custom cursor it won't draw because when the mouse is down it's referencing the cursor and not the board. So drawing doesn't = true.
I can fix it by changing the eventlisteners to "stage" instead of "mBoard" but when I do that it will draw the the coordinates of where the mouse is on the cursor and the board.
So the Cursor could be x= 255 and y = 200 it will draw that coordinate but it will also draw the coordinate of where the mouse is over the cursor which could be x = 1 and y = 1. It will also draw that on the drawBoard.
Here are the examples in case I didn't make myself clear.
example 1 example 2
Here is the simplified code
Code:
package {
import flash.display.*;
import flash.events.*;
[Code].....
I'd like to be able to use a pencil image (custom cursor?) to draw in a defined area - its the 'ol pencil drawing a line idea on a pad. I don't know how to define the area? I've tried creating either a btn or mc instance called pad_mc & trying rollOver/Out which confines the pen but not the line. This is what I have so far, which works (ie it draws the line) but obviously it goes everywhere, not just over the mc of the pad.
Code:
createEmptyMovieClip("Line",1);
Line.lineStyle(1, 0x666666, 65);
onMouseDown = function () {
Mouse.hide();
pen_mc.startDrag(true);
[Code] .....
Also, I've got an onClipEvent on my pen_mc to try & define where its allowed to be dragged.
I'd like to learn how to create classes. For instance, I'd like to create a class that draws a custom shape. Like an arrow that is just a rectangle with a triangle on the end. I'd like to be able to do this sort of thing:
myArrow = new Arrow();
myArrow._x = 10;
myArrow._y = 50;
myArrow._width = 100;
etc . . .
What I have is a map that you can click on points and it will zoom in, you can also click on a "plus/minus" buttons to zoom in and out (I even have the mouse wheel zooming in and out). The client wanted me to add a "zoom slider bar" to it so you know you could move it up and down to scale it. Everything is working except the slider, I can't seem to get it to work with the position of the slider. All of the zoom functionality is there but the slider is killing me.
I am putting up the fla file since there is a lot of code in there and I didn't want to put it all in the forum. if you look in the fla in frame ten on line 726 you can find the function that is supposed to handle the zooming when you move the slider. Up on line 74 you can find the slider onPress and onRelease functions, but those I believe should be fine.
I am trying to create a basic timeline, similar to the timeline we all use in flash (see attached).
I have a playhead slider, which when dragged, just drags within its startDrag() limits.
I also have horizontal window scroller which also when dragged, just drags within its startDrag() limits.
I am trying to work out how to get the horizontal window scroller to scroll when the playhead slider hits the left or right edge. I am using hittest for this collision.
I have the playHeadSlider scrolling along the top. When playHeadSlider collides with hittestThing I want mcContents to then move.
It kind of works.. mcContents moves when the playHeadSlider is in collision with the hittestThing.. but it just moves rather than 'drags' across. I have it set up so that mcContents is twice the width (approx) of mcScrollWindow.
I need to somehow update what I have so that if the playHeadSlider collides with hittestThing on the right, mcContents only moves to the right and if playHeadSlider collides with hittestThing2 on the left, mcContents only moves to the left.
I am using the draw() method of the BitmapData to encode a jpeg of part of the image. Now this should be easy enough given the object I want to draw to the bitmap is on the stage at design time so I know its location and dimetions exactly! Heres the code I have in place.
Code:
var myBitmapSource:BitmapData = new BitmapData ( street.width, street.height, false, 0x333333);
myBitmapSource.draw(street, null, null, null, new Rectangle( 96, 5, 571, 450 ), true );
I know for a FACT that no part of the street clip I am drawing out is in negative space, and it's registration is (0,0). However, it cuts off A lot of the top of my image. y=5 in the above rectangle is where I need the top to be, but it cuts the top off of the image... even if I change it to 0, it has no effect.
I'd like to make a circle slide ( Slider that on the shape of circle instead of vertical and horizontal Slider) like this one:
[URL]
Is there a ready Component on the web.
I'm making something that requires me to draw() the youtubeplayer Giving me this pretty error:
[Code]...
In the main file, I would write[code]...
But if I want the component to have that behaviour innately, where do I write it in the mybutton mxml file to have it reference itself?[code]...
I'm trying to do some lean blitting for an object that rotates by rotating it once at startup and capturing a BitmapData snapshot of each 5 degrees. The problem I'm having is that the draw() method of the BitmapData object is only picking up pixels in the MovieClip that are below and to the right of the registration point. If I change the MC so that the registration point is in the top left corner, I sometimes get what looks like most of the pixels, but the entire object rotates into and out of the frame, since it's rotating around the corner and not the center.
View 5 RepliesI need to be able to draw a thick patterend line between 2 points in AS3, I can't use the draw API because it doesn't all me to actually put detail (pattern etc) into the thickness of the line, I thought about perhaps using the line to create a bitmap version and then using that as a mask, but I remember many years ago seeing some examples that use a movieclip as a source for a line.
View 1 RepliesI am having an issue with using BitmapData.draw(stage). I am getting the following error:
SecurityError: Error #2123: Security sandbox violation: BitmapData.draw: file:///C|/Documents%20and%20Settings/bla...bla...bla.swf cannot access null. No policy files granted access. Here is a portion of my code:
var bd:BitmapData = new BitmapData(2800, 2100); bd.draw(stage);//this is where the error happens All of the files referenced (.xml/.jpg/.swf) are located in the same local folder as the main .swf. How do I get around this error? The main objective is to print the stage using PrintJob(). I am using Flash Professional CS5.5 and publishing to Flash 10.0/10.1. Let me know if I need to supply any more info.
i have a class thats create a class with bitmapData that merge 2 IBitmapDrawable. one of them is 24*20 while the other is 16*16.i want to draw the smaller first in a bitmapData object which its width and height are 24*20 but i want to draw it in the center of the big bounds.
[Code]...
I'd like to make a news slider for flash that not only shows images and text, but can also play videos that are presented as news, through an XML file or something.A good example is the flash news slider that ea.com uses, which can play videos on clal as well.Can anyone direct me to a tutorial or guide me here on how I cna achieve this through Flash CS4?
View 18 Replieswhere I can get script for xml image loading flash similar to the one at [URL] Notice this is different from "flash carousel" and also has a scroll bar at bottom.
View 3 RepliesIs there any flash or jQuery headlines slider with images similar to the one used in Gamespot ?
View 1 Replies