Flex :: How To Display Photos Full Screen
Dec 17, 2010I give users the ability to put album in my Flex application. I want to add a feature when they can click a button to view photos full screen slide show.
View 1 RepliesI give users the ability to put album in my Flex application. I want to add a feature when they can click a button to view photos full screen slide show.
View 1 RepliesI wnat to display a FLVPlayback full screen the same as when you click on the Full Screen component button.
function goFullScreen():void {
vidPlayer.enterFullScreenDisplayState();
}
var vidPlayer:FLVPlayback;
[code]....
i've been working with flash for a long time, but there's still something that i don't quite think i'm understanding fully. i see many of these sophisticated photography sites programmed so that the photo fills the whole screen (such asand the photo is crisp and clear on any sized monitor.i know how to set the site to be programmed to fill 100% of the screen, and i know how to "trace bitmap" inside of flash so that the photos work a little better. they then act more like vector images than bitmaps which tend to pixelate when proportions are enlarged. but when i use the "trace bitmap" feature, the flash file often becomes very large size in terms of KB, even when some detailed smaller images are traced.
View 1 RepliesHow does one do fullscreen with VideoDisplay? I am using:
stage.fullScreenSourceRect = new Rectangle(video.x, video.y, video.width, video.height);
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.displayState = StageDisplayState.FULL_SCREEN;
But this does not allow me to go back to normal screen, not even i use:
stage.displayState = StageDisplayState.NORMAL
// for Full Screen stage.displayState = StageDisplayState.FULL_SCREEN;// for the normal screen stage.displayState = StageDisplayState.NORMAL;But this code does not fulfill my requirement. I need Vertical Scroll Bar, even I go to the FullScreen, but I don't find any Scroll with this code.Even I tried "window.open" of JavaScript with ExternalInterface, but I couldnot succeed.
View 2 RepliesI tested my skin for YouTube Chromeless player, and seems it worked properly.All graphic elements, including TLFTextFields, are stored in external SWF, all the AS3 code - in loading SWF.I use ProLoader class to load SWF.However, when I tried to attach Player skin code to my Home Page code, I immediately bumped into two issues:
1. TLFTextFields ceased to display proper font;
2. YouTube Chromeless player ceased to enlarge up to Full Screen width in Full Screen mode, whereas all publishing settings were kept the same...
Although I managed to cope with TLFTextField bug by replacing instances with vars in loaded SWF, I have no the slightest idea what to do with those paddings in Full Screen mode... Neither removing all children on stage before loading YouTube Player skin, nor compulsory resetting player's size can't make it work...
I would like to ask how do I extend my display on 2 moniters with flash in full screen? My stage size is 1600*600, I want the stage to be extended and display in both moniters. Each moniter resolution is 800*600. Red portion should be displayed on moniter 1, and Blue portion should be displayed on moniter 2. Now, both portions are displayed on moniter 1. Nothing at moniter 2. link to pic: [URL]
View 8 RepliesI've got four swf containing AS3, I want them to display in a row on full-screen mode. I can do this in AS2 bij loading them (other swf's with AS2) in timelines and fullscreen with fscommands. But I've tried searching for an AS3 solution the net a few days and looked for onEnterFrame and loadMovie etc. I just can't manage it.I can load one swf with:
Code:
var ldr:Loader=new Loader();
addChild(ldr);
ldr.load(new URLRequest("my_document.swf"));
I am creating a full screen projector with flash CS4. In the projector I have more videos, starting from an swf player-
The problem I encounter is this:
The projector starts correctly FULLSCREEN (using AS). The video plays 900x506 correctly. If I click on the player, to get the video full screen, it works. But when I press ESC, not only the video, but also the PROJECTOR looses full screen.
This is a bit annoying. Is there a way to apply the "back to normal size" only to the video? I do not want to prevent the app to be exited from full screen, it's not a problem if the user wants to exit the projector full screen. But not when the user exits the video from fullscreen mode.
How to target only the video?
i am creating an interactive application that will run independantly on a computer.I have implimented the full screen stage display state to a btn, and it works great!
-------code-----
import flash.display.StageDisplayState;
function goFullScreen():void
{
[code].....
however as soon as i add a video [i will be adding several] the video takes on the full screen property, and that is not the desired effect.I have used several diff ways to import the video but as soon as i call the full screen, it goes to an all black screen.
i am wondering from this code, it makes the stage full screen, does it also makes the content of my movieclips scaled to full screen? i have tried this code and it does not seem to do that, how can i make my content to scale to fill a stage's full screen? i have a Movieclip containing a background with a class to make special effects on the background, i am having trouble making the background be "fullscreened" nicely with the stage.
View 1 RepliesI have an Air Application in Flex designed for 1280x800 which I would like to stretch to work full screen on a 1920x1200 monitor.
I've read this article: [URL] and tried it, but it only zooms the upper left corner (as mentioned in the article).
I work with a WindowedApplication (shown below) which holds a View (called MasterView) that contains all different lay-out elements.
My application (in brief) looks like this:
<mx:WindowedApplication
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
[Code].....
I'm new in flex.I faced problem to make full screen in flex 3.My layout container type like below.
<mx:Application >
<mx:Panel>
<mx:ViewStack>
[code].....
I want full screen view(through code,without pressing F11) of my flex application.
View 1 Replieswhen i run the image, it only appear in center with 2 blank white space in between.
<s:Image x="0" y="0" height="100%" width="100%" source="@Embed('assets/d.jpg')"/>
How can i make an image goes full screen (covering up the whole screen) with double tap/touch on mobile app?
And if possible how to turn it back to non-full screen (back to normal)?
The key event is not listened by my Flex app. Since it is really simple code, I cannot understand where the problem is...
init() {
stage.addEventListener(KeyboardEvent.KEY_DOWN, escHandler);
}
[Code]....
I have 5 components on my Flex application(actual view) and they are:
x = main panel
y = bottom panel
z = left panel
a = right panel
b = top panel
I have a toggle full screen button. When clicked I want the main panel(x) to become full screen. At this point only main panel(x) should be visible. when I click on the toggle button again, it should become normal displaying all 5 components(the actual view).
I am still struggling with transforming my app build in Java/Eclipse to Flex/Actionscript with Flashbuilder.Now I can not find how I should implement an image to cover the hole screen.[code]...
View 1 Replieswant create a full screen mode ,so i used this link But i cannot create a full screen mode.
<mx:Script>
<![CDATA[
import mx.effects.easing.*;
[code].....
I am creating a flash-based Kiosk. When launched, it runs full page/full screen. However, if a user clicks a button that opens an external document, the swf or Flash Projector exe leaves full page mode and appears in the Flash Player. Is there any way to ensure the swf or projector file always stays in full screen - full page mode?
View 4 RepliesI am having trouble displaying a custom cursor in the full screen mode of my flex application. How can I do this?
View 2 RepliesI'm writing a standalone windows AIR app and using
contextView.stage.align = StageAlign.TOP;
contextView.stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE;
contextView.stage.scaleMode = StageScaleMode.SHOW_ALL;
Which will scale my app to full screen and show the entire app with no cropping, however may leave borders on the left and right. Which it does I'm wondering if there is a way to remove or at least set the color of those borders, they are currently white. Its a big wide 2" section on the left only in my case.
So I found out how to change the color of it, by doing a backgroundColor="#f3f3f3" on
See attached image below
I am working in Flash CS3 and Actionscript 3.0 My application resizes according to browser width and height. If the user first resizes the browser and then loads the flash application, I could not get the full browser width untill the user goes for full screen. Is there any way around, to get the full browser width before the user goes for full screen.
View 1 RepliesI'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?
We have this legacy code of a flash video player that functions well enough but still has some loose ends I need to tighten up. It can do the basic "switch to full screen and back to normal size" stunts, however with one exception.
On the first fresh load of the app, if I switch to full screen mode first, and then click to play the movie, the player would be in full screen, yet the movie itself would remain in it's original size.
//trigger
if (stage.displayState == StageDisplayState.NORMAL) {
stage.addEventListener('fullScreen', procFullScreen);
stage.scaleMode = StageScaleMode.NO_SCALE;
[Code]....
The VideoDisplay object even returns the expected width/height, but the movie just plays in it's original size. If I switch screen sizes during movie playback, then the movie size will shrink or stretch as it should.
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.
I am playing a flv video using the videoplayer class of flex. (all the properties of it are being set at runtime)I want to make the video fullscreen without clicking on the fullscreen button i.e. through programming.
View 1 Repliesi am a beginner in action script / flex framework and i am facing a problem: i would like to have like a menu bar always anchor the bottom of the screen in normal and full screen mode... i try to set my component with bottom = "1" (so it should alway be at 1 pixel from the bottom of the stage ... But .. NO :)
[Code]....
I have an AIR application that will go full screen when the application starts:
stage.displayState = StageDisplayState.FULL_SCREEN_INTERACTIVE; The stage size is 2560 x 1024. And I have 2 moniters (1280 x 1024 , 1280 x 1024) When I start the application, it shows my application on one of my moniter only.
I need the left side of the stage to be shown in moniter 1 and right side of the stage to be shown in moniter 2. Currently, both sides are shown in moniter 1, and in moniter 2, it shows nothing but my default desktop. *The blue color line is a divider for better visual purpose. How do I make the left side of the stage to appear in moniter 1 and right side of the stage to appear in moniter 2 when the application starts in full screen mode?
Is a command for AS2 to make my movie file play fullscreen (stretch, fit to screen, anything).
goFullScreen(); is great but it leaves white bars left and right. What's odd is that I'm using Adobe Flash Media Live Encoder and it seems to display a perfect widescreen that I want as an input and output but once compiled in flash, it's more square leaving me with white bars left and right. The frame for the video in flash is also widescreen looking.
edit: I ended up stretching the width of the frame but if there is a better way through a command that would make my life easier so I don't have to adjust to every monitor that I run this on.