Actionscript 3 :: Flex Multiple Spark Lists With Scrolling Synced?
Apr 10, 2012
I 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]....
View 2 Replies
Similar Posts:
Aug 27, 2010
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]...
View 1 Replies
Mar 13, 2011
[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 Replies
Sep 8, 2011
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]...
View 2 Replies
Mar 18, 2011
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.
View 2 Replies
Jul 11, 2011
How can I make my datagrid have its first column fixed and scroll the reset horizontally and vertically?
View 1 Replies
Aug 5, 2011
I 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?
View 1 Replies
Mar 21, 2011
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 Replies
Dec 15, 2010
In the MX TabBar component, the iconField property allowed us to display different icons in each tab. In Spark, there does not seem to be an inherent way to add icons to the TabBar.Does anyone have an example of implementing icon support for Spark's TabBar?
View 4 Replies
Aug 3, 2010
In a spark list I could use the change event to find out which item has been selected or deselected. The dispatched IndexChangeEvent object has the properties newIndex and oldIndex holding this information.
But with multiple selection allowed this doesn't work anymore because newIndex and oldIndex could refer to indices of still selected elements.
A solution would be to copy the selectedIndices vector to another variable and compare this variable with selectedIndices after a change in selection, but this seems to be somewhat complex.
Does anyone know if there is an easy way two get the index/item a user is deselecting while other elements are still selected?
View 2 Replies
Dec 21, 2010
what I need to do is combine 5 arrays with 5 individual strings (which have come from a JSON webservice) into one single list item in FlashBuilder Burrito. [code]I've pulled these out successfully and each one traces in the debugger, although as I need them all in the same list I'm struggling to establish them as a dataprovider together.If I push the strings and arrays together it is impossible to read properly, as the main Titles are at a different level to any descriptors for the products which are in the arrays.
View 1 Replies
Apr 26, 2011
I would like my spark ItemRenderer to be able to render a varying number of graphical objects that depends on the user input. As an example, let's say that I want to render a set of ellipses on a line.I've been using MXML for my most recent batch of ItemRenderers and have loved every minute of it, but I'm not sure how to accomplish the above goal with an MXML IR. In Actionscript I can acquire the list of ellipses locations and draw them programmatically in the updateDisplayList method. Is there an equivalent in MXML?
View 1 Replies
Jul 1, 2011
I have a renderer that looks like this:
[Code]...
Loading thumbnails using this method works perfectly. The issue happens when you scroll the List.
View 1 Replies
Feb 7, 2011
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 Replies
Oct 16, 2011
How 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 Replies
May 14, 2008
I'm building fairly simple item renderers, in fact, here's the code for one of them...
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
implements="mx.controls.listClasses.IListItemRenderer"
[Code].....
It's a really simple renderer that has an image and some text sitting next to it, or just the text if no image is in that item's data provider. There is also some basic rollover, rollout and click functionality...
So my question: Why is it that if my list needs to scroll it gets messed up? By "messed up" I mean that the text changes from being to the right of the image (when image is present) to moving over top of the image, as if it isn't realizing that the image is there. There's also sometimes an issue of the item renderer shrinking down so there is no longer anything even visible in the box (just some black with a grey border on the bottom about 5 - 10 pixels big...
I'm wondering if maybe my item renderer is too complex? I'm having the same issue with text working like that in another renderer, but no images, just text placed in certain positions (as well as some strage blue tints showing up at the top or bottom depending on how I am scrolling)
By the way... here is the MXML where I am initializing my list...
Code:
<mx:Canvas width="100%" height="100%" id="list">
<mx:List
width="100%"
[Code].....
View 1 Replies
Dec 22, 2010
I've got a Flex 3 website. Unfortunately, Google Webmaster Tools lists zero keywords for my site. My site's been up for about a month. I submitted a sitemap. I've put a description and keywords metatags in the HTML wrapper.Any advise on what else I should do? Does anyone have a Flex 3 site for which Google Webmaster Tools lists keywords?
View 2 Replies
Aug 5, 2011
I'm trying to override the default handling of the 'up' and 'down' keys for an editable list, such that when they are pressed a list entry that is being edited behaves as if the escape key has been pressed, but the 'selected item bar' moves up or down.
Here is my (simplified) component:
<?xml version="1.0" encoding="utf-8"?>
<mx:List xmlns:mx="[URL]"
enabled="true" width="100%" height="100%"
creationComplete="initialise()"
editable="true"
[Code] .....
For some reason this doesn't work: if a row is being edited, the first 'up' (or down) keypress ends the edit and moves the bar. Further up or down keypresses have no effect, but if you click somewhere near the list it does start working. This makes me think it is a focus issue. Weirdly, if you hit escape the edit finishes and you can move up and down correctly. If the 'callLater' line is uncommented to try and make the list retain focus, the bar initially moves in the direction of the keypress but then moves back again and re-edits the original line!
View 2 Replies
Aug 17, 2010
I'm trying to create a nested list in Flex which will dynamically resize to display all children when the data provider changes.
Here's a simplified example which illustrates the problem:
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Code].....
The list sizes remain static when items are added.
If I add variableRowHeight="true" to the outer list then the inner lists will correctly resize. But the outer list itself remains at a fixed size.
How can I have both lists resize automatically to display all children?
View 1 Replies
Jun 21, 2011
The 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]....
View 1 Replies
Dec 15, 2009
What I have is a video that plays and has nav cuepoints which, when reached, trigger the movie to display a new frame, each frame being a "slide" of bullet points that correspond to what the person in the video is discussing. This all works well, but I the only problem is that if the viewer scrubs the video backwards or forwards the slide doesn't update to display the appropriate slide unless the user plays through the nav cuepoint again. I would like to make it so that when the user scrubs, it will check for the last nav cuepoint and jump to the appropriate movie frame/slide but without taking the video back to the last cuepoint.
I'm pretty new at actionscript 3 but I believe I need to use some combination of onScrubFinish and findNearestCuePoint, but I don't know how to implement this.I should do this? Here's my code so far:
Code:
// *************************
// Stop the timeline
[code]......
View 2 Replies
Feb 1, 2012
I'm trying to embed multiple fonts in a spark RichText component but not sure how to go about it. I'm wanting to be able to display bold font using tags in HTML. With the font i'm using, the regular and bold character sets are in different .ttf files.
Can I set more than one font family in CSS for a component?[code]...
View 1 Replies
Feb 10, 2011
are there any events that the scroller will dispatch when being scrolled?
View 1 Replies
Jun 19, 2010
filtering one list when an "Artist" is selected in the other..
I also want to play the next video when the "Next Video" button is selected..
Here is a link to an example with a few videos.. [URL]
View source is enabled so feel free to grab the code..
how to build this app step by step using Flash Catalyst and Flash BUilder..
Anyhow, I'm not just taking, I plan on giving back in a major way..
So if the "evangalists" aren't too busy with their datagrids showing the true power and ease of use that the Adobe Framework is capable of..
View 1 Replies
Apr 10, 2012
How can I color words in spark:TextInput with two or more colors? I did it with mx:TextInput with htmlText property but i can not find it in spark component.
View 1 Replies
Jul 16, 2011
I want to make a Flash app that will scroll text whilst music plays. The music part is easy, but scrolling the text...I've tried simply importing ALL of the text, resizing, and scrolling that one giant object upwards, but when the screen was full of text it began to slow down. I need the speed uniform to sync it with the music in the background.
I could have a 70,000,000,000 frame movie and move each element individually, avoiding the heavy load, but the amount of work on my end this would require would be so astronomical that it just wouldn't be worth it. Ideally I want something like a component that I can dump text into and have it deal with making the scroll speed uniform.
It would also be a major plus point if it could be used/created by another program, so that someone without Adobe Flash could produce a similiar kind of movie simply by putting in their text and MP3 file and hitting a "Generate" button.
View 2 Replies
Jun 9, 2011
I'm using a for loop and creating multiple textfields in that, that populate with variables from an aspx page.My issue is that no matter what I do I cannot get all these fields to datapage or scroll, I place them in another movie clip, and assign them to that clip, and I can scroll the background contents of the clip but not the dynamic fields.All the scrollbar tutorials for textfields are based on single textboxes or graphics. What can I do to get all the generated fields to scroll inside the stage area?The function of this is to pull from a database of flights that gets updated, and allow the user to select and view what times/dates etc. are available.
Actionscript Code:
var reply_lv = new LoadVars();reply_lv.load("#");reply_lv.onLoad = loadedDotNetVars;_root.createEmptyMovieClip("databox", _root.getNextHighestDepth());function
[code].....
View 1 Replies
Jan 26, 2012
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?
View 1 Replies
Apr 30, 2009
Picture this, for now anyway, as I will be uploading my example when I get home from work. I have five squares all the same size on 5 different layers in slightly different posistions so it looks like a diagonal stack of squares.
I have a button called playHead which I need to act as a counter I will now state the play buttons functions. Once the user presses the play button the first square moves horizontally off of the stage through a coded tween, whilst the square behind it moves into its original position.
I need this function to happen for all of the squares, I would ideally like to use a key listener and the LEFT ARROW instead of a button but I am doing it this way firstly.
The problem is that because I am using multiple tweens and only 1 button everytime I press the play head it trys to trigger the first tween: I feel that I need a counter mechanism that turns off tweens that have already finished and counts through a variable to know which square has been moved. I will upload my progress at 6 tonight GMT.
View 2 Replies
Aug 19, 2011
I'm currently working on a project for a client who just keeps adding and adding more and more visuals and functionality (while developing!) to an already complex website . The website is very high-end with a lot of 3d rendered PNG-sequences and looks beautiful, but as you can imagine my flash-project is getting cluttered and becoming very slow at runtime very fast.
For a small baseline: I am currently working with swf files of 15mb a piece (the site will have multiple sub-sites). Each with full-browser moving bitmaps, movieclips and png-sequences. Anyway, the site layout at this point: I have multiple sprites layered on top of each other. These will, based on the mouse position, move parralax-style to simulate depth. Within these sprites I have the following visual contents:
a. a static PNG which acts as a static visual. This PNG is duplicated multiple times within the sprite (tiled) to make sure that the visual is browser-filling.
b. a moving PNG-sequence using this solution from the guru's at greensock: forums.greensock.com/viewtopic.php?f=1&t=4243&p=16835#p16835
c. a multiple of movieclips which act as buttons displayed at various positions within the parralax-moving scene, these buttons popup new screens and load external content.
Currently I've managed to fix all the parralax sprites through the scrollrect option, with only the bare minimum of each animation visible at the same time (the scrollrect is always as big as the max sprite height and max screen width), but because of the visual madness of the website, the swf still runs as fast as a tortoise on ritalin.
View 3 Replies
