Actionscript 3 :: FLEX - Scrollbars And Zooming?
Jan 24, 2012
It's going to be used to view complicated scenes in 3D, but to make it work on laptops it's instead showing pre-rendered 360 degree renders of the objects.When you load an object, it first buffers 360 frames into memory, so that you can rotate around this object smoothly. When you release the mouse button, it loads in the high-res image of that frame.
Then, you should be able to zoom in and move around to inspect the model closer.Problem here is when I have the scrollbars enabled it wont work properly.Firstly, I had a problem where the vertical scrollbar moved out of the picture when I was scrolling the horizontal scrollbar.
Then after some more testing, they now stay where they should, but when I zoom in (will post code below) the horizontal scrollbar is not able to go far enough to the left to show the whole image.What happens is, when I zoom in, the scrollbar remains at it's left position, but I zoom in on the center of the image (zooming, by scaling the container. The image fill the container).
My problem is probably just a result of me overlooking some basic understanding. And sorry if the code is a bit messy, I've only done a little bit of clean up. The code I post below is without any scrollbars visible.
You can see that I've tried using scrollbar components too, and it works somehow. But I'm not able to scale the scrollbar depending on the content, so if I zoom in or out, the handle you drag on the scrollbar will be the same...
Image of app running if needed:
Code:
<mx:Panel x="0" y="0" width="100%" height="100%" titleIcon="@Embed('assets/img/cog_01.png')" title="vCog Subsea - Draugen Project">
[code].....
View 1 Replies
Similar Posts:
Jan 5, 2004
How do you change the html scrollbar (the one that you see in the far right of your browser) with your own images? I know it's possible because i've seen it before.
P.S.: I am aware of and I know how to change the color of the scrollbar. That is not what's expected. Also i think it's made possible by Javascript.
View 9 Replies
Feb 27, 2012
Basically I want to know if there is a way to go from a zoomed in version of something, and then seeing the whole image in another frame. (By pressing a button)
Let's say there's a tree, I would bascially like (upon pressing a button which I can do) to zoom out and see the whole scenery. Is there a way I can do this without actually changing the size of the image?
View 2 Replies
Aug 19, 2011
I have several nested VBoxes in flex, and I'm aiming for one of them to get scrollbars if the total content is larger than the window height. However, when I grow the container, it doesn't get scrollbars at all (vertical scroll policy is AUTO), and the outer container stretches past the bottom of the screen, causing the entire app to get scrollbars. So it looks something like this:
[Code]...
View 2 Replies
Jan 28, 2011
I'm using an iFrame in a Flex 3 project. The problem is that if the user opens my site in a small browser window, they don't get scrollbars. How can I solve this problem? Is there a way to force the browser to put up scrollbars?
If I set the main app to horizontalScrollPolicy="on" verticalScrollPolicy="on" or to "auto", then as you scroll down, the iFrame is stuck to the top of the browser window and obscures the content.
In the main app:
[Code].....
View 1 Replies
Mar 15, 2010
I can take snapshot of a component. But the problem is the component is lil bigger with scroll bars. The saved image has scrollbars (only the visible area is getting saved). What i need is I want the entire component to be saved as an image.
This exact functionality is available while we print the component using FlexPrintJob, where by setting the FlexPrintJobScaleType.NONE.
View 1 Replies
Sep 3, 2010
I'm creating a container and it's content at runtime. Here's a rough structure:
--VBox
----Form
-------FormItem
[Code]...
I've tried also validateNowand other similar methods. What I have here:
1. The HScrollBar is being added.
2. We increase a bit the width of container, so it disappears.
3. When it disappears, the validating throws the null-pointer exception when it tries to measure the non-existing scrollbar. I've also tried to add validateProperties before validation, but it didn't worked either.
View 1 Replies
May 18, 2011
I created a SkinnableContainer runtime because I want to set some style properties to it, then based on some external data I need to create a new SkinnableContainer and add it as children of the first one. This children height can be greater than the parent container.How can I create a SkinnableContainer runtime with some scrollbars?I read in the documentation that I need] to create a new Skin. [code
View 1 Replies
Jun 29, 2011
what is the actual height of a container in Flex without scrollbars? Height and measuredheight seem to tell me what the visual height of a container is, but I want to know that number plus any height that is being 'hidden" below a scrollbar.
View 2 Replies
Sep 1, 2011
I'm using Adobe FLEX 4.5.1 for Mobile.I have a List that displays some images:
<s:List id="imageList" initialize="init()" verticalScrollPolicy="off" itemRenderer="skins.CustomIconItemRenderer" width="100" height="32" verticalCenter="0" horizontalCenter="0">
[code]......
View 1 Replies
Sep 28, 2011
I made this simple application to demonstrate my problem. It has:
An image A button that launchess a popup window Scroll bars on the side
[Code]...
Is there a way to make everything "modal" except the main scroll bars? I know that I could put a scrollbar on the Panel but I would prefer to avoid this.
View 1 Replies
Jan 12, 2012
I'm looking for a way to disable the scrolling of the vertical and horizontal scrollbars when scrolling the mouse. I use the mouse scroll to zoom in and out, and I don't want the scrollbars to scroll while scrolling the mouse wheel.. (But I do need the scrollbars to be visible).
View 2 Replies
May 25, 2011
I look at professional animations and notice the camera-like effects they manage to put into these animations. I'm wondering how I can do the same without having to just enlarge or reduce a movieclip across the stage. Is there any way to add a camera view on your animations or do you just have to bear with Flash's basic necessities?
View 1 Replies
Jul 29, 2011
I am using spark DropDownLists and I don't want to see any horizontal scrollbars in the dropdown. I'm OK with the dropdown being wider than the anchor, so I have a custom skin that sets popUpWidthMatchesAnchorWidth to false. But I don't want the dropdown to ever be smaller than the anchor. I came up with a solution that sometimes works, but there is something wrong with it. My DropDownList skin is as follows:
<?xml version="1.0" encoding="utf-8"?>
<s:SparkSkin xmlns:fx="[URL]" xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:fb="[URL]" alpha.disabled=".5" minHeight="25">
<fx:Metadata>
[Code] .....
This works as expected when the contents of the dropdown are either wider than the anchor or smaller than about 100px, but if I explicitly set the width in the instance of the DropDownList to be something like 200px and the contents of the dropdown are around 150px wide, the dropdown is smaller than the anchor. Basically, it looks like openButton.getExplicitOrMeasuredWidth() returns about 100, regardless of what I set the DropDownList's width to be. How can I change this so that I can have multiple DropDownLists with different widths, but always making sure that the dropdown's width is either greater than or equal to the anchor's width?
View 2 Replies
Sep 16, 2011
I have the following spark Scroller
<s:VGroup width="100%" height="100%" gap="0">
<s:Scroller width="100%" height="100%">
<s:DataGroup width="100%" height="100%"
[Code]....
which is set to 100% width. The DataGroup is also set to 100% width. What I want to achieve is for the scroller's vertical scrollbar to OVERLAP the DataGrid. In other words I want the DataGroup to maintain the width of the outer VGroup even when the vertical scrollbar is displayed. I don't need the vertical scrollbar to move my content to the left, i want it to be displayed in top of that.
View 2 Replies
Aug 17, 2010
I have a DropDownList inside the itemEditor of my DataGrid. There are enough items in the DropDownList to justify scrollbars. You can see the scrollbars, and the mousewheel works fine. If you move the mouse over the scrollbars, they'll change appearance fine (mouseover is working). If you click on them, the DropDownList closes as if you'd clicked elsewhere in the data grid.
I've been experimenting with custom skins hoping to find a way to trap the mouse event, but have been unsuccessful.
FWIW, this is Flex4, as an AIR app.
Scratch.mxml (main 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"
[Code].....
View 2 Replies
Sep 22, 2011
I have a list inside a VDividedBox. When the box is resized so the vertical scrollbar shows on the list, it covers some of the itemrenderers. How do I get the list to resize horizontally so that the scrollbar does not cover the renderers?
View 1 Replies
Oct 12, 2011
I am trying to have a tool-tip in Flex 3, where in when my mouse is over the some value, it should show a tool-tip just like you get it for any classes in Eclipse IDE. Suppose, your mouse is over word "String" in java, you get a tool-tip stating the description of java.lang.String and its syntax. It also allows to copy the contents. Is it possible to create such a tool-tip in Flex 3 ? I want this kind of tool-tip to appear, and when pressed F2, it should have horizontal and vertical scroll bars and we should be able to copy the contents from tool-tip.
View 3 Replies
Jul 26, 2011
I have a photo gallery. All the photos are displayed as thumbnails. When a user clicks on a thumbnail, the preview will be displayed in a canvas with full size. Now, I want to zoom the displayed image as much as possible.
View 1 Replies
Feb 21, 2012
I'm developing a new Flex app that's in the middle of an html page.
I want to be able to achieve what this website achieves [URL] when zooming in and out in the browser. It makes the container smaller but does not rescale the swf file.
Presently my app, scales and it looks ugly. I want it to basically not scale and just make everything smaller.
View 1 Replies
Aug 2, 2010
I have container movieclip and one mask layer with the height and width of the current screen. The continer is always bigger than the mask clip. so i need to zoom the container at the center of the mask clip. something link in MicroSoft XL zoom controller at the bottom right.
EDIT 1
private function slider (event:Event) {
//event.target.value = 0 to 1
// possible values are 0, 0.1, 0.2, 0.3, ... 0.9, 1
[Code]....
View 2 Replies
Oct 13, 2010
I'm working on a newspaper reading application using Flex, which displays scanned newspaper pages. I need to make a image zooming function, so the user can zoom in and out, as the minimum of 25% and the maximum of 400% in the size.This is what I have so far:In the mxml:
Code:
<mx:Image id="imgContent"/>
<s:HSlider id="hsZoom" minimum="25" maximum="400" value="100" stepSize="25"
[code].....
View 1 Replies
Oct 2, 2009
how to zoom the image displayed with the help of an item renderer.If i apply the Zoom effect on rollover ,the particular cell zooms the image with the scroll bars. Is their any other way of doing this without showing the scrollbars.
View 1 Replies
Jul 11, 2011
i have a mobile application that i am creating in Adobe Flex (Flash Builder 4), and i am trying to create a zoom function. The one i have works, but the point is to be able to more easily read words that are in the image (the images are .jpg files). The images are 2550x3300 originally, but as soon as you zoom, the image quality reduces drastically, and nothing is readable.
[Code]...
View 2 Replies
Jun 28, 2010
I have a problem zooming in on a line chart with a dateTimeAxis as horizontal axis. I want to zoom in and out, by setting the minimum and the maximum attribute of the dateTimeAxis with a slider. The date labels change as should, but the lines disappear as I set the minimum or the maximum. Here's a part of the code I have:
[Code]...
View 2 Replies
Dec 5, 2010
i have written an air app which is fixed in dimensions: 1000 w X 800 h i have set the resizable and maximizable tags of the app-xml to false, to prevent the user from changing it's size. this app looks and interacts perfectly at these dimensions but not at other: it has "bad" coding techniques in it like hard-coded display sizes and such, rtl and ltr combined layoutdirections and so forth...
when the applicationComplete event dispatches, i check Capabilities.screenResolutionY and if it is less then 800 i want to resize the app programatically (preserving the width/height ratio). i have tried all the StageScaleModes and tried changing the dimensions of the stage, the nativeWindow, the app itself("this") and so on in every combination.
i am looking for a way to resize the entire app as is, meaning i dont want to use display logic of the components and such, just to "shrink" or "expend" the whole app as is, with hard-coded pixel amounts to change within the logic of the app accordingly (change all sizes, locations, fonts etc.. in sync) the app should look and work exactly as it did in it's 1000x800 default size, only smaller or bigger
View 2 Replies
Mar 30, 2011
I have collection of images getting from xml. That images placed in tilelist, i need zooming while mouseover which one image.
View 2 Replies
Mar 2, 2012
I published a Flash file with the html wrapper.
Flash publish settings-
Size - %
Height- 100%
Width 100%[code]....
All good but there are no scroll bars on the browser when I make the browser window smaller? Search took me to this thread- http: [url]....The solution there is "find the parameter in your CSS that states "overflow: auto" or "overflow: hidden" and change it to "overflow: scroll".I did that and now I see a white scroll track in the browser but no actual scroll bar? LOL What do you think is going on?This is the page code-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>[code]......
View 3 Replies
May 18, 2004
know the AS for making scrollbars with the enertia effect on them, i have seen them in a few places,
View 6 Replies
Apr 2, 2006
I'm trying to create several pop-up windows that will initiate when buttons within flash are pressed. I've tried using this tutorial... [URL] However, when I try setting scrollbars=no so that the pop-up windows I'm making wont have any scrollbars, I find they appear anyway, and obscures part of the total html file which is trying to open. I've also tried this tutorial... [URL]. and find the same thing happens. Even though I switch scrollbars to "no" or "0", they still appear.
View 8 Replies
