Re: [flexcoders] Scale the size of a whole application
why not just point him to the SWF file directly...that makes things happen the way you want. OTHERWISE: It's in the export settings and the Stage objectcheck it out. On 5/19/05, Matthew Shirey [EMAIL PROTECTED] wrote: I was afraid I hadn't explained the problem right... Setting to those just takes up the space, it doesn't actually scale the content larger. It resizes the layout managers larger which results in a lot of unused white space for my application. I need the contents to scale so if you make the window twice as large, then all of the contents are twice as big. Bigger fonts, bigger everything. I'm not sure how I can clarify this any further... :( -- Matthew On 5/19/05, JesterXL [EMAIL PROTECTED] wrote: Make the width and height of your application tag 100%...? That's what I do to get full screen real-estate usage. Decreasing margins on things helps a lot too. - Original Message - From: Matthew Shirey To: flexcoders@yahoogroups.com Sent: Thursday, May 19, 2005 6:31 PM Subject: [flexcoders] Scale the size of a whole application This may sound like a odd request, but is there a way to scale the size of a whole application so that all of the contents get larger? The functionality that I desire is similar to what happens to a Flash movie when you make its size bigger. I'd like to design an application at a fixed resolution like 800x600. If the user then makes the web browser bigger, I'd like the contents to scale up in size. Right now, with the layout managers I basically just end up with more space. A lot of it is wasted empty space. I have a specific user that is mildly vision impaired. He makes everything on his screen gigantic. His monitor is a nice 21 flat panel at 1600x1200 resolution. I'd like him to be able to maximize the application to 1600x1200 there by making everything in the application which is designed at 800x600 scale up to that size. Anyone have any suggestions? I was a little long winded there, but I hope I've accurately described my problem and the type of solution I'm looking for. Any other suggestions on how I can deal with visibility impaired users would also be helpful. Thank you! -- Matthew Yahoo! Groups Links To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to: [EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. Yahoo! Groups Links To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to: [EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. -- Jordan Snyder Applications Developer ImageAction, USA http://www.imageaction.com Yahoo! Groups Links * To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ * To unsubscribe from this group, send an email to: [EMAIL PROTECTED] * Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
Re: [flexcoders] Scale the size of a whole application
On 5/20/05, Matthew Shirey [EMAIL PROTECTED] wrote:
This may sound like a odd request, but is there a way to scale the size of
a whole application so that all of the contents get larger?
Setting the scaleMode (?) property on the SWF may be the best option,
but here's another technique to do it if you want to experiment:
?xml version=1.0?
mx:Application xmlns:mx=http://www.macromedia.com/2003/mxml;
xmlns=* width=100% height=100% resize=sizeChanged = true
mx:Script
private var sizeChanged:Boolean = true;
public function layoutChildren():Void
{
super.layoutChildren();
if (sizeChanged)
{
var vm:Object = getViewMetricsAndMargins();
var w:Number = layoutWidth - vm.left - vm.right;
var h:Number = layoutHeight - vm.top - vm.bottom;
mainBox.scaleX = w / mainBox.layoutWidth * 100;
mainBox.scaleY = h / mainBox.layoutHeight * 100;
sizeChanged = false;
}
}
/mx:Script
mx:Box id=mainBox
mx:HBox
mx:Label text=Name /
mx:TextInput id=debug /
/mx:HBox
mx:List dataProvider={['Sunday', 'Monday', 'Tuesday',
'Wednesday', 'Thursday', 'Friday', 'Saturday']} /
/mx:Box
/mx:Application
Note:
1. put your whole app into a Box and call it mainBox
2. in layoutChildren() you set the scaleX and scaleY properties of
the application
3. update the sizeChanged flag in the resize event handler
Yahoo! Groups Links
* To visit your group on the web, go to:
http://groups.yahoo.com/group/flexcoders/
* To unsubscribe from this group, send an email to:
[EMAIL PROTECTED]
* Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
Re: [flexcoders] Scale the size of a whole application
There is an issue with certain stage scaling and
Stage.onResize; eventually, it'll get off kilter. That's why you can
ensure it works fine by setting to noScale, and then letting Flash scale it via
drawing.
If your dealing with zooming, and scaling... it's a
dangerous mix to depend on, hence Flex taking the path it did. You should
at least hide the context menu if you can.
http://www.peterjoel.com/blog/index.php?archive=2003_02_01_archive.xml#88361428
- Original Message -
From: Sreejith Unnikrishnan
To: flexcoders@yahoogroups.com
Sent: Friday, May 20, 2005 1:58 AM
Subject: Re: [flexcoders] Scale the size of a whole
application
Jexter,I did play around
with that for a while ... could not make sense of what was happening ...
especially the zoom scale ...Code below for u to try out!?xml version="1.0"
encoding="utf-8"?mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"
width="100%"
height="100%"mx:Script![CDATA[function
resizeApp(sm) {if (sm == "showAll") {Stage.scaleMode =
"showAll";}if (sm == "exactFit") {Stage.scaleMode =
"exactFit";}if (sm == "noBorder") {Stage.scaleMode =
"noBorder";}if (sm == "noScale") {Stage.scaleMode =
"noScale";}}]]/mx:Script
mx:Panel width="100%" height="100%" title="How does this
scale" mx:Button label="showAll"
click="resizeApp('showAll')" /
mx:Button label="exactFit" click="resizeApp('exactFit')"
/ mx:Button
label="noBorder" click="resizeApp('noBorder')" /
mx:Button
label="noScale" click="resizeApp('noScale')" /
/mx:Panel/mx:ApplicationRegardsSreeJesterXL
wrote:
...this sounds like turning stage scaling
on. For a test, try this in your main app:
Stage.scaleMode = "showAll".
I believe Flex has it set to "noScale", and thus
uses the Flex containers to draw the change in size rather than have the SWF
scale. Try that, see if it works for you.
-
Original Message -
From:
Matthew Shirey
To: flexcoders@yahoogroups.com
Sent: Friday, May 20, 2005 1:20 AM
Subject: Re: [flexcoders] Scale the size of a whole
application
Actually, I am working down a path that uses a canvas and
dynamically adjusts the ScaleX and ScaleY properties based on the size of the
application in the browser using the applications onResize event. So
far, the effect is exactly what I'm looking for. Even the fonts are
getting scaled correctly. It works okay with non-embeded fonts but I've
found it works perfectly with embeded fonts. My only concern now is how
well it will perform once the UI gets a bit more complicated.If anyone
else is interested, I can post my solution once I get it a little more
perfected.M.
On 5/19/05, Sreejith
Unnikrishnan [EMAIL PROTECTED]
wrote:
One interesting adventure you can embark on is to
put the whole application in a mx:Canvas and use mx:Zoom to scale it based
on the resolution. I have never tried this before, so can't tell. I have
doubts about the font-size etc :-)Sree
Matthew Shirey wrote:
I was afraid I hadn't explained the problem
right...Setting to those just takes up the space, it doesn't
actually scale the content larger. It resizes the layout managers
larger which results in a lot of unused white space for my
application. I need the contents to scale so if you make the window
twice as large, then all of the contents are twice as big. Bigger
fonts, bigger everything. I'm not sure how I can clarify this any
further... :(-- Matthew
On 5/19/05, JesterXL [EMAIL PROTECTED] wrote:
Make the width and height of your
application tag 100%...? That's what I do to get full screen
real-estate usage. Decreasing margins on things helps a lot
too.
-
Original Message -
From:
Matthew Shirey
To: flexcoders@yahoogroups.com
Sent: Thursday, May 19, 2005 6:31 PM
Subject: [flexcoders] Scale the size of a whole
application
This may sound like a odd request, but is there a way to
scale the size of a whole application so that all of the contents get
larger? The functionality that I desire is similar to what happens
to a Flash movie when you make its size bigger. I'd like to design
an application at a fixed resolution like 800x600. If the user
then makes the web browser bigger, I'd like the contents to scale up in
size. Right now, with the layout managers I basically just end up
with more space. A lot of it is wasted empty space. I have a
specific user that is mildly vision impaired. He makes e
Re: [flexcoders] Scale the size of a whole application
Well, I've tried what you suggested:
Stage.scaleMode = showAll.
But I get very strange results. The application is scaling up,
but not as desired. It's actually getting larger than the browser
window. It's really wierd and hard to describe. I get the
feeling that this use was never intended
If you have some suggestions on how to actually use this and get it to
work right, I'd be very interested. Otherwise, I'll stay with my
scaling routines which are similar to what Manish suggested, only not
quite as elegant. ;)
M.
On 5/19/05, Sreejith Unnikrishnan [EMAIL PROTECTED] wrote:
Jexter,
I did play around with that for a while ... could not make sense of
what was happening ... especially the zoom scale ...
Code below for u to try out!
?xml version=1.0 encoding=utf-8?
mx:Application xmlns:mx=http://www.macromedia.com/2003/mxml
width=100% height=100%
mx:Script
![CDATA[
function resizeApp(sm) {
if (sm == showAll) {
Stage.scaleMode = showAll;
}
if (sm == exactFit) {
Stage.scaleMode = exactFit;
}
if (sm == noBorder) {
Stage.scaleMode = noBorder;
}
if (sm == noScale) {
Stage.scaleMode = noScale;
}
}
]]
/mx:Script
mx:Panel width=100% height=100% title=How does this
scale
mx:Button label=showAll click=resizeApp('showAll') /
mx:Button label=exactFit click=resizeApp('exactFit')
/
mx:Button label=noBorder
click=resizeApp('noBorder') /
mx:Button label=noScale
click=resizeApp('noScale') /
/mx:Panel
/mx:Application
Regards
Sree
JesterXL wrote:
...this sounds like turning stage
scaling on. For a test, try this in your main app:
Stage.scaleMode = showAll.
I believe Flex has it set to
noScale, and thus uses the Flex containers to draw the change in size
rather than have the SWF scale. Try that, see if it works for you.
-
Original Message -
From:
Matthew
Shirey
To: flexcoders@yahoogroups.com
Sent: Friday, May 20, 2005 1:20 AM
Subject: Re: [flexcoders] Scale the size of a whole
application
Actually, I am working down a path that uses a canvas and dynamically
adjusts the ScaleX and ScaleY properties based on the size of the
application in the browser using the applications onResize event. So
far, the effect is exactly what I'm looking for. Even the fonts are
getting scaled correctly. It works okay with non-embeded fonts but
I've found it works perfectly with embeded fonts. My only concern now
is how well it will perform once the UI gets a bit more complicated.
If anyone else is interested, I can post my solution once I get it a
little more perfected.
M.
On 5/19/05, Sreejith Unnikrishnan [EMAIL PROTECTED]
wrote:
One interesting adventure you can
embark on is to put the whole application in a mx:Canvas and use
mx:Zoom to scale it based on the resolution. I have never tried this
before, so can't tell. I have doubts about the font-size etc :-)
Sree
Matthew Shirey wrote:
I
was afraid I hadn't explained the problem right...
Setting to those just takes up the space, it doesn't actually scale the
content larger. It resizes the layout managers larger which results in
a lot of unused white space for my application. I need the contents to
scale so if you make the window twice as large, then all of the
contents are twice as big. Bigger fonts, bigger everything. I'm not
sure how I can clarify this any further... :(
-- Matthew
On 5/19/05, JesterXL [EMAIL PROTECTED]
wrote:
Make the width and height of
your application tag 100%...? That's what I do to get full screen
real-estate usage. Decreasing margins on things helps a lot too.
-
Original Message -
From:
Matthew Shirey
To: flexcoders@yahoogroups.com
Sent: Thursday, May 19, 2005 6:31 PM
Subject: [flexcoders] Scale the size of a whole
application
This may sound like a odd request, but is there a way to scale the size
of a whole application so that all of the contents get larger? The
functionality that I desire is similar to what happens to a Flash movie
when you make its size bigger. I'd like to design an application at a
fixed resolution like 800x600. If the user then makes the web browser
bigger, I'd like the contents to scale up in size. Right now, with the
layout managers I basically just end up with more space. A lot of it
is wasted empty space. I have a specific user that is mildly vision
impaired. He makes everything on his screen gigantic. His monitor is
a nice 21 flat panel at 1600x1200 resolution. I'd like him to be able
to maximize the application to 1600x1200 there by making everything in
the application which is designed at 800x600 scale up to that size.
Anyone have any suggestions? I was a little long winded there, but I
hope I've accurately described my problem and the type of solution I'm
looking for. Any other suggestions on how I can deal with visibility
impaired users would also
[flexcoders] Scale the size of a whole application
This may sound like a odd request, but is there a way to scale the size of a whole application so that all of the contents get larger? The functionality that I desire is similar to what happens to a Flash movie when you make its size bigger. I'd like to design an application at a fixed resolution like 800x600. If the user then makes the web browser bigger, I'd like the contents to scale up in size. Right now, with the layout managers I basically just end up with more space. A lot of it is wasted empty space. I have a specific user that is mildly vision impaired. He makes everything on his screen gigantic. His monitor is a nice 21 flat panel at 1600x1200 resolution. I'd like him to be able to maximize the application to 1600x1200 there by making everything in the application which is designed at 800x600 scale up to that size. Anyone have any suggestions? I was a little long winded there, but I hope I've accurately described my problem and the type of solution I'm looking for. Any other suggestions on how I can deal with visibility impaired users would also be helpful. Thank you! -- Matthew Yahoo! Groups Links To visit your group on the web, go to:http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to:[EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
Re: [flexcoders] Scale the size of a whole application
One interesting adventure you can embark on is to put the whole application in a mx:Canvas and use mx:Zoom to scale it based on the resolution. I have never tried this before, so can't tell. I have doubts about the font-size etc :-) Sree Matthew Shirey wrote: I was afraid I hadn't explained the problem right... Setting to those just takes up the space, it doesn't actually scale the content larger. It resizes the layout managers larger which results in a lot of unused white space for my application. I need the contents to scale so if you make the window twice as large, then all of the contents are twice as big. Bigger fonts, bigger everything. I'm not sure how I can clarify this any further... :( -- Matthew On 5/19/05, JesterXL [EMAIL PROTECTED] wrote: Make the width and height of your application tag 100%...? That's what I do to get full screen real-estate usage. Decreasing margins on things helps a lot too. - Original Message - From: Matthew Shirey To: flexcoders@yahoogroups.com Sent: Thursday, May 19, 2005 6:31 PM Subject: [flexcoders] Scale the size of a whole application This may sound like a odd request, but is there a way to scale the size of a whole application so that all of the contents get larger? The functionality that I desire is similar to what happens to a Flash movie when you make its size bigger. I'd like to design an application at a fixed resolution like 800x600. If the user then makes the web browser bigger, I'd like the contents to scale up in size. Right now, with the layout managers I basically just end up with more space. A lot of it is wasted empty space. I have a specific user that is mildly vision impaired. He makes everything on his screen gigantic. His monitor is a nice 21" flat panel at 1600x1200 resolution. I'd like him to be able to maximize the application to 1600x1200 there by making everything in the application which is designed at 800x600 scale up to that size. Anyone have any suggestions? I was a little long winded there, but I hope I've accurately described my problem and the type of solution I'm looking for. Any other suggestions on how I can deal with visibility impaired users would also be helpful. Thank you! -- Matthew Yahoo! Groups Links To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to: [EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. Yahoo! Groups Links To visit your group on the web, go to:http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to:[EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
Re: [flexcoders] Scale the size of a whole application
Actually, I am working down a path that uses a canvas and dynamically adjusts the ScaleX and ScaleY properties based on the size of the application in the browser using the applications onResize event. So far, the effect is exactly what I'm looking for. Even the fonts are getting scaled correctly. It works okay with non-embeded fonts but I've found it works perfectly with embeded fonts. My only concern now is how well it will perform once the UI gets a bit more complicated. If anyone else is interested, I can post my solution once I get it a little more perfected. M.On 5/19/05, Sreejith Unnikrishnan [EMAIL PROTECTED] wrote: One interesting adventure you can embark on is to put the whole application in a mx:Canvas and use mx:Zoom to scale it based on the resolution. I have never tried this before, so can't tell. I have doubts about the font-size etc :-) Sree Matthew Shirey wrote: I was afraid I hadn't explained the problem right... Setting to those just takes up the space, it doesn't actually scale the content larger. It resizes the layout managers larger which results in a lot of unused white space for my application. I need the contents to scale so if you make the window twice as large, then all of the contents are twice as big. Bigger fonts, bigger everything. I'm not sure how I can clarify this any further... :( -- Matthew On 5/19/05, JesterXL [EMAIL PROTECTED] wrote: Make the width and height of your application tag 100%...? That's what I do to get full screen real-estate usage. Decreasing margins on things helps a lot too. - Original Message - From: Matthew Shirey To: flexcoders@yahoogroups.com Sent: Thursday, May 19, 2005 6:31 PM Subject: [flexcoders] Scale the size of a whole application This may sound like a odd request, but is there a way to scale the size of a whole application so that all of the contents get larger? The functionality that I desire is similar to what happens to a Flash movie when you make its size bigger. I'd like to design an application at a fixed resolution like 800x600. If the user then makes the web browser bigger, I'd like the contents to scale up in size. Right now, with the layout managers I basically just end up with more space. A lot of it is wasted empty space. I have a specific user that is mildly vision impaired. He makes everything on his screen gigantic. His monitor is a nice 21 flat panel at 1600x1200 resolution. I'd like him to be able to maximize the application to 1600x1200 there by making everything in the application which is designed at 800x600 scale up to that size. Anyone have any suggestions? I was a little long winded there, but I hope I've accurately described my problem and the type of solution I'm looking for. Any other suggestions on how I can deal with visibility impaired users would also be helpful. Thank you! -- Matthew Yahoo! Groups Links To visit your group on the web, go to: http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to: [EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. Yahoo! Groups Links To visit your group on the web, go to:http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to:[EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service. Yahoo! Groups Links To visit your group on the web, go to:http://groups.yahoo.com/group/flexcoders/ To unsubscribe from this group, send an email to:[EMAIL PROTECTED] Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
Re: [flexcoders] Scale the size of a whole application
Jexter,
I did play around with that for a while ... could not make sense of
what was happening ... especially the zoom scale ...
Code below for u to try out!
?xml version="1.0" encoding="utf-8"?
mx:Application xmlns:mx="http://www.macromedia.com/2003/mxml"
width="100%" height="100%"
mx:Script
![CDATA[
function resizeApp(sm) {
if (sm == "showAll") {
Stage.scaleMode = "showAll";
}
if (sm == "exactFit") {
Stage.scaleMode = "exactFit";
}
if (sm == "noBorder") {
Stage.scaleMode = "noBorder";
}
if (sm == "noScale") {
Stage.scaleMode = "noScale";
}
}
]]
/mx:Script
mx:Panel width="100%" height="100%" title="How does this
scale"
mx:Button label="showAll" click="resizeApp('showAll')" /
mx:Button label="exactFit" click="resizeApp('exactFit')"
/
mx:Button label="noBorder"
click="resizeApp('noBorder')" /
mx:Button label="noScale"
click="resizeApp('noScale')" /
/mx:Panel
/mx:Application
Regards
Sree
JesterXL wrote:
...this sounds like turning stage
scaling on. For a test, try this in your main app:
Stage.scaleMode = "showAll".
I believe Flex has it set to
"noScale", and thus uses the Flex containers to draw the change in size
rather than have the SWF scale. Try that, see if it works for you.
-
Original Message -
From:
Matthew
Shirey
To: flexcoders@yahoogroups.com
Sent: Friday, May 20, 2005 1:20 AM
Subject: Re: [flexcoders] Scale the size of a whole
application
Actually, I am working down a path that uses a canvas and dynamically
adjusts the ScaleX and ScaleY properties based on the size of the
application in the browser using the applications onResize event. So
far, the effect is exactly what I'm looking for. Even the fonts are
getting scaled correctly. It works okay with non-embeded fonts but
I've found it works perfectly with embeded fonts. My only concern now
is how well it will perform once the UI gets a bit more complicated.
If anyone else is interested, I can post my solution once I get it a
little more perfected.
M.
On 5/19/05, Sreejith Unnikrishnan [EMAIL PROTECTED] wrote:
One interesting adventure you can
embark on is to put the whole application in a mx:Canvas and use
mx:Zoom to scale it based on the resolution. I have never tried this
before, so can't tell. I have doubts about the font-size etc :-)
Sree
Matthew Shirey wrote:
I
was afraid I hadn't explained the problem right...
Setting to those just takes up the space, it doesn't actually scale the
content larger. It resizes the layout managers larger which results in
a lot of unused white space for my application. I need the contents to
scale so if you make the window twice as large, then all of the
contents are twice as big. Bigger fonts, bigger everything. I'm not
sure how I can clarify this any further... :(
-- Matthew
On 5/19/05, JesterXL [EMAIL PROTECTED]
wrote:
Make the width and height of
your application tag 100%...? That's what I do to get full screen
real-estate usage. Decreasing margins on things helps a lot too.
-
Original Message -
From:
Matthew Shirey
To: flexcoders@yahoogroups.com
Sent: Thursday, May 19, 2005 6:31 PM
Subject: [flexcoders] Scale the size of a whole
application
This may sound like a odd request, but is there a way to scale the size
of a whole application so that all of the contents get larger? The
functionality that I desire is similar to what happens to a Flash movie
when you make its size bigger. I'd like to design an application at a
fixed resolution like 800x600. If the user then makes the web browser
bigger, I'd like the contents to scale up in size. Right now, with the
layout managers I basically just end up with more space. A lot of it
is wasted empty space. I have a specific user that is mildly vision
impaired. He makes everything on his screen gigantic. His monitor is
a nice 21" flat panel at 1600x1200 resolution. I'd like him to be able
to maximize the application to 1600x1200 there by making everything in
the application which is designed at 800x600 scale up to that size.
Anyone have any suggestions? I was a little long winded there, but I
hope I've accurately described my problem and the type of solution I'm
looking for. Any other suggestions on how I can deal with visibility
impaired users would also be helpful. Thank you!
-- Matthew
Yahoo! Groups Links
To visit your group on the web, go to:
http://groups.yahoo.com/group/flexcoders/
To unsubscribe from this group, send an email to
