Flex :: 4 - Create A Skin For The Component Scroller
Jan 7, 2011
I'm trying to skin the Scroller in my application so that it looks like the example mentioned in [URL] This example was done in Flex 3 and images are set in CSS. I tried to create a skin for the component Scroller and saw that it uses VScrollBar and HScrollBar. I tried to put skins for these components. VScrollBar uses separate skins for the track, thumb, decrement/increment buttons. I tried to make some changes in the skin, but they were not reflected at all in the application. I just want to create a customized scroll bar in Flex 4 with custom thumbs.
I have a panel with a custom skin whose height is smaller than its hostcomponent's height. When I layout this out in a vgroup, the component's size doesn't reflect the skin's smaller size.
Is there a way to completely delegate the size of a container to the skin class?
I want to use a Spark ComboBox with numerous MX Components but the Spark ComboBox does not look the same as the MX Components. Is there a skin I can use to Skin Spark components like MX components?
I have a custom Flex 4+ component that I am trying to make and have the skin be aware of changes to a custom property. This property will determine the graphic on the button (and some other visual changes) but the data will change constantly as it will be updated by a timer.
I've looked at untold examples and still seem unable to get the syntax correct or discover how things should be separated. I've looked at overriding commitProperties and the PropertyChangeEvent without success. So I have two questions.
1) How can I get a skin to be notified of a bound property when it changes?
2) If the data for a bound property of the component is an object, will binding work properly if a property of the object changes (or would it be better to pass each property separately)?
How do you set the default value of skinClass for a custom component in Flex? I've extended the DropDownList with my custom component, but I would like to specify a default skin to go with it instead of always setting the skinClass value for each instance.
I'm trying to put my components in a window container that can be closed by "x" moved on the stage, resized and so on. And I wonder which is the best way to do it. I want to use a skin class and the component class. The "solution" that is not working looks like this
I have a Spark List running in a mobile application. When I turn on horizontal scroll bars and then when I swipe as I use the application scroller bars fade in and then fade out. I would like them to always be invisible.
I have lots of child text inputs within a spark Scroller. How can I make the TextInput with id of "x" come into focus if I have a..z id's, also for the scrollbar to scroll automatically to that child item? I can use x.setFocus(), but the scrollbar doesn't automatically scroll to that item? why?
ADOBE SYSTEMS INCORPORATED Copyright 2008 Adobe Systems Incorporated All Rights Reserved. NOTICE: Adobe permits you to use, modify, and distribute this file in accordance with the terms of the license agreement accompanying it.
i have a sequence of buttons and each button has its own icon. I was wondering if I have to create a Spark skin file for each button in order to assign its icon.
SkinParts are a great way to add event handlers and logic to an object that is instantiated in the skin, away from any business code. Often, though, I find myself wanting to do the opposite, and define parts that will be used in reusable, skinnable containers in the parent mxml files which will be inserted into the skinned containers.
What's the best practice for when you want to be able to define a control and a skin which can be reused with different controls inserted from outside the skin? Edit: A better way to put this might be that I want to use something that works a little bit like a SkinnableContainer, but that isn't limited to one area where content can be placed.
I extend Button to create ImageButton, and I extend ButtonSkin to create ImageButtonSkin. But, when I define hostComponent like this:
public var hostComponent:ImageButton
I get an error that there is a conflict with hostComponent:ButtonBase inside the ButttonSkinBase. How do I extend a skin AND provide a new hostComponent for it?
How can we embed the over,up,down etc skins defined as sybols in a .swf file... i mean in skin file how can i specify those symbols to be used as up,over,down skins.
I have an elearning course, a .swf, that loads multiple .swfs as the user progresses through the course. At the end, there is a quiz. The quiz.swf uses the radiobutton component. I have developed some custom skins to use on the radiobutton component. I have figured out that:I have to add an instance of a radiobutton in the main .swf for the radiobuttons in the quiz .swf to show.I have to copy the radiobutton intance from the quiz swf library to the main swf library if I want my custom skins to show in the quiz swfWhile, this works fine. It is not practical. I want the quiz.swf to more modular. So I can pop it in to any course and not have to go back in and add the radiobutton skins to each course.
Is it possible when publishing a Flash CS4 file to have the Video swf and the Skin swf be in one swf file? I have a Flash CS4 (AS2) file that has a FLVPlayback Component. When I publish or test movie 2 swfs are output. I need only 1 swf as I am then going to insert this 1 swf into a Captivate 4 project. When I insert the video swf by itself into Captivate 4, I do not have a play bar/skin. If it is not possible to publish as one swf, how I can insert the 2 swfs into a Captivate file and get them to work?
I'm trying to insert a player on a Facebook Page tab with FBML with fb:swf. I have the following:[code]I can see the video, no problem. It plays inside a FLVPlayback component, which uses a skin (referred by /player/skinName.swf, I tried also the absolute path here). This player works perfectly everywhere else (even on an iframe Facebook application, where it's not inserted using the fb:swf tag, but with object, of course). However, I can't see the skin on the Page tab.
I have been successful on striping certain components in flash and giving them a new skin, but now I need to strip and re-skin the list component. It uses the ui scroll bar and thats not a problem to re-skin but i need to change the background color and highlighted text of the list.
I m using FLASH CS3, I used Datagrid and Combobox component from components panel, and simply add some data inside in that. setupComboBox(); function setupComboBox():void { cb.setSize(200, 22); cb.prompt = "Select a Credit Card"; cb.addItem( { label: "MasterCard", data:1 } ); [Code] ..... It seems working fine. My problem is, I want two different type of skining of two different component (DataGrid & Combobox). in the same fla. E.g if datagrid have gray color skin type and combobox have black color skin type.
I can see the video, no problem. It plays inside a FLVPlayback component, which uses a skin (referred by /player/skinName.swf, I tried also the absolute path here). This player works perfectly everywhere else (even on an iframe Facebook application, where it's not inserted using the fb:swf tag, but with object, of course). However, I can't see the skin on the Page tab.
I need to get access to the buttons inside an flvplayback skin. After a bit of googling I've come across several solutions for AS2 but it doesn't seem to function in a similar way. I know skin_mc is a private function of the flvplayer but I can't for the life of me figure out how to access it as an object that retains its properties all I get back is a string with the path to the skin swf.d.
I have a flex component, a VBox, that has content inside it. Text components mainly.The VBox is holding a report that I want to be able to save to PDF. I am using AlivePdf to achieve this but the PDF produced is blank when viewed in Adobe reader (latest version).When I open the PDF in Notepad++ I can see that there is definitely content in there and the file appears to be structured correctly.This is the method I am using to generate the PDF:
private function doPrint(whatToPrint:UIComponent):void { var printPDF:PDF = new PDF( Orientation.LANDSCAPE, Unit.MM, Size.A4 );[code].....
How do I addElement() to the topGroup of a Spark Panel component skin?For instance, if I create a custom UIComponent, then create an associative skin that uses the Spark Panel as a default, how do I add elements to the topGroup from within the skin?
I've made a video play back (flash FLV) usng media play back components in flash mx 2004. Everything perfectly workng but i want to change the look and feel of the control buttons. I couldn't find any options for the same. Any idea. Is there any other video play back components available .
Here, I need to create custom component object, changing their element values and appending that custom component in VBox. What are the correct syntax to implement this one?
is there any way to create a custom css value for a component and have it available to the skin class that component is using? for example, if i define this in a css file:
[Code]....
is there a way to make myCustomValue available in the PanelSkin ?
