AS3 :: Flex - Zooming Center Of A Dragable Container With In A Mask?
Aug 2, 2010
I have container movieclip and one mask layer with the height and width of the current screen. The continer is always bigger than the mask clip. so i need to zoom the container at the center of the mask clip. something link in MicroSoft XL zoom controller at the bottom right.
EDIT 1
private function slider (event:Event) {
//event.target.value = 0 to 1
// possible values are 0, 0.1, 0.2, 0.3, ... 0.9, 1
[Code]....
View 2 Replies
Similar Posts:
Jan 10, 2010
im trying to create a dragable mask in actionscript 3 but can only find tutorials for actionscript 2. Is there anything i could do to make it compatable with actionscript 3.0? codes below
onClipEvent(load)
{
_root.createEmptyMovieClip('square',0);
function drawSquare()
[code]...
View 2 Replies
Jun 9, 2011
Ive seen this alot of times.Can anyone point me in the direction of a good tutorial?(i don't care if it involves a game or whatever i just need one)
View 4 Replies
Nov 23, 2009
I am trying to rotate a centered container from it's center. The problem with this code is when I use the rotatePicture method, it doesn't rotate from the center, instead it rotates from the box's top-left corner. Here's the code...
[Code]....
View 3 Replies
Jul 20, 2010
I have a dragable gallery of images separated with "contentSpacer". I'm trying to make each image "snap" when it is close to the centre. I've modified this [URL] and got it working, to a point. My problem is the x value that the gallery being snapped to needs to have "contentSpacer" subtracted from it: if its the third image in the sequence then it need to have ("contentSpacer" * 3) subtracted from it (as there is three gaps between the start of the gallery andthe end of the third image, get it?). In the code below I've put (proximity - (contentSpacer * j)) but "j" does not exist right now, you see what I'm getting at? The code doesn't seem to be aware what image it is snapping.
ActionScript Code:
currsubGallery.onRelease = function() {
this.stopDrag();
cursor.gotoAndStop(1);
//snap "current" fullSizeimage to project boundraies onRelease
if(Math.abs(Math.floor(this._parent.subGallery._x / subGalleryWidth)
[Code] .....
View 1 Replies
Jan 25, 2011
I have a container in which I want to attachMovie a movieClip.I figured out how to resize the movieClip to fit the Container but what i want now is to make it be attached in the center of container.I can't use the name._x = because the movieClip I want to attach is created via as after some values inputed by the user so i do not know where it's registration point will be. I thought of using the name._width and name._height but as it is normal to be it's always positive so I can't figure if the registration point is in the top left corner or the bottom right corner or anywhere else. What I think I might need is to always set the registration point to the same spot. To explain better and shortly how it works: I attach a movieclip (dot) at x=0 y=0.then another one(a line) from x=0 y=0 at a certain angle imputed by the user and another line also with angle and length seted by user etc. so I do not know where they go from the 0;0 dot.
View 1 Replies
Mar 13, 2012
I am making button pieces for use in my GUI factory. I am having an issue placing my Thumbnail graphic w/Mask and border. The mask is not moving away from 0,0 when the Thumbnail is moved to 280,10.I can force it to 280,10. I will be multiples of this and other button in a scrolling menu with it own mask in a container.I am trying to build in a work-a-round for this feature.Here's the primary part of Thumbnail class:
public function Thumbnail() {// constructor code makeThumbnail();cHolder.mask = picMask;[code].......
View 4 Replies
Aug 8, 2011
I dinamically build a menu: this menu is made up of two nested MovieClips:
externalContainer_mc;
itemsContainer_mc (inside externalContainer_mc at 0,0);
itemsContainer loads a dinamic number of MenuItems: they are library objects (extending the MovieClip class).Anything works just fine, but if, when anything is loaded, I put a mask (itemsContainer_mc.mask=my_mask) upon itemsContainer, every MenuItem disappears AND it isn't even clickable anymore. What happens?
View 3 Replies
Feb 27, 2012
Basically I want to know if there is a way to go from a zoomed in version of something, and then seeing the whole image in another frame. (By pressing a button)
Let's say there's a tree, I would bascially like (upon pressing a button which I can do) to zoom out and see the whole scenery. Is there a way I can do this without actually changing the size of the image?
View 2 Replies
Jul 2, 2011
In a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%">
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
<s:VGroup id="main_container" horizontalAlign="left" paddingBottom="10" paddingTop="10"
verticalAlign="top" width="100%">
[Code]....
View 1 Replies
Sep 21, 2011
I have a loop that goes through data from a book and displays it. The book is not consistent in it's layout so I am trying to display it in two different ways. First way(works fine) is to load the text from that section in to a panel and display it. The second way is to create a new panel (panel creates fine) and then add collapsable panels(nested) to that panel. Here is the code from the else loop.
else if (newPanel == false){
// simpleData is just for the title bar of the new panel
// otherwise the panel has no content
[Code]....
The error I get is: ReferenceError: Error #1069: Property panel4.4 not found on components.readTest and there is no default value.
I have tried setting the "name" property instead of the "id" property.
View 1 Replies
May 25, 2011
I look at professional animations and notice the camera-like effects they manage to put into these animations. I'm wondering how I can do the same without having to just enlarge or reduce a movieclip across the stage. Is there any way to add a camera view on your animations or do you just have to bear with Flash's basic necessities?
View 1 Replies
Dec 23, 2010
I have a viewstack container w/ 3 views: red, black, and blue. How can I completely hide the black & not include it?
[Code]...
View 2 Replies
Jan 13, 2012
I am creating an flex Air project,so mxml file will run. I have circles in one Big circle at one side and will be same on other side.
Now how to drag any circle from any Big circle to other side. Or it could be like any two container having circles, then how to drag and drop circle?
For one circle i am able to do drag and drop.But I want one Big circle on left hand side and one big circle on right hand side .And small circles with class names will be in these big circles.Now i want to drag and drop those small circles in big circles.Big cicles should not move. Even i have tried this code in actionscript
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
[Code].....
But in this i want big circles should not move and small circles should only be dragged.
View 1 Replies
Jul 26, 2011
I have a photo gallery. All the photos are displayed as thumbnails. When a user clicks on a thumbnail, the preview will be displayed in a canvas with full size. Now, I want to zoom the displayed image as much as possible.
View 1 Replies
Jan 24, 2012
It's going to be used to view complicated scenes in 3D, but to make it work on laptops it's instead showing pre-rendered 360 degree renders of the objects.When you load an object, it first buffers 360 frames into memory, so that you can rotate around this object smoothly. When you release the mouse button, it loads in the high-res image of that frame.
Then, you should be able to zoom in and move around to inspect the model closer.Problem here is when I have the scrollbars enabled it wont work properly.Firstly, I had a problem where the vertical scrollbar moved out of the picture when I was scrolling the horizontal scrollbar.
Then after some more testing, they now stay where they should, but when I zoom in (will post code below) the horizontal scrollbar is not able to go far enough to the left to show the whole image.What happens is, when I zoom in, the scrollbar remains at it's left position, but I zoom in on the center of the image (zooming, by scaling the container. The image fill the container).
My problem is probably just a result of me overlooking some basic understanding. And sorry if the code is a bit messy, I've only done a little bit of clean up. The code I post below is without any scrollbars visible.
You can see that I've tried using scrollbar components too, and it works somehow. But I'm not able to scale the scrollbar depending on the content, so if I zoom in or out, the handle you drag on the scrollbar will be the same...
Image of app running if needed:
Code:
<mx:Panel x="0" y="0" width="100%" height="100%" titleIcon="@Embed('assets/img/cog_01.png')" title="vCog Subsea - Draugen Project">
[code].....
View 1 Replies
Feb 21, 2012
I'm developing a new Flex app that's in the middle of an html page.
I want to be able to achieve what this website achieves [URL] when zooming in and out in the browser. It makes the container smaller but does not rescale the swf file.
Presently my app, scales and it looks ugly. I want it to basically not scale and just make everything smaller.
View 1 Replies
Jan 27, 2010
I'm currently working on a custom component which extends Canvas (let's call it SuperCanvas) ; it's basically a container that let you zoom & pan its contents. It would be too long to explain why, but I can't use scrollRect, so I was forced to declare a Canvas object (called innerCanvas)... inside my SuperCanvas (I know, not very nice =/) I would like to know if there's a proper way to "redirect" the creation of my component's children in this canvas.
[Code]...
View 1 Replies
Oct 13, 2010
I'm working on a newspaper reading application using Flex, which displays scanned newspaper pages. I need to make a image zooming function, so the user can zoom in and out, as the minimum of 25% and the maximum of 400% in the size.This is what I have so far:In the mxml:
Code:
<mx:Image id="imgContent"/>
<s:HSlider id="hsZoom" minimum="25" maximum="400" value="100" stepSize="25"
[code].....
View 1 Replies
Oct 2, 2009
how to zoom the image displayed with the help of an item renderer.If i apply the Zoom effect on rollover ,the particular cell zooms the image with the scroll bars. Is their any other way of doing this without showing the scrollbars.
View 1 Replies
Jul 11, 2011
i have a mobile application that i am creating in Adobe Flex (Flash Builder 4), and i am trying to create a zoom function. The one i have works, but the point is to be able to more easily read words that are in the image (the images are .jpg files). The images are 2550x3300 originally, but as soon as you zoom, the image quality reduces drastically, and nothing is readable.
[Code]...
View 2 Replies
Jun 28, 2010
I have a problem zooming in on a line chart with a dateTimeAxis as horizontal axis. I want to zoom in and out, by setting the minimum and the maximum attribute of the dateTimeAxis with a slider. The date labels change as should, but the lines disappear as I set the minimum or the maximum. Here's a part of the code I have:
[Code]...
View 2 Replies
Dec 5, 2010
i have written an air app which is fixed in dimensions: 1000 w X 800 h i have set the resizable and maximizable tags of the app-xml to false, to prevent the user from changing it's size. this app looks and interacts perfectly at these dimensions but not at other: it has "bad" coding techniques in it like hard-coded display sizes and such, rtl and ltr combined layoutdirections and so forth...
when the applicationComplete event dispatches, i check Capabilities.screenResolutionY and if it is less then 800 i want to resize the app programatically (preserving the width/height ratio). i have tried all the StageScaleModes and tried changing the dimensions of the stage, the nativeWindow, the app itself("this") and so on in every combination.
i am looking for a way to resize the entire app as is, meaning i dont want to use display logic of the components and such, just to "shrink" or "expend" the whole app as is, with hard-coded pixel amounts to change within the logic of the app accordingly (change all sizes, locations, fonts etc.. in sync) the app should look and work exactly as it did in it's 1000x800 default size, only smaller or bigger
View 2 Replies
Jul 21, 2009
I want to extend the RadioButton component in Flex 3, adding a text input line to it in place of the label. Is it possible to do this?Alternately, is it possible to have a container -- such as an HBox -- delegate all properties to an internal component -- such as a RadioButton -- so that I could create a composite component that 'acts like' a radio button?
View 1 Replies
Mar 30, 2011
I have collection of images getting from xml. That images placed in tilelist, i need zooming while mouseover which one image.
View 2 Replies
Oct 6, 2011
Here's my test application:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"[code]....
I would expect the mask to be applied when the checkbox is selected, and removed when it issin't. But it doesn't seem to work.However, when you change to , it works like a charm. Can anyone explain to me why?
Note: In my actual application, i'm applying this in a skin to a component that is extending SkinnableComponent which can't use BorderContainer so a solution to this would be great.
View 1 Replies
Aug 15, 2009
I have a center window and a background in my flash file. I am trying to get the center window to stay in the center of the web browser screen and get the background to expand and fill the entire web browser screen below center window layer. Sort of like this site [URL] I've currently converted the background to a movie clip and have this code.
[Code]....
View 11 Replies
Jul 28, 2010
I create an HBox, fill it with a grid of buttons, and set the scroll policy. When I resize the window, the stage changes size, and so does the HBox ... to a point. Once it reaches the height of the Grid it contains, it stops shrinking, like it has a "min-height". This ruins the scrollbar that I'm trying to establish in this case.
I've set the height to 100%, shouldn't it always take the height of the stage, it's parent?[code]....
View 2 Replies
May 28, 2010
How I can make a dragable thing like this? [url]...
View 5 Replies
Jun 28, 2010
I'm new in actionscript 3, and I'm trying to make a dragable map. a Map that the user can drag, something like google earth with zoom in. But I can't find the way to make the margins work.
View 4 Replies
