Multiple screen sizes?

I am using a front panel VI with 4 panels on it with graphs, buttons and indicators.
I am using two resolutions 1024*768 & 1280*800
At present I am doing two seperate builds as the resize option just messes things up.
I am using an openG resize to largest decoration but the only way I can see to do this clean and correct is to to back in and make the decoration larger and shuffle all the buttons.
can anyone shed some light on this for me please?

I have had the exact situation, where an application that had 30+ screens could be used on 800x600 or 1024x768. What I settled on was to programmatically re-center the GUI rather than programmatically re-sizing it. The good thing is, you (and me) are not switching between two grossly dissimilar resolutions, so you don't really need to resize the controls to make them usable.
I had a setup button for the user to choose screen resolution, and I threw this setting in a Global. In each screen, I programmatically centered the GUI as shown in the JPG.
edit, add-on: The -60 and -40 in the input cluster constant just so happened to be the "center" of the screen I was working with for 800x600. You'll have to find the center (actually I think it's the upper left corner) of each screen and plug the numbers in accordingly. It's easier than it sounds. I have VI that will find values for you if you want it, but I usually just read the Pane Origin Proerty Node first, then use the numbers, which in this case were -60 and -40.
Message Edited by Broken Arrow on 04-24-2008 08:32 AM
Richard
Attachments:
set window.JPG ‏13 KB

Similar Messages

Creating app for multiple screen sizes?

Hello. I've recently created an .apk file from Flash Professional using AS3 (probably obvious in this forum, but I wanted to be clear). I've been testing it on an ASUS Android tablet. However, I realized that even if I get the app to look fine on this tablet, there are other tablets out there with many different sizes that could have the app look weird.
I've been searching Google for tips on this, but a lot of it doesn't make sense. Is there a pretty easy way to get your app to 'read' the tablet's dimensions and scale itself to those dimensions? I know I could make a different file for each screen size, but wouldn't that require putting several different app files in the app store? That seems silly. Any tips?

first, you should check the scaleMode property of the stage which will allow you to specify how your stage is sized to fit the display.
then, you can use the stage's stageWidth and stageHeight properties to size and position your display elements, if that's needed (because with showall you probably won't need to do any sizing/positioning).

Proper layout on multiple screen sizes

I have an app created at iPhone4 screen res (640x960)
Now I want it to scale properly on an android tablet (800x1200).
this looks good
stage.scaleMode = StageScaleMode.NO_BORDER;
But how to I query the size for my buttons?
I use the capabilities class to get the screen dpi and layout the button sizes based on pixels, works good
however StageScaleMode.NO_BORDER, it appears I am just scaling the whole swf, thus making my buttons too large.
thanks

here is the problem: there seems to be no way to read the new "real" size?
I can't use NO_SCALE... because i need it to scale up.
if i use StageScaleMode.NO_BORDER; the size of the main app looks good.
the problem is getting the real size to make the overlaying buttons
after setting scaleMode, it scales accordinly but if i trace
this.height or stage.height // original size
scaleX or stage.scaleX // 1
it returns as if nothing was scaled, so the REAL coordinate system is now unmeasureable.
when i size and place my buttons, they are of the stage coordinates which reads unscaled, when truly everything is scaled and there seems to be no way to mesure it.
I had read comments where you can take a retna display app, and alow it to scale down on the 3gs... same aspect ratio so it scales perfect.
But you must run into the same situation? You layout and size the buttons based on screen resolution, screen DPI, height/width
... but then its all irrelivent when the app scales down your buttons are 1/4th the size again?
On iOS theres only a few devices and you can get the exact one from capabilities class, so i assume its easier to work around. Not so on android.
Its almost like if you scale up a Sprite, within that sprites coordinate system, you would use localToGlobal or trace scaleX/scaleY .... but in this case, i cant find a global system higher than stage!?
The only work around i can think is predict how much it is going to scale based off stage.width and screen resolution.
set the scaleMode.
take that %Scale prediction and apply it to the button layout scale and positioning
Am I missing something obvious here?

Support multiple screen sizes and DPI values in a mobile application

This question was posted in response to the following article: http://help.adobe.com/en_US/flex/mobileapps/WS19f279b149e7481c682e5a9412cf5976c17-8000.htm l

This is wrong statement:
"DPI is the number of dots per square inch: that is, the density of pixels on a device’s screen". DPI is not per SQUARE inch.

One application for multiple screen sizes ??

Hi All,
We are working on digital photo frame(DPF) project where we need to run DPF on 3 different resolutions, i.e., 800x480, 1024x600 and 1024x768. Is it possible to maintain only one .fla file for all resolutions? How can we go for it? We will be publishing it for flashlite 3 and using AS2. The application runs on a processor of 800MHz.... and total available memory is 128MB... Please suggest which method would be good to follow..i mean vector or bitmap?.. share the links if available....
Thanks,
Manjunath

For this scenario you have to evaluate which things are static on stage and which are moving you can according use bitmap and vector.
This is the common question people ask while doing development.
You can set movieclip property to cacheAsBitmap by doing this your movieclip will render like bitmap you can check this in flash help files also

Adobe Air - input one size, output multiple device screen size?

Hello, my first post here, I am new to Adobe Air, the advertising litrature says it can distribute to multiple formats/devices, I have a question on how it does this.
I have html javascript applications made to 480x320 in screen size, I would like to distribute them on many devices, Adobe Air says it can do that, but the different devices it can output to have different screen sizes.
How can an app that is at one size, be made for devices with other screen sizes, for example tablets, does the program re size it, stretch it, crop parts if its not a straight enlargement, or do you have to 're make' the app again set to the size of the screen of the device you want to output to?
Just how does Adobe Air handle outputting to different devices that have different screen size?

Hopefully these links will help:
http://www.adobe.com/devnet/air/articles/multiple-screen-sizes.html
http://www.adobe.com/devnet/flash/articles/authoring_for_multiple_screen_sizes.html

Font size based on screen size

How to set different fonts for a textblock or for other controls in a page based on the screen resolution

Additionally, a MSDN documentation for you:
Supporting multiple screen sizes also
Scaling to pixel density for your reference.
--James
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Resizing Stage to fit multiple screens

Hi, I'm designing a Flash website and I want the stage to
fill the viewer's screen, similar to www.s-w-h.com. I've always
designed flash sites with one particular size in mind, never for
multiple screen sizes. I know there's a Stage.onResize property I
can use, but I'm sure there must be a limit to the actual size of
the viewers screen, otherwise it would kill my layout and design.
I'm wondering whethere there's a technique flash designer's use to
effectively and optimally resize, i.e. choose only 3 stage settings
and work around them, or 3 browser types (IE, Safari, Firefox) and
work from there. I ask this because I have also noticed that my
Firefox browser fits my whole screen while my Safari browser does
not. So there are many variables to consider. What would be the
best way to apprach this?

Check out the Stage class in Flash. It lets you know the
actual width and height of your clients browser. You can add a
listener to your main movie to look for onResize events.
That is a great website.
Let me know if you need some extra pointers.
Cheers
Gorka

Targeting multiple screen resolutions

Hello,
I'm creating my first ios app and I'm unsure of the best way to handle the fact that there are 3 different potential target screen resolutions (iPhone3, iPhone4 & iPad).
Do I need to create optimised assets for all three resolutions and then detect the full screen stage size of the device and adjust accordingly? Or is there a better approach than that?
Thanks

Does this help?
http://www.adobe.com/devnet/flash/articles/authoring_for_multiple_screen_sizes.html
http://www.adobe.com/devnet/air/articles/multiple-screen-sizes.html
Roy

Screen size, layouts on multiple devices?

Hi All,
Sun promises to target multiple devices with JavaFX. So I can write an app, and deploy it to my desktop, as an embedded applet on a web site, on a mobile phone, or whatever.
How are things like screen size and layout managers going to be handled across all devices? For example, if I build an app that looks good on the desktop at say 800 X 600, it's obviously not going to look the same on my mobile phone. It's one thing to run on multiple platforms/devices, but to look good is completely another.
Is JavaFX going to address any of these kinds of issues, or is this completely out of scope? How do I make my app look good everywhere without writing multiple interfaces?
thanks,
B

Does it look like https://bug819183.bugzilla.mozilla.org/attachment.cgi?id=700652 or https://bug819183.bugzilla.mozilla.org/attachment.cgi?id=700651 ?
What is the model and manufacturer of your tablet?
Will check to see if we have a droid 2 on Wednesday.

Multiple stages on multiple screens of different size

I'm working on a project that requires me to have two stages on two screens of different size. How do I do this in Flex, or is it even possible?
More specifically, I am building a kiosk appliction, that will have the menu on a small touch-screen that sits in front of a larger, wall-mounted screen. When the user selects content to be played (videos, web sites, whatever) from the touch-screen, then the effect of that selection needs to be sent to the other stage. I need to be able to run a screen-saver on the main screen, also. Basically, the controls are the main application, and the other screen is simply a container for viewing things.
I am currently packaging my Flex project in AIR, not through the web, so I actually have a windowed application. Basically, I just need to create a new window with a custom chrome that simply holds a movie.
Is such a thing possible in Flex? I couldn't figure out how to spawn another stage, much less one that was referencable from the first stage.

Hey all. I have reached the answer. I left everything up that I posted before, in case anybody is having similar issues. To create the custom component, click your project, create a package, and then right-click that package and create a new MXML component. Then, create the MXML just like you would before. Your root tag will be whatever you are working to modify (so, s:Window for my case, but you can do an s:Label or whatever you want). So, first, I'll give you the code for my simple Window component:
[CODE]
<?xml version="1.0" encoding="utf-8"?>

<s:Window xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark"
                    xmlns:mx="library://ns.adobe.com/flex/mx"
                    systemChrome="none" visible="true" transparent="true" showStatusBar="false" width="400" height="300"
    <s:layout>
        <s:BasicLayout />
    </s:layout>
    <s:Label id="controlScreenTitle" text="new Window from VideoScreen component" fontSize="72" fontWeight="normal" color="#222222">
    <s:filters>
        <s:DropShadowFilter color="#CCCCCC" />
    </s:filters>
    </s:Label>
</s:Window>
[/CODE]
All I did was a very simple white box there. You can disable the system chrome and such from the main Window tag, as I have shown. The window this creates has no [ _ ] [ [] ] [ x ] buttons, bar along the bottom, or any background. In my actual project, this component will hold a container to play my video objects.
Then, I create my main document:
[CODE]
<?xml version="1.0" encoding="utf-8"?>

<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                        xmlns:s="library://ns.adobe.com/flex/spark"
                        xmlns:mx="library://ns.adobe.com/flex/mx"
                        showStatusBar="false" alwaysInFront="false"
                        creationComplete="init()">
    
    <fx:Style source="KioskScreensStyles.css" />
    <fx:Script source="controlScreenMain.as" />
    <fx:Script>
        <![CDATA[
            /* Insert other ActionScript stuff here. Try to put as much of it as you can in the .AS file, though */
        ]]>
    </fx:Script>
    <fx:Declarations>
        
        
        
    </fx:Declarations>
    <s:BorderContainer id="controlInterface" right="0" left="0" top="0" bottom="0" borderStyle="inset" borderColor="#CCCCCC">
        <s:layout>
            
            <s:BasicLayout />
            
            
        </s:layout>
        
        <s:Label id="controlScreenTitle" text="Error loading program..." fontSize="48" fontWeight="normal" color="#222222">
            <s:filters>
                <s:DropShadowFilter color="#CCCCCC" />
            </s:filters>
        </s:Label>
        
        <s:ToggleButton id="btn1" label="Play video 1" click="btn1_clickHandler(event)" />
        <s:ToggleButton id="btn2" label="Play video 2" click="btn2_clickHandler(event)" />
        <s:ToggleButton id="btn3" label="Play video 3" click="btn3_clickHandler(event)" />
        <s:ToggleButton id="btn4" label="Play video 4" click="btn4_clickHandler(event)" />
        <s:ToggleButton id="btn5" label="Play video 5" click="btn5_clickHandler(event)" />
        <s:ToggleButton id="btn6" label="Play video 6" click="btn6_clickHandler(event)" />
    </s:BorderContainer>
</s:WindowedApplication>
[/CODE]
Now, the important part will be the .as file. Here's parts of that:
[CODE]
/* Imports */
/* import custom components. This is what allows us to open a new window in AIR. NOTE: THIS IS HOW YOU GET THAT CUSTOM MXML FILE IN HERE TO USE */
import customComponents.VideoScreen;
// import older mx stuff only when needed. Try to avoid using these.
import mx.controls.Image;
// import the newer Spark components. Use these for everything possible.
import spark.components.VideoDisplay;
import spark.components.Window;
import spark.primitives.Rect;
// Global variable declairation
protected var screens:Array = Screen.screens;
protected var controlScreenSizes:Rectangle = screens[0].bounds;
protected var videoScreenSizes:Rectangle = screens[1].bounds;
// All variables below Defined in init(), to be sure that they have been fully loaded
// While the :Window declairation technically works for the controlScreen, Flash views this as an error, and will not process everything properly if I type it like that.
//protected var controlScreen:Window = this.Window;
protected var controlScreen;// = this;
/* NOTE: THIS IS THE USE OF MY NEW, IMPORTED CUSTOM WINDOW. This is all you need to do to make it. */
protected var videoScreen:VideoScreen = new VideoScreen();
protected var btns:Array;
/* Initialize all my variables, and call the needed functions to set everything up */
protected function init():void
    controlScreen = this;
    // This is a Window method that opens the Window. I did not have to code this.
    videoScreen.open(false);
    btns = [btn1, btn2, btn3, btn4, btn5, btn6];
    placeScreens();
    createControlScreen();
    loadScreenSaver();
/* Moves all my screens so that they sit in the top-left of each of the two screens, and then expands to be full screen on those two screens, whatever size that may be. */
private function placeScreens():void
    // We move it to -1,-1 because there is 1 px padding and dead white space that I can't figure out how to remove.
    controlScreen.move(-1,-1);
    controlScreen.width = (controlScreenSizes.width+1);
    controlScreen.height = (controlScreenSizes.height+1);
    controlInterface.width = (controlScreenSizes.width+1);
    controlInterface.height = (controlScreenSizes.height+1);
    videoScreen.systemChrome = "Standard";
    videoScreen.move(controlScreenSizes.width,0);
    videoScreen.width = (videoScreenSizes.width);
    videoScreen.height = (videoScreenSizes.height);
/* Puts all the buttons where they belong, and attached the background image that we need and so forth */
private function createControlScreen():void
   /* Most of this code is not needed for the demonstration, so I only include what I feel would be helpful, with psudocode for the rest */
    var backgroundImg:Image = new Image();
    backgroundImg.source = "assets/backgroundImg.jpg";
    var backgroundVid:VideoDisplay = new VideoDisplay();
    backgroundVid.source = "assets/backgroundVid.mp4";
    backgroundVid.width = (controlScreenSizes.width+1);
    backgroundVid.height = (controlScreenSizes.height+1);
    backgroundVid.autoPlay = true;
    backgroundVid.muted = true;
    backgroundVid.loop = true;
    /* Format the buttons. You can change height, width, x and y position on the form, label (the text on it), and some other things (including the ability to spawn video or picture or sound when clicked and such for animations. */
    /* buncha code that moved the buttons around and made them all fit in the screen dynamically based on the screen size. */
    /* Finally, play with controlScreenTitle, which is a label control that you can styple and use for text on the screen in addition to the buttons. In here is just a bunch of code to do that*/
    /* Attach the elements to the controlInterface. The first put on has the lowest z, therefore is under the rest. Stack them in the order you want then displayed. The first one should be either backgroundImg (image), or backgroundVid (video), depending on what you provided and want. Note that the video causes the buttons to lag a lot */
    controlInterface.contentGroup.addElement(backgroundImg);
    //controlInterface.contentGroup.addElement(backgroundVid);
    controlInterface.contentGroup.addElement(controlScreenTitle);
    controlInterface.contentGroup.addElement(btn1);
    controlInterface.contentGroup.addElement(btn2);
    controlInterface.contentGroup.addElement(btn3);
    controlInterface.contentGroup.addElement(btn4);
    controlInterface.contentGroup.addElement(btn5);
    controlInterface.contentGroup.addElement(btn6);
    /* Buncha code for the functionality */
} // End function createControlScreen()
/* Puts the screensaver up on the video display so that we don't burn out the display */
private function loadScreenSaver():void
    //pull in screensave into that window
/* Makes sure that the user doesn't see two buttons active at the same time--that would look like two movies were playing at the same time. */
private function deselectOtherButtons(clicked:int):void
    for(var i:int=0; i<6; i++)
        if(i != (clicked-1))
            btns[i].selected = false;
/* All of the below do the same thing: unselect all the other buttons when one of the buttons is clicked. I could just create one click event handler, but I wanted to leave the possiblity of customizing the result of each button's click, so I left it this way. */
protected function btn1_clickHandler(event:MouseEvent):void
    deselectOtherButtons(1);
protected function btn2_clickHandler(event:MouseEvent):void
    deselectOtherButtons(2);
protected function btn3_clickHandler(event:MouseEvent):void
    deselectOtherButtons(3);
    deselectOtherButtons(4);
protected function btn5_clickHandler(event:MouseEvent):void
    deselectOtherButtons(5);
protected function btn6_clickHandler(event:MouseEvent):void
    deselectOtherButtons(6);
[/CODE]
If anybody looking at this has any questions about it, feel free to ask me. I am not usually able to comb the forums, so you'll have to PM me or something. I actually put this up right after I found my solution, so there is work still to be done on it (obviously). But if you ever need to do anything like this, here's some code for you.

How can I find out the screen size of the users moniter using the Acrobat SDK?

How can I find out the screen size of the users moniter using the Acrobat SDK? I need to know how much sreen real estate that is available on the users moniter. Is there some call that I can make from the SDK to discover the maximun X and Y coordinates?
Thanks,
Gregory

Currently, I am testing on multiple moniters and it is defaulting to the moniter designated as the #1 moniter. For our purposes, this is acceptable. Once the two documents have loaded, the user can move and re-size at will.
Gregory

Fullscreen Multiple Screens Mac

Is it possible to go fullscreen on multiple screens on mac?
I can't get it to work.
Then i tried a workaround with an UNDECORATED stage.
but this gives this http://postimage.org/image/565ld2m1b/
where the blue is the desktop.
Code: -----
     private void setupStageFullScreen(Stage stage, int screenNumber) {
          ObservableList<Screen> screens = Screen.getScreens();
          Screen screen = screens.size() <= screenNumber ? Screen.getPrimary() : screens.get(screenNumber);
          Rectangle2D bounds = screen.getBounds();
          stage.setX(bounds.getMinX()+1);
          stage.setY(bounds.getMinY()+1);
          stage.setWidth(bounds.getWidth());
          stage.setHeight(bounds.getHeight());
          if(screen.equals(Screen.getPrimary())) {
               stage.setFullScreen(true);
          } else {
               stage.toFront();
     }

A DMP connects to a single screen as it has a single HDMI output. Some monitors allow daisy chaining across multiple monitors but this a function of the monitor not the DMP. With this option you can get the image to fit across multiple monitors like a 2x2 monitor setup. The primary monitor connects to the DMP and then the rest of the monitors connect monitor to monitor using a HDMI cable. You then program the main monitor for how you want the screens to show the image.
The datasheet is referring to content can be placed in separate regions on a monitor. This way you could have a video in one region, text/image in another and an RSS feed in a third.
Hope this helps.

IPhone screen size in Photoshop

I'm designing UI for iPhones starting at 2X image size retina display.
What screen size should I set up in Photoshop?

If you choose File > New and choose the Mobile App Design preset, you'll find the Size menu already lists most recent iPhone screen sizes including the 6 and 6 Plus.
Mylenium's link is very helpful; if you go there and go to Icon and Image Sizes there's a table of dimensions for all of those things.
If you have Photoshop CC 2014, you can set up Generator and Extract Assets to export layers (e.g. button designs) to multiple pixel dimensions automatically. That will be a lot easier and faster than manually sizing/cropping/exporting.

IPhone app screen size set up in Photoshop

I'm designing an iPhone app in Photoshop. I want to work in 2X size.
What size should I set the screen up in Photoshop to be able to export UI images and icons accurately?
Should I use an iPhone 5 or iPhone 6 screensize?
These are both 2X png but screensizes are different, therefore UI exported for the @2X size will differ depending on which screensize I first decide to start with.

If you choose File > New and choose the Mobile App Design preset, you'll find the Size menu already lists most recent iPhone screen sizes including the 6 and 6 Plus.
Mylenium's link is very helpful; if you go there and go to Icon and Image Sizes there's a table of dimensions for all of those things.
If you have Photoshop CC 2014, you can set up Generator and Extract Assets to export layers (e.g. button designs) to multiple pixel dimensions automatically. That will be a lot easier and faster than manually sizing/cropping/exporting.

Multiple screen sizes?

Similar Messages

Maybe you are looking for