I am having a problem where, when I scale an SVG in flex, it clips a part of the image, as shown below (the bottom right is clipped off, it should be rounded, like the top left)
Here is my code:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" actionBarVisible="false"
xmlns:s="library://ns.adobe.com/flex/spark" title="Table">
[Code]....
Is there a way to use 9-slice scaling with images loaded at runtime? To clarify, let's say that I build an application that lets a user skin a button with whatever image they want. This would be an image that's not embedded with the swf. Is there a way to set that runtime image as a background and use 9-scaling?
View 1 RepliesI have an interesting issue, I am trying to load 12 images into their own "Loader" with Scale content set to "true" so they scale down a bit. If I run this in Flash it works great, the 12 images show up fine inside the loader. If I then load it to a website and view it with FF it works fine, however, if i load up IE one or two of them will be fine but the others will be huge, basically not scaling to fit. By Loader, I mean the component loader. I'm sure I'm not the first person to have this issue, my first thought was they are not loading 100% before Flash is trying to scale the content? If that's the issue, how do I preload them?
View 2 RepliesI have a grid with 17 columns and populating it with images through XML. I would like to scale the images on Mouse over. I can get this to work but the problem is that some of the images when scaled are below the surrounding images. I thought maybe setChildIndex, but perhaps I was not implementing it correctly.
View 1 Replieshave a situation where i have 30 images on a splash page and when you rollover the small image it creates a larger version at the 4 corners of the page. See example here:SplashCurrently i am using this script:
Code:
on (rollOver) {
this._width = 128;
[code]......
I have a problem where my images are not fully displaying their dimensions (cannot see the whole image). How can I have the image being loaded scale to the properties of the holder? Would the whole image show properly, if I were to make the images the same size as the holder via photoshop?
function largeImageLoaded (e:Event):void {
holder.addChild(loader); // here
loader.alpha = 0;
TweenMax.to(loader, 1, {alpha:1, ease:Sine.easeIn});
TweenMax.to(loader, 2, {colorMatrixFilter:{amount:3,
brightness:1.5, saturation:1.2, hue:10}});
}
I assumed, that once you've brought in the image it would scale automatically? I am loading these via XML. So now, I will need a way to scale each of the loaded images to match that of the holder.
I have a Movieclip containing five images in a row. I have seven images inside a mc next to eachother like a T (Five across and three down) with one image being the center image. The images are under a mask an then the images tween on the X and Y but obviously only the masked part of the image is visible. The mask is 1280x649 and I was wondering how to proportionally scale only the masked area to full screen. I have the following code which works perfectly on a single image inside a mc but how do I do now?
Code:
stage.align = "TL";
stage.scaleMode = "noScale";
var picHeight = pic.height / pic.width;
var picWidth = pic.width / pic.height;
[Code] .....
I have a few 180 panoramic images in pan.xml and firstly I want to load the first image (width=2737) onto stage, then adjust its size (according to the stage size) with adjustScale function and finally tween it with slidePanorama function. The problem is that first image tweens to the initial position (x=-2737/2) and not to the new position (-scaled width/2), so there's some empty space left on the right of the screen... I tried putting that adjustScale function everywhere, it doesn't seem to work. What am I doing wrong? The second thing I want to do is to be able to navigate between other panoramas e.g. clicked on a button, load another panorama and repeat the same process as explained above..
ActionScript Code:
private var imgNum:Number = 0;
private function createP():void {
imgData = panXML.item[imgNum].imgURL;
[Code]....
I only recently switched to AS3 from 2 and I'm sure there are concepts. When I load a grid of images and scale and center them, why does this work locally but not when I upload it to a server? These images do not scale or center online, they just position themselves at top left at full size. Here's the portion of my code that centers the image when loading of image is 'done.'
ActionScript Code:
function thdone(e:Event):void {
if(e.currentTarget.width > e.currentTarget.height){
scaleFactor = (120/e.currentTarget.height);
} else {
scaleFactor = (120/e.currentTarget.width);
[Code] .....
scaling image for an image gallery project I am creating. I am adding each image inside a SQUARE Movieclip of their own so I can position them nicely on stage. As not all images are exactly square, there are always vacant gaps. What I want to achieve is to scale the image proportionally so that the smallest dimension of the image ( width or height ) will equal the same dimension of the square Movieclip, though anything that overflows the MovieClip is not visible.
View 1 RepliesI need to scale images so that they always fit within my browser but also retain their aspect ratio. All other examples I have seen at some point either the width or height is cropped off by the edge of the browser. I need my images to always stay inside but also I do not want them to ever scale above 100% i.e. no enlargement. owever the images don't stay within 100% scale and also get cropped off.else as much as I can.The code I have is like this
Code:
if(mainTL.allImages._width > Stage.width){
mainTL.allImages._width = Stage.width;
[code].....
I'm working on a Flash application that has thumbnails and fullsize versions of an image. The steps I'm taking:
- import the image at runtime, and attach to a movieclip (we'll call it polaroid, since that's what I'm calling it).
- resize polaroid via polaroid._width=3; polarois._height=3; to get my thumb
The image quality is OK for pictures, but it's also fairly important that text not look too pixelated. Is there anything relatively simple (i.e. not too taxing on RAM) I can do here? Even a blurring layer would do the job, if there is any such thing.
Im building a site for a photographer, all images are xml driven.. When a thumb is clicked the full size image is loaded into an empty movie clip.
I am after a similar effect as seen here..[URL] If you resize the window the image resizes to scale...
I have managed to align the rest of the movieCLips to the stage when it is resized in its right positions just can't get the image to resize!.
I have a simple test site to test scaling images proportionally.[code]The site is full browser with 3 MovieClips - header_mc, body_mc and footer_mc.header_mc is the strip across the top. body_mc is the middle section, which contains a image that is a MC, img_mc. footer_mc is the bottom strip.When the browser resizes, header_mc and footer_mc stay the same height, but the height of body_mc will change and footer_mc sticks to it's bottom.When the window resizes I want the image to resize proportionally - that's where I'm stuck.How can I resize the image to keep it's proportion.
View 3 RepliesI'm using the code below to scale my main movie with the browser window.What happens is that the images in the movie are baldy distorted ..Can I preserve the images to scale or at least can I scale them with a different scale?I'm using CS3 ,AS2 and Flash Player 9
Code:
// ***Stage aligned top left
Stage.align = "TL";
// *** stage scaling with the browser window.
Stage.scaleMode = "Scale";
[code]....
i've got a main home page in flash coded in AS2 that first loads up 8 thumbnails when you click on one it goes into fullscreen mode and loads images dynamically side by side that you can pan through with your mouse.the problem is is that i am using the setBackground(); and it is not scaling the Loader components inside my movie clip correctly initially, it is scaling them down yet when i resize the window it scales them perfectly.Here is my AS to scale:
ActionScript Code:
// this tells Flash NOT to allow the assets to be scaled
Stage.scaleMode = "noScale";
[code].....
I've search through all the threads with "scaling" and "resizing" and can't find the solution.
Basically I have a GUI element on a gallery that I don't want to scale, while the rest of the page is free to resize/scale.
I think I need to add a listener of some sort to the stage, but I'm not sure how to do this.
I'm building some navigation that extends all the way from left to right across my SWF. When the window resizes, I'd like the nav buttons to get wider but not have the text on the buttons get wider.
The buttons themselves are rectangles with a vertical gradient and a stroke around the outside. I'm using 9-slice scaling so the stroke doesn't scale, but the middle (gradient) gets wider or narrower.What'd be great is to be able to select an object or layer and say "don't scale, even if the rest of this movie clip scales". Is there a way to do that, or will I have to do it via actionscript?
i have a diagonal movieclip that I am trying to scale along with the background video. The background video scales perfect, I am attaching the diagonal movieclip (br in the code as bottomright) with addChild
Instead of scaling with the window, it seems to repeat such as the image is displaying. this is the main section of the code that is doing the scaling
var br:mc_bottomright = new mc_bottomright();
addChild(br);
//proportional scale
if ((stage.stageWidth / stage.stageHeight)> (owidth/oheight))
[code]....
I am trying to achieve an effect of scaling a movie clip on click...very similar to [URL] When the user clicks on See, Hear, Play and Shop boxes, the boxes expand. I have created a box movieclip that has a bar on top. This bar is a movie clip inside the box movieclip. When i try to scale the main box movieclip, the internal bar movie clip scales as well. How to stop this?
View 2 RepliesI'm trying to build a webmap application in flex. For this, I've got a fxg-file which represents the maps. It's in a also there are some elements, like POIs, text etc., in this group. I zoom the with scaleX and scaleY, this works just fine for the map. But the problem is: All children zoom also. I don't want this. They should stay the same place on the map and the same size.
Heres some code the as function
<fx:Script>
<![CDATA[
import mx.skins.Border;
[Bindable]
public var hoehe:Number = 1;
[Code] .....
ComponentsLakwView contains some labels etc. This should not be resized?
I have basic shapes created using flex primitives classes like ellipse rectangle etc. Each of these are added into a graphic object.Now i am in search of a mechanism to select it and scale it (as in Photoshop Transform -dragable corners and edges, image gets scaled on dragging)
View 1 RepliesI have custom flex component inherited from UIComponent (compiled, no source code access). It has fixed width-to-height proportions and it's scalable. If I set its width and height to 100%, it's trying to fit parent's size, but it keeps width-to-height proportion, so if it's proportion does not equal parent's proportion, there can appear empty space near this component when resizing parent.
What I need, is to fit my component completely to parent's size. Is there any nice way to do this? I could listen to parent's resize event, and play with component's scaleX and scaleY
I'm trying to scale text from 1 to 5, a sort of zoom in type of look. I'm using the code below:
<s:Scale target="myLabel" autoCenterTransform="true"
duration="2000"
scaleYFrom="1" scaleYTo="5" scaleXFrom="1" scaleXTo="5"
>
The text scales terribly. So my goal is to take a snapshot of the text label at a large font, add it to the display list, set the scale to a 5th and then animate the scale up to 1. After that I have to set the text again and do it all over again.
This is a Flex app and that's where my question comes in. I don't know how to take a snapshot, then what to add it to (group?) and then how to erase it and start over again?
really sorry to bring this one up again. I've managed to create quite good working gallery. What I'm trying to now is create a menu that is attached to the scaling part but does not scale it self - in other words just changes position. here's an example of what I mean: galleru #1
View 14 RepliesWhat I'm trying to now is create a menu that is attached to the scaling part but does not scale it self - in other words just changes position. here's an example of what I mean: galleru #1
View 13 RepliesWe are building an application in Flex where we have to scale and reposition the circles based on the changed screen resolutions. Example: Current resolution: (800, 600) I draw a circle at position (410,290) with radius 10 Now If i change the resolution of screen to (1440, 960) then the circle should be drawn at the same place on the screen with respect to the new resolution with relative increase in the radius.
View 1 RepliesI've been working on an application (with ComboBoxes) that requires scaling the entire application based on screen resolution. I thought it would simply require changing the "scaleX" and "scaleY" properties of the top-level application, but discovered that the ComboBox dropdown doesn't appear to scale accordingly, as in the following example:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
applicationComplete="init()">
[Code]....
which results in the dropdown appearing (sliding down) unscaled until it reaches it's extended length and stops at which point it scales up and remains at that scale until it is closed. I have also found that if you call "invalidateDisplayList()" on the comboBox or the dropdown, then it undoes the scaling, so it appears that whenever the updateDisplayList is called, the dropdown only applies it's parent ComboBox's scaling, and not the ComboBox's parent container's scaling.
I understand that, as a pop-up, the dropdown isn't in the Application's or ComboBox's displayList tree, which appears to be the root of the problem (no pun intended).
1) if I create items in a for loop, is correct to add a new eventListener for each item ? Or should I add only 1 eventListener to the parent ? and call the event through ID ? 2) if I want to scale my item, (a LinkButton with icon image), I noticed that the icon is sometimes resized with delay, so I have a bit of flickering when I trigger the event. Should I not use icons, and set the image in another way ? How can I fix this?
View 1 Repliesvar snapshot:ImageSnapshot = ImageSnapshot.captureImage(someSprite);
var file:FileReference = new FileReference();
file.save(snapshot.data,'abc.png');
n the above code I am able to capture an image.But I also want to apply a scalingMatrix(for zoomIn/Out) and a clipping rectangle to it. How to do it? I tried capturebitmapdata too, but with that I can't even get a proper image. See here. So I don't want to use that.