Flex :: Resizing Components For Wide Screen?
Apr 1, 2011
I am using % values for height and width properties of my components, so they would look some what similar in different screen resolutions. But when the aspect ratio changes or on Wide Screen monitors, my components are looking very badly as in not consistent and somewhat stretched.
View 2 Replies
Similar Posts:
Jun 3, 2010
I have an mxml panel in which I'm using a repeater. The panel can be resized horizontally and I would like for the repeated components to resize together with panel. Here is a simplified example of how things look like:
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" ...>
<!-- scripts and some controls -->
<mx:VBox width="100%">
[code].....
View 2 Replies
Jul 10, 2011
I have a component that contains a list that implements a custom renderer. I use this component as a tooltip, keeping one in memory and just altering the databindings as necessary.
Something like this where TTComponent is a class that extends Canvas:
<s:TTComponent>
<s:BorderContainer>
<s:List id='lstItems' dataProvider="{data.Items}" width="50%" borderVisible="false" contentBackgroundColor="#222222">
[Code]....
Now, what happens is when data containing many items is set to tt.data, the list resizes itself larger and displays fine. However, after this, if data containing few items is set to tt.data, the component momentarily displays larger than it needs to be, then resizes itself smaller.
What I'd like to do is have the component resize itself before it displays, so I don't see the resize on screen.
View 1 Replies
Aug 2, 2010
I've been adding some components to a Flex 4 app (it was originally Flex 3 but has been ported). Some of these components make the app go blank when it loads. I'm not even able to see the loading progress bar. Just white.
For example, adding
<s:controlBarContent>
<s:Button label="Admin" />
</s:controlBarContent>
To the root tag causes this. I also was able to make it happen when I tried setting a custom components skin from my style sheet instead of from the skinClass property.
View 1 Replies
Sep 2, 2010
I'm trying to create a simple layout of 3 horizontal Label/Text components. I'd like the components to resize depending on their text content, which will change at runtime.
The components should look something like this:
<mx:Label text="{firstNum}" />
<mx:Label text="-" />
<mx:Label text="{secondNum}" />
The output would look like "0-1" or "1-99" or "1000-9999".
My problem is that the default width of the Label is wider than it's content (even with paddings set to 0), and if I set an explicit width larger numbers will be truncated when the bound variables are updated.
So, I want to create a Label that is exactly as wide as it's content, even when that content is a single character.
On screen the text from the 3 Labels should look the same as if all the text was entered in a single Label.
(I need to keep the text in separate components so I can play effects on firstNum/secondNum individually.)
View 2 Replies
Dec 7, 2010
Consider the following Flex code:
private function fullScreenHandler(evt:FullScreenEvent):void {
if (evt.fullScreen) {
viewstack.selectedIndex = 2;
[Code].....
I have a viewstack with two containing canvases. Canvas 1 is used when in normal mode and canvas 2 which is used when in full screen mode.
To properly resize the objectInViewStack2 I need to know how large the screen is when in full screen mode.
View 1 Replies
Dec 30, 2010
I'm new to flash and interested in multi-platform graphical game development. I've installed the Flash Builder Burrito test version and want to develop a full screen Android graphical game with Android-Flex components (like buttons etc.).
a) Is it possible to have a full graphical screen and then overlay Android-Flex components (buttons etc.) or ist only possible to integrate a graphical screen within a Flex components app so that Android/Flex components have to been outside the screen and so no full graphical screen overlayed with Android/Flex components is possible?
b) If full graphical screen + Android/Flex components is possible: which project type have I to choose: File->New->Flex Project or File->New->ActionScript Mobile Project?
c) Are the components I can choose to design my Flash-Android project Android-like Flex components or are they real Android components?
View 1 Replies
Jun 7, 2011
I have a tree, which childs dispaching event, if i run the object outside TitleWindow - everything is working fine, but if i encapsulate it inside a TitleWindow as into the source below - the event is not anymore dispached system wide.
<?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]....
View 1 Replies
Aug 22, 2010
Do you know any flex component with the functionality such as horizontally collapsible window or panel I found arc90, but it folds vertically.
View 1 Replies
Sep 8, 2009
I am created a dynamically adding a VBox, that contains two images. Into a Custom Component that is derived from UIComponent. The problem is the Vbox that contains the two image is only a really tiny size. I would like the VBox stretch to the size of the two images. This is how I am creating the Vbox....
[Code]...
View 1 Replies
Sep 15, 2010
Is it bad practice/design to nest components inside components using Flex 4? Should I simply be creating components and inserting them into my main application as below, or doesn't it matter?
<com:MyComp1>
<com:MyComp2>
<com:MyComp3>
[code]....
View 1 Replies
Jun 19, 2009
I would like to know how to resize flash to fit in browser/monitor sizes. This site http:[url]....is a perfect example. Notice how it opens with no scroll and fits to a window that matches your screen size.
View 1 Replies
Aug 2, 2011
I am having a slight issue, i have created a flash file 800 x 600,But i need to split it into half... i already have animations on both halfs which overflow to the off screen,Is there a way of cutting the content in half via width (400x600)? (im uploading the content into a system which requires it in 2 halfs and also if i have any content off screen is messes up...)
View 4 Replies
Jul 28, 2010
I'm working on my portfolio site and would like to resize the background only like this site [URL]For resizing a flash movie, I tried this script
Quote:
Stage.align = "TL";
Stage.scaleMode = "noScale";
//size bg_mc to match stage size
[code]....
It succeeds resizing but is NOT in proportion
1. editing the script thus the picture resizes with contrain proportions?
2. I'd also like to have it centerized during resize.
View 5 Replies
Mar 14, 2011
I'm working on a flash site, but I want the site to resize to the user's screen resolution...I'm new at actionscript and flash, but what is the most efficient way to accomplish this?
View 3 Replies
Feb 27, 2009
I'm using the code below to resize a mc so that it fits a full screen browser even when its resized. Its working fine but...
How do you make the mc (bga) resize in proportion. At the moment it squashes & stretches
// ***Stage aligned top left
Stage.align = "TL";
// *** Stop the stage from scaling with the browser window.
[Code]....
View 2 Replies
Nov 24, 2011
Just want to find out something... I have a .swf video file which I open with the normal Adobe Flash player 10. What happens is that when I open that file in a smaller screen resolution there's some parts missing (cuts it off around the edges).
How can I resize the content to fit in any screen resolution?
View 1 Replies
Jan 13, 2011
how i would make a flash website that moves components according to screen size? for example the text on the introduction page of this site has the effect i am looking or: [URL]
View 3 Replies
Apr 19, 2006
I posted this in the Flash MX2004 forum, but I hope I have better luck here.[URL] In that website, how do they keep some of the movieclip items locked on the edge of the screen? When you resize your screen, the items on the edges are the ones that moves correspondingly. And the fillers are near the middle part. Someone mentioned about adding a listener and act to a onResize command?
View 3 Replies
Feb 5, 2011
I'm new to Flash builder and I'm having this weird screen resizing issue. I'm setting up my .swf of dimensions..
Code:
[SWF(width="760", height="600", frameRate="32", backgroundColor="#000000")]
And I'm using...
Code:
stage.scaleMode = StageScaleMode.NO_SCALE;
But for some reason, which I don't get is that when I do no_scale, the .swf window resized to 760x620, and I have these 20 pixels at the top, which are less than zero in Y, if I leave that line out, my graphics on the screen (isometric tiles) look distorted but the screen stays at 600 px in height.
View 2 Replies
Nov 10, 2010
My main swf is 960x600 and loads full screen. it is a projector or swf, local. I have the code on frame 1 to ensure full screen and show all:
stage.scaleMode = StageScaleMode.SHOW_ALL;
stage.displayState = StageDisplayState.FULL_SCREEN;
Then I load an external swf into a mc, and it goes full screen as expected. BUT the main swf that loaded that external one, at the time of load, suddenly gets scaled back down to its normal size: 960x600, on the top left corner of the Player Window (or the full screen), so somehow at 0,0. Whn I unload the external swf, I can put the code stage.scaleMode = StageScaleMode.SHOW_ALL; to get it back to where it was. But unfortunately I have some buttons from the Main swf that are supposed to be on top of the loaded one, and should stay where they are. But now they all move because of this scaling down.
the mc that is being used as a container for the loaded external swf is an empty mc located at 0,0. The external swf has the same size as the main one: 960x600
I searched and tried things but could not get it to stay in show-all mode when loading this external swf...
View 0 Replies
Jun 23, 2010
How do you prevent all of your text automatically changing the font size when a browser is made full screen? I have a number of fixed field sizes I want my text to stay within but when the browser is expanded to full screen it changes the fonts so the text no longer fits in the text boxes and it forces scrolling.
View 2 Replies
Jul 9, 2010
Making an Flex App. Just wondering if anyone has created something that fits automatically to the users' screen size and how I go about doing this? One of the principle things is that I need an background image, which is obviously going to have to scale / resize to match the users screen.
View 1 Replies
May 31, 2009
I have what seems a straighfoward situation: I update the source property of an image, when the image is loaded i want to redraw the border skin to fit the new size of the image.
newImgEdit.addEventListener(Event.COMPLETE, loadImgComplete);
newImgEdit.source = myurl_ressource;
private function loadImgComplete(evt:Event):void {
[Code]...
View 2 Replies
Apr 8, 2009
I have a simple thin line, I want it to be 100% wide so it fills in the entire screen in width.
View 2 Replies
Mar 28, 2010
i want to create a site %100 SWF width so it resizes with the browser and also a Carrousel effect that lets me go back and front in the timeline. But just can't find a way to do it.
Here is an example of the site i want to do: [URL]
As you can see, the models has the Carrousel effect and the Width is %100.
View 3 Replies
Sep 30, 2010
I'm pretty sure this feature doesn't exist (I just looked), but is there Flash IDE project-wide Actionscript search? The Flash IDE might be a tolerable AS3 code editor if this feature was available, now that code-hinting/intellisense is better in CS5.
View 2 Replies
Dec 31, 2007
I have a container_ mc that is 560x320wide. I have a "About Us" button beside it with this code in my actionscript file:
[Code]...
The about1.swf is a 560x320 wide swf movie with pictures and images in it. When I preview my main movie and load "about us" page the about1 swf is stretched out much wider than 560px. It is about 700px wide and goes off the page.
View 8 Replies
Jun 18, 2008
i'm making a scrolling xml gallery. Everything is working fine however for the particular design of the site i'm making i need thumbnails that have different widths. Currently i've written an xml file that lists the names of the images which are then loaded into a container within a scroller.Is there a way i can load external images and then write some AS that figures out how wide each thumbnail image is? (i have a feeling i need to write a variable for the widths of the containers but not sure how) or maybe an easier way of looking at it - does anyone know of an example that loads an array of images sequentially that have different widths but display next to each other?
View 2 Replies
Aug 10, 2011
I've been searching for the last couple days but can't seem to find a basic example of what I'm looking for. I'm developing a Flex 4.5 app and in it I have a viewstack of 2 components that use some of the same services. Currently the only way I can get the app to correctly use the web services is by defining 2 different web services that use the same PHP web service file. For example: I have an app, and within it I have a viewstack with tab navigation of 2 components: #1) retrieve a list of all Salary Employees, and #2) retrieve a list of all Contractors. Currently to get it working I am defining a UsersTableEmployees webservice within component #1 and a UsersTableContractors webservice within component #2, but they both point to the same PHP class, and only differ in the arugment value I pass to them. Ie, getUsers("employee") and getUsers ("contractors"). Of course this is not best practice.
Searching StackOverflow and Google gives me many results about ColdFusion and MVC (example What's the best way to share data between components in Flex?), but I'm still confused. Can anyone here point me to a basic example (even sample MVC) and source code of an app that uses Zend AMF and allows different components to call common web services?
View 1 Replies