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?
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.
I'm using the new Spark Datagrid for a project, but I must confess the scroller is annoying me a little bit, so I would like to have some control over it.
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?
I'm using the following mxml code for displaying a list of some data. I built a custom renderer which can have variable height. Each time a new data arrives, the scroller should go to the end of the list. I registered to the events which triggers an array change.
It's working fine if the height of items is the same. But if this is not happening, the scroller is going a little bit above the end.
If the height of an item from the middle of the list is bigger, then the last items are not visible.
<s:Scroller width="100%" height="100%" id="scroller" horizontalScrollPolicy="off"> <s:DataGroup id = "lstComments"
I 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.
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'm currently experimenting flex 4 skinning. I successfully skinned most of the components i need for my application, but i can't find a way to avoid this damn blue drop shadow which is displayed when u'r focused on a textfield or a combobox.
I am using a spark list control with an itemrenderer. Whenever I set an itemrenderer's currentState, the moment I mouse out of the itemrenderer, it gets reset to its default state. How can I make an itemrenderer keep its currentState unless I explicitly tell it to change?
I have a mobile application that has a Text Input used for searching. Below the search TextInput is a StageWebView. When I set the source of the StageWebView using loadURL() the key input is shifted to the StageWebView. How can I prevent this?
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)
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 ?
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.
In 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?
Trying to make a custom scroller which works but the odd thing is that when i drag the scroller to the bottom, the content scrolls the opposite way. So when the scroller is at its start point,the content is at its end point and when i scroll it to the end point the content reverses to the start point. Here is what I'm using
Code: var scrollLower:Number = -92; var scrollUpper:Number = 39; var textLower:Number = -92;[code]....
I am designing a very long page. There will be a flash animation at the bottom of the pageI want this animation to play only when the user scrolls down and this flash object comes into view. How do I do this? I am quite familiar with flash and actionscript, so I just need some pointers.I have seen that this is already being used for advertisements. If you visitthere are ads that appear far below on the page. These ads play only when you scroll down and the ad appears within the browser window. This happens on many other sites as well.Many popular sites also use something like this. On CNN, try opening a new tab that loads a flash video. The video begins to play only when you actually go to that tab. Until you open the tab and the contents become visible in your browser window, the video doesn't start. How is this done?
Im trying to make a horizontal scroller, that pulls images from an XML document, and scrolls them infinitely.I have 2 problems with this and I have been looking everywhere for a tutorial, or example that shows how to do this and I always find something that is close to what I want but not quite.Here is what I have so far:
Code: var mcLoader:MovieClipLoader = new MovieClipLoader(); var mcListener:Object = new Object();[code]....
What I'm wanting to do is instead of using 490 (underlined), I want to be able to get the width of each loaded image so that I can line up the next image right up against it regardless of its width (490 just happens to be the width of all of them right now).I'm trying to use the onLoadInit() function, but I know I'm doing something wrong. When I try and trace my mainLoader variable, it traces the right amount of times, but they are all the last object in the group.What do I need to do to be able to get the widths of each image as it loads, then use that variable to position the next image right after it?
also (a semi unrelated help request), what I'm doing right now is loading them ALL in creating one giant line of images, then loading in another giant line of images and just alternating between the 2 each time one is almost to the end of its length. Is there a better way to do this so that only the right amount will load, and scroll, at the beginning adding the one right before it enters stage, and as they move off stage they are removed, then when it's near the end it just adds the first one back to the end?
Hi I am trying to create an image scroller that just scrolls images from point a to point b on load horizontally in an infinite loop. I just used a code snippet to move it horizontally but don't how to get it to stop and at point b and loop again from a.
I'm making a spark component and I've defined my own skinpart which doesn't show up in Flash Builder's design view. When I run the app it works fine. I'm basically using Panel and PanelSkin as a guide. For debug purposes... I just took the panelskin and renamed the controlbar to headerI'm posting code below... but this forum kinda killed all my code formatting
Is there more work, or source code files required to customize your look and feel (skins)?
How maintainable and readable is Spark relative to Halo?
Is it more productive and easier to customize overall than Halo, about the same, less?
If you're an SDK user who was 99% happy with Halo's appearance (maybe just a few CSS tweaks), is switching to Spark creating more work for you? Do we now need to employ designers to get a reasonably complete look and feel?
I'm using a spark combobox in my AdvancedDataGrid, as an itemEditor. At some point I noticed that clicking on the scroll bar arrows would close the CB - very annoying. After much research I found this on Stackoverflow which completely solved my problems - One more and last lingering issue left though: when selecting an item from an open dropdownlist the mouse click seems to propagate to the cell below once the dropdown has closed. I assumed that the fix above would take care of this last issue, but it doesn't seem to. I tried to override the item_mouseDownHandler for the CB and stopImmediatePropagation() of the mouse event post its usual behavior, but that also seems to have no effect. I also tried setting the mouseChildren property for the skin['dropDown'] to false, but that impairs the whole functionality.
I'd love to be able to setup a footer at the bottom of my spark application, which runs in a browser. I was reading through the documentation of Application and the awesome Adobe examples. Unfortunately I keep getting lost when the documentation talks about how to position the control bar area at the bottom via spark.skins.spark.ApplicationSkin - sadly I'm not sure what that means from a practical standpoint and am stuck. How exactly do I set this up? Do I need to create an application skin (doesn't seem to be an option for the MXML skins) and apply it to the skin? Or instantiate ApplicationSkin and do something with it (what, exactly)?
Sorry, I'm sure this offensively simple, but I can't find any obvious example anywhere.
I am using a the spark tabbar and gave a view stack as dataprovider.....in the view stack there are n elements ...and each element has a panel....my code would be some thing like this....
into an equivalent beginGradientFill call. My best guess of the translation is this
var matr:Matrix = new Matrix(); matr.createGradientBox(20, 20, Math.PI/2, 10.294, -0.276); g.beginGradientFill(GradientType.LINEAR, [0xFFD500, 0xF5A106], [1,1], [0,1], matr);
but I'm not sure if this is right, nor I know what the size of the box should be (the two 20s in the code above are just me trying stuff). Would love any expert expert opinions!
