Actionscript 3 :: Flex Spark View-port Scrolling?
Sep 8, 2011I face a problem while i am try to scroll up or down the content in a scroller via viewport. my MXML cod is
[Code]...
I face a problem while i am try to scroll up or down the content in a scroller via viewport. my MXML cod is
[Code]...
I have a spark List with an item renderer and a tile layout. If I scroll by clicking with the mouse on the scroll bar and trying to scroll with the mouse wheel after that, there is a problem: The interval of the scrolling is oversized, instead of scrolling one item down (or up) the List scrolls 4 items down (or up).
[Code]...
I am working on a drag and drop feature for the sparkScroller. This is sort of how my layout looks:
<mx:Canvas>
<s:Scroller id="items" .. />
<mx:Box id="dummyRow" visible="false" />
<s:View id="touchView" visible="false" />
</mx:Canvas>
So when you hold your finger over a row in the items Scroller for more than a 30 seconds, the touchView becomes visible so does the dummyRow. The dummyRow gets populated to look like the row which you held your finger over.
So the touchView has the event handlers for moving your fingers and places the dummyRow where your finger is. The problem I am having is even though the touchView is reacting to my move events, the scroller still keeps reacting to my move events as well even though it's a sub layer. Because I started on the scroller it still keeps track!
How can I remove focus / tracking from the scroller?
I've made a custom list itemRenderer with 2 buttons and a label. One button deletes the list entry (and thats not the problem) the second button would change the actual view.how I can change actual view within the itemrenderer ?
View 1 Repliesi have a project that describe map of world.i need to allow the user to drag the world and all the time he'll see just part of it on the current view (view port).what I'm doing is that i make startDrag() on the view port component and after that I'm reset the view port position to the middle center of the stage since the drag changing it's position.
View 0 RepliesIn the Spark DataGrid the default row height is about 22 px. I would like to set the default row height to 18 pixels and I can do this easily enough with the rowHeight property but what happens is when the rowHeight is set to anything less than 22 px the bottom area of the text in each row is cut off. It seems that the default grid itemrenderer or grid label has a min height set to it. Since I have multiple columns and want to have shorter rows but not have the bottom of the text cut off in each row how would I do this?
View 2 Replies[code]When I hover the upper (red) part of the List (I would like to have the List scroll downward, the higher the mouse position is, the faster it should scroll). Similarly, If the mouse hovers over the bottom (red) part, the List scrolls upwards, and the lower the mouse is hovered, the faster the list would scroll. The current code does work - Though, the trace outs make it obvious that:this.layout.verticalScrollPosition += (mouseY - 220)*0.5.or this.layout.verticalScrollPosition += (mouseY -86)*0.5;are giving jumping effects, is there a way to make these values change more linearly or smoother? I created an AnimateProperty, but that works well only if I would like to scroll to a selectedIndex, In this case, I would like the scroller to keep scrolling linearly as the mouse is hovered to a particular red area, and increase in speed when I scroll to either extremity.The Objective: While the mouse is over the Bottom (red part )of the List, the verticalScrollPosition scrolls faster as it gets farther than the center of the ticket list... yet there is jumping effect going on, I suppose due to the EnterFrame. the Same with Upper Part... the higher the cursor is, the faster the List should scroll.I feel this is a common problem to Flash CSx developers.
View 1 RepliesI have several horizontal scrolling lists with differing item widths stacked inside a Vertical Group. On an item click all any selected item from the other lists will be cleared. When any of the lists are scrolled all the other lists should scroll exactly the same amount in the same direction, simalar to [URL]
The synced scrolling is throwing an undefined error and has crashed the adl(it is a mobile app) on one occasion. This happens only when I add more than 2 synced scrolling lists via event listeners.
So my question is: Can anyone see why this errors or is there a better way to achieve this type of horizontal scrolling multi-list, possibly a really wide data-grid or group of buttons inside a scroller?
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code]....
I have an Application displaying a spark.List. Every item of my list must be visible (no vertical scroll).
I need my Application to be scrollable in a web browser, so I've add a Scroller containing all my components. When the browser window is too small to contain all my application, scrollBar appears.
My application looks like that :
<?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" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" >
[Code]....
When I scroll with my mouse cursor outside of the List, everythink works fine. When I scroll with my mouse cursor over the List, nothing happends.
It looks like the mousewheel event is stopped by the List, even if the List does not have a scrollbar.
How can I make my datagrid have its first column fixed and scroll the reset horizontally and vertically?
View 1 RepliesI found this example [URL].. which works great but only if you have the focussable elements in a VGroup.
However I have a Form inside the VGroup which means that the focussable elements are in FormItems of the Form. The Form can't be added directly into the Scroller and doesn't have a layout property.
I could use form.getElementIndex(formItem) and then do some math using the formItem y position but that's very ugly. Anyone have an idea how to get this working in a clean way like the above example?
How do you scroll an editable TextArea (Flex Hero) on a touch device? I am referring to the situation where the text does not fit in the TextArea height.When I try to tap and drag the text gets selected and not scrolled... Am I missing a something here? I am using verticalScrollPolicy = on (also tried auto).I am testing the code in the Blackberry Playbook simulator (my targeted device for my app).
View 2 RepliesI am using a List component inside an itemRenderer. The main user interaction involves dragging an item from the List in one renderer and dropping it in another. My problem: When the data object is updated I want the Lists' height to be modified according to the number of objects in the dataprovider(dp), which is passed to the List from the data object. Now I have tried to invalidate the display of the List, refresh its dp and have tried putting this line assets.length > 0 ? assetList.percentHeight = 100 : assetList.height = 10; in other event handlers, such as dragdrop handlers, collection event handlers for the dp etc. I have also tried refreshing the dp for the List component that is using this renderer. The view does eventually get updated but only if I resize the list, or use the scroller or when I begin dragging a new List item but never after the drop.
[Code]...
I'm building a mobile AIR app using Flash Builder 4.5. The initial view in my views package is TestHomeView.mxml. I want to refer to it in one of my .as classes elsewhere in the app, and I'm not sure how to do that.
Theoretically I should be able to add an "id" attribute to TestHomeView.mxml, but FB gives me an error: "id is not allowed on the root tag of a component". The root tag is s:view.
The reason I need to do this is that within another class I make various calculations and then need to pass an array of values to a component in my view class. So in SomeOtherActionScriptClass.as I first assemble the array, myArray, and then in that class I want to do this:
myViewComponent.viewArray = myArray;
If I'm going to do that, I also need to import the view class into the .as class, which strikes me as weird. So is there a simple way to do what I want, or do I have to dispatch a custom event which contains the array, and listen for it in the view class?
EDIT - Based on the below MVC suggestion I did the following in model:
[Bindable]
public class Model
{
private static var myModel:Model;//doesn't let me name it 'model' because
[code].....
But it is coming back null. It isn't null when I put a breakpoint in the Model class, but when I try to access it from the view class, it's null. The model itself isn't null, but that variable is.
I have a custom UIComponent that is basically just this:
public class WhiteboardUIComponent extends UIComponent
{
public function WhiteboardUIComponent() {
super();
[Code]....
This is absolutely the simplest that I could make the example. The s:View is gobbling up my mouse events - if I add a handler in the MXML to the View, I get mouse events just fine. When adding a handler programmatically in my subclass' constructor, I get nothing. I thought maybe the layout was wrong, so I explicitly set the dimensions of my UIComponent and stuck it in a border just to be sure it was where it was supposed to be - same deal.
There's this cool site [URL] it has great image views, was wondering, how do they do that scrolling before and after effect? I am not too great at scripting, but would like to learn, seems great for portfolio presentation.
View 1 RepliesI have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
I'm looking to add a couple of buttons to the title bar of a Spark Panel or Spark TitleWindow. Is this possible to do without making the panel from scratch?
View 1 RepliesI'm currently using RobotLegs with the Presentation Model pattern to develop a Flex 4 project. I understand that all business logic related to a View resides in the Presentation Model associated with that view, however, I am confused when it comes to View specific logic.For example, I have an indicator that needs to be positioned relatively to list items depending on which list item is selected. Is it acceptable in the Presentation pattern to put the logic that will position the indicator in the View and simply have that logic run in reaction to a selectedIndex property changing in the presentation model?The reason I am considering this is that since the Presentation Model does not have a reference to the view it is difficult to come up with an ideal solution for manipulating view components.
View 1 RepliesHow to scroll Spark list with a disabled scroller bar? I created two buttons to scroll up and down, but it is unclear what methods can be used to scroll the list.
View 1 RepliesIn a project that I'm working on, I have to be able to read input data from a serial port. The input data will be very simplistic in nature. I'm guessing more like a on/off, yes/no, true/false style of operation.I have found some examples in other languages, but nothing in AS3 or AS2. Could anyone send any sample code or a link to a tutorial that gives me some lead way on this? Which approach is better, going with a Flash projector piece, or building it in AIR? The final piece will be on a PC based system.
View 2 RepliesI have one .mxml file (the Application) with a ViewStack (with 4 views) and a ControlBard, obviously I can change the views with it, but what I want to do is: in view #1 I have an image which I want to convert to a "hyperlink", so when I click it I go to View #2, is this doable? Also I would like to pass somehow some data (like a String) to that View #2 (lets say the it's a user avatar I click so I want to go to the second view which will show me his profile, that's why I need his name/id).
View 1 RepliesMy problem is that when I try to pass an object from the navigator.pushView(view, dataobject), I can't figure out how to access the dataobject from actionscript. I can access {dataobject.property} from MXML easily, but I want to set a variable in the new view to the passed dataobjects property.
View 1 RepliesThe answer to my question is possibly easy, yet I haven't found an example of solving it in the web, nor have I found a solution reading ActionScript reference. My problem is the following: I have a big UIComponent derivate element inside a Scroller (spark.components.Scroller) window. The Scroller class is great because when my canvas element, that changes size dynamically, exceeds its boundaries, scrollbars appear automatically and handle scrolling of my UIComponent inside it. However, I'd like not just to be able to Scroll using these automatically appeared scroll bars, but also by using a pan tool that I will myself implement (similar to the hand tool in Adobe software, for example). The thing is that I am not able to modify correctly the element's position inside the Scroller window.
I tried, as a first approach, accessing to my elements' 'x' and 'y' properties, however, when changing them, I dont get the resulkts wanted. The code for it is the following (in which, for symplifying reasons, I used a text label as my 'inside' element, and two buttons as an external scroll controller, instead of a hand tool)
[cODE]....
I want to write an application that monitor the USB port, and when something is connected should show the contents of the drive (image viewer) automatically.there is any way to do that with Flex/Flash directly?or i might program another application in C in order to monitor the USB port and then comunicate with the front-end application with sockets?
View 2 RepliesAM reading data from port in the form of bytes.my data will be like [code]...
View 3 RepliesI've downloaded BlazeDS 4 and installed in on my Tomcat server. How can I make it to listen to port distinct from 8080? I change port in channels configuration in services-config.xml, and my client application sends requests for new port, but they failHow can I make server listen to custom port?
View 2 RepliesI have a very complex social networking system built using the Adobe Flex SDK. Since we are experiencing certain performance issues, I want to move it to a "light-weight" platform, the backend is PHP so its just the UI.
What are my other options if I don't want to use Silverlight ?
I was told I could use AJAX/jQuery, which I am not familiar with - are there any GUI designers available ?What kind of GUI designer can I use to design my UI ?
I have a Flex/CF app that sits on 2 redundant servers behind a load balancer. Both the Flex and CF side make calls to the same CFC. The Flex, CF and CFC are all in the same folder. When the CF code calls the CFC, there's not a problem. However, when the Flex code calls the CFC, it adds an explicit port "84" to the URL.This causes a problem for the load balancer which only accepts traffic from port 80. As I understand it, the load balancer would internally route requests from port 80 to 1 of the 2 servers on port 84 (but that internal routing should be invisible to the client).
[Code]...
are there any events that the scroller will dispatch when being scrolled?
View 1 Replies