Actionscript 3 :: Where Is Spark Skin Button Size Set

Dec 10, 2011

I've skinned an hSlider's thumb with an image. But the image is pixelated, as though it's been forced to resize.It's just a pretty circle with a radius of 30 px.The other thing that happens is that instead of the new button being cleanly bisected by the track, it is just below the track, tangential to it. So now I have to reposition it by modifying its y value in SliderThumbSkin.mxml? And (presumably because its registration point is at upper left) when I slide it all the way to the right, it goes right off the end of the track until its left edge is at the track's right edge. This might also mess up calculations for the hSlider.value property.

You'd think you could just apply the skin and it would replace the button, but seems that both its position and size are being wrongly manipulated.Is the thumb's size automatically reset or resized somewhere? Is there a way to do this correctly and cleanly?

EDIT: Here's code for the entire test project:

//HSliderTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:ViewNavigatorApplication xmlns:fx="http://ns.adobe.com/mxml/2009"[code]......

Similar Posts:

Flex :: Add Icon On Spark Button Skin?

Jun 11, 2010

I am trying to add different icon on different buttons. I have my skin file ready but not sure if I have to create different skin class for different button. It sounds inefficient.

<s:Button id="pass"
width="110"
height="35"

[Code]....

Flex :: Keep 'down' State For Spark Skin Button?

Oct 20, 2010

I have spark skin a button with up, down, over, and disable states in a button component to create a modular. Is there a way when the user press and hold a key, the button will remain in 'down' state?

The button component include skinclass:

<?xml version="1.0" encoding="utf-8"?>
<s:Button xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"

[Code].....

Flex :: Copy/modify The Spark Skin For The Default Button?

Jun 20, 2010

I'm trying to copy/modify the spark skin for the default button, but not sure how to find that skin. When I hover over <s:Button and Ctrl + Click it, it takes me to the Button class, but there isn't any skin information there.

Flex :: Extending The Spark Skin?

Jul 14, 2011

My current requirement: I have menubar with 3 different button types. Skin structure is simple: one label and two state graphics. So my base skin have label, and in overridden i want add two images. But flex docs states that overriding of skin is not preferred. I try override override public function addElementAt(element:IVisualElement, index:int):IVisualElement for adding new subcomponents to custom container sdk using it but my view is blank. Does skins are really not overridable? My current code:

<s:ButtonBar skinClass="MenuSkin" dataProvider="{content}" />
in MenuSkin:
...
<fx:Component id="firstButton">

[code]....

and next 2 skins have repeated <s:Label/> part. As label should look the same, naturally i want extend base skin class but it is no possible form me. First problem: if i add image in mxml it overlaps label.

Flex :: Conflicts Between SWC Skin And Spark Drawing API

Aug 4, 2010

I have a project where we are trying to skin Spark components from a third party library that are built up from the drawing API primitives. Our first attempt involved creating a Flex skin (SWC) in Illustrator/Flash and applying that skin to the Spark components via CSS. We found that even with only a single instance of one of the components skinned in this way on stage, the application was brought to it's knees. For example, it failed to respond in repaint scenarios in a timely manner, and exhibited all the symptoms of being hung.

Our next approach will be to recreate the same skin artifacts in MXML classes that are in turn associated with the third-party components. Although the complexity of some of the skins leads me to believe that we might not avoid performance problems with this approach either. My question is the following: Is there a correct or recommended way to apply either a SWC or based skin to a component that is built up from the Spark drawing API to begin with? Even as I ask the question I recognize that the approach means using the Spark drawing API in two places and will probably have unexpected consequences.

Flex :: Exposing Properties To A Spark Skin Class

Sep 2, 2011

I am having trouble wrapping my head around the spark skin class in relation to it's host component. Basically, from what I've seen with most every skin that comes in the Flex 4 framework they don't directly expose the properties that are dynamically being set in the host component. Instead, they define states that get exposed to the skin class to define when a component should look different. This is all fine and dandy when you have a very simple component with a standard set of states, but when you have twenty different properties (hypothetically) to set in your host component that should change how the skin looks it could get very complicated very fast.

The way that I've seen that they have used to get around this is by overriding the commitproperties and invalidate functions in the skin class, grabbing the values for the properties they want from there, and then setting them to a locally instantiated variable inside the skin class. This is fine, but I feel like that is just a patch workaround to it which makes things a lot more complicated than it needs to be.Is there any way to directly expose a bindable property from the host component class so when you define your skin class it is directly ready to be read from? Let's say you have custom button with a boolean property of 'selected'. In the skin class, you want to add in a get and set function for the property 'selected' so you can perform some action upon your skin whenever it's set. How do you tell the skin class that this is an available property for you to work with from the host component?

Flex :: Skin A (single) Spark Component To Look Like An MX Components

Oct 12, 2011

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?

[Code]...

Flex :: Way To Set Scrollbar Skin Globally In Spark Application?

Dec 21, 2011

I have a custom skin class that I want to apply to all scrollbars. Is there a way to set this globally in a Flex Spark application?

Flex :: Layout - Get Spark Skin To Center Vertically?

Apr 2, 2012

I've created a skin that allows me to have two labels on a spark button, but the button text won't center vertically. It stays at the top of the button no matter what settings I give it. The icon in the skin DOES however, center vertically. This is the skin:

[Code]...

Flash :: AddElement To TopGroup Of A Spark Panel Component Skin?

Apr 16, 2011

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?

Flex :: Spark - How To Determine Size For UI Elements

Feb 13, 2012

In general, I haven't yet found a definitive way to get Flex and Spark containers to size themselves relative to their children. I have searched for good documentation for this concept many times but have yet to find anything that sufficiently explains the concepts. A simple example of something I often want to do is to draw a border uniformly around a set of controls. The goal here would be to have all UI elements to size themselves automatically.

<s:BorderContainer>
<s:HGroup>
<s:Label text="l1" />
<s:Label text="very long label 2" />
</s:HGroup>
</s:BorderContainer>

I would want the Labels to size themselves based on the text property, and the HGroup should be as big as needed to contain labels and BorderContainer should only just contain that HGroup. Now the more complicated example that I am working on now. I have a class that extends the BorderContainer. Within the class I create an HGroup with 5 Labels as children of the HGroup. Then the HGroup is added as a child of the ExtendedBorderContainer (using addElement() method).

Then the new class is used in the application as:
<mx:ViewStack>
<s:NavigatorContent>
<my:ExtendedBorderContainer />
</s:NavigatorContent>

</mx:ViewStack>

I have tried various [max|min]height/width combinations and I can not get the desired layout, which is very tight borders around elements without extraneous space starting from the deepest Label children all the way up to the NavigatorContent.

Flex :: Size - Find The Width Of Text In A Spark Label?

Oct 11, 2011

Suppose I have a (Spark) label. What is the best way to find the length of the text in it? I looked at the myLable.measureText("bla bla") method but it says: To measure text in Spark components, get the measurements of a spark.components.Label or spark.components.RichTextfter looking around I cannot find what this is refering to. I tried myLabel.measureWidth() but this does not return anything usefull (it frequently returns zero). Note: I am explicitly setting the width like this:<s:Lable width="{globalWidthVariable"} .../>If the text overflows I would like to increse the globalWidthVariable to the size of the text.

Flex :: Skin A Canvas With Image And Scale It To Size Of Canvas In It?

Apr 9, 2011

I'm trying to skin a canvas with an image (which is essentially a custom border for the canvas). I've been trying the backgroundImage style as well as the borderSkin style. I can't get the image to scale to the full size of the canvas though. I was wondering what the best way to go about this is.[code]...

Flex :: Define A Control And A Skin Which Can Be Reused With Different Controls Inserted From Outside The Skin?

Mar 15, 2011

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.

Actionscript 3 :: Hide Video Skin When Playing, Otherwise Show Skin?

Jun 10, 2011

I'm using the default CS4 FLVPlayback skin, mainly the SkinOverPlayMute.swf. I know there's a skinAutoHide option, but because I don't want it to auto play, I want people to see a play button when they first encounter the video (so they don't think it's just an image). But the skin needs to hide when the video is actually playing (so the video doesn't get blocked by the controls).

In other works - when video isn't playing: skin showing; when video is playing: skin hide.

Flex :: Mobile Skin Overriding HostComponent Of Parent Skin?

Feb 10, 2012

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?

Button Animate From Its Normal Size To A Larger Size But In A Fluid Scaled Motion Images

May 10, 2009

I need to make a button animate from its normal size to a larger size but in a fluid scaled motion. I'm using a png image I cant seem to get it to scale from small to big when animating, and I have inserted a motion tween.

ActionScript 2.0 :: Keep Size Of Button Same When Canvas Size Change On Run Time?

Nov 3, 2009

I want to reduce the size of Swf using the size mentioned in the object tag of html. Same swf file size can be different for different request.

The problem is this if we reduce the size all control in swf reduced according to the change in swf size. But we want the buttons and one more graphics remain same size for any change in size of swf file. How can we make it ..

ActionScript 3.0 :: Targeting A Button In Flv Skin?

Jun 1, 2009

I want to be able to target a button that is within the skin for a flvplayback component. This is my first real adventure with AS3 and..... (feel like I want to scream!)In the library for the skin I get "fl.video.skin.FullScreenButtonOnOver" and paste this into the main timeline with some code like this.

stop();
function edward(event:MouseEvent):void{ trace ("the button was pressed");}
fl.video.skin.FullScreenButtonOnOver.addEventListener(MouseEvent.CLICK , edward);

which comes back with the error "Access of undefined property fl" - which doesn't surprise me really.What do I do to target taht button

Flex :: Set Skin To Null For Button?

Jan 20, 2011

How to set skin to null for button?

button = new Button();
button.useHandCursor=true;
button.buttonMode =true;

i want to set button.skin = null

Flex :: Add Tooltip In The Button Bar Skin?

Jan 20, 2011

I am trying to add tooltip in the skin of button bar button but not able to do that, what to do?

Different Icons For The Same Button Skin Flex?

Feb 9, 2012

I have the skin below for my buttons:

<?xml version="1.0" encoding="utf-8"?><s:SparkSkin
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"

[Code]...

I was wondering how I can add a different image for different buttons which have the same skin.

ActionScript 3.0 :: Can't Access Button In Flv Skin

Jun 1, 2009

I am using a flvplayback component which I have attached to my own skin.

I want to be able to target the full screen toggle button since I can't get the fullscreen to work and others posts have led me to think that it might be better to code that bit myself.

For the skin fla the button that I want to get at has this written in the properties class box "fl.video.skin.FullScreenButtonOnOver"

I figured I might be able to get at this from my main timeline so I added the code below :

Code:
stop();
function edward(event:MouseEvent):void{
trace ("the button was pressed");

[Code].....

Caption Button In FLVPlayback Skin Disappears

Feb 24, 2011

I am working in CS5/AS3 with an FLVPlayback component and a pre-made skin with some custom colors. It is a skin with the caption button included (SkinUnderAll to be exact). I'm using Timed-Text files for the caption content. The captions work just fine. All other buttons on the skin show up, but the toggle button isn't showing up.

I checked all of the linkage in the skin's FLA, checked the AS that creates the FLVPlayback and FLVPlaybackCaptioning objects. All seems fine there.

I've checked the paths and SWF locations to be sure all are in the right places.

I've also included a SKIN_LOADED event listener to get around the default captions-on issue. I'm just not seeing what the issue is. I'd prefer to not go back through my code and make a custom control panel with button components. Started this in CS3 and moved the file to CS5, so I'm not sure if there's something I overlooked in the documentation that spells this out.

Flex :: Button - Use The Disabled-skin Defined In The CSS

Apr 13, 2010

I have a CSS file containing the following definition :

[Code]....

Now, I want to use the disabled-skin defined in the CSS, as the upSkin of b1. So something like b1.setStyle("upSkin","Tab.disabled-skin"); But I am struggling with the exact syntax of the second argument for setStyle. What should I use for the second argument for setStyle method?

Actionscript 3 :: Button Skin Not Showing Up With AddElement()?

Mar 26, 2012

I created a class in actionscritpt that extends the spark.components.Button, as I will be loading a bunch of buttons at runtime. I have a SkinnableContainer.mxml file that the spark buttons will be loaded into.When I use the addElement() method within that mxml file like so my custom skin for my button does not show.

[Code]...

ActionScript 3.0 :: Hide FLV Skin Until A Button Is Clicked?

Apr 2, 2009

I have an instance of the flvplayback component in my movie. I have the player skin set to "autohide" and "autoplay" set to false. Instead of having users click on the play button of the skin to start the movie I have incorporated a larger play button in the middle of the screen. The set back here is that when a user mouses over the movie to click on the larger play button the flvplayback skin appears as well.

I'd like to basically tell the skin "Hey don't appear on mouseover until AFTER the large play button is pressed." What code would I need for this in Actionscript 3?

View 10 Replies

Professional :: SteelExternalAll Skin Is Not Available In Skin Menu CS3

Feb 26, 2011

My client wants SteelExternalAll as the skin for her swf. It's not on the skinning menu in CS3. Is it possible to download it somewhere?

Flex :: Use SWF Symbol As Up,down,up Etc Skin In Skin File?

May 14, 2010

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.

Copyrights 2005-15 www.BigResource.com, All rights reserved