Flex :: Skinning Button In AS - Adding Border?
Jul 29, 2011
I've just started playing about with skinning and am finding it harder than anything else I've come across in Flex 4 Mobile. It needs to be done in actionscript as I am trying to skin a flex mobile button. Here is what I have so far: (It does very little, only changes the background color)
package skins {
import flash.display.GradientType;
import flash.geom.Matrix;
import mx.utils.ColorUtil;
import spark.components.supportClasses.StyleableTextField;
import spark.skins.mobile.ButtonSkin;
[Code] .....
There doesn't seem to be much in the way of documentation for skinning Flex mobile components purely in actionscript. How do we add a border for example?
View 1 Replies
Similar Posts:
Mar 21, 2012
I came across this piece of code and it intrigued me. I haven't seen skinning like this before. I'd like to know if there are any downsides and alternatives to it. For example, is it cpu intensive like addChild calls are?
<s:Button id="loginoutBtn" right="10" top="10" label="Log out" label.loggedout="Log in" skinClass.loggedin="skins.FBLogoutButtonSkin" skinClass.loggedout="skins.FBLoginButtonSkin" click.loggedin="logout()" click.loggedout="login()"/>
[code]........
View 2 Replies
Jun 25, 2011
Anyone missed the old simple method for skinning a simple button?
CODE:
The problem im having is that, this method of creating a simple button with skin is being phased out : Infact it is no longer supported in flex 4.5 mobile projects.
So the question: Is there a simple way to perform this, with spark buttons (which is suppose to be the new way to go). As simple as possible.
Basically i only need a button with 2 images : down/over & up. And i want to keep the code as simple as possible : The new skinning methods, seems to really adds way too much lines for something that used to be as simple as the example above.
View 3 Replies
Feb 9, 2010
I am trying to load an swf file which has button skins as images (In the library of the swf file i have given export properties which is 'TickMark') and set the skin of a flex button using StyleManager.setStyleDeclaration.I am getting errors like 'Argument count mismatch on TickMark(). Expected 2, got 0.'This is what i am trying to do:
private function init():void
{
loader = new Loader();[code].....
If I use the class GraphicClass in setStyleDeclaration, it works... but basically I want it dynamically.Or there are other easy methods to skin (image) a flex button dynamically?
View 2 Replies
Mar 25, 2011
I'd like to add some functionalities to the right border of my ADG component tothe user resize and potentially do more stuff. Is there a skin for that border? For instance, how would you make it wider, or add a handle that perhaps animates when you hover over it?
View 1 Replies
Jan 21, 2011
Is it possible? Or do I need to use Skin architecture? I can't found the property border color, so I think I need to create a entire skin customized? Or are there the property accessible by css?
View 2 Replies
Dec 13, 2011
I have a skin class whose host component is a Toggle Button. I need to be able to add a border around it but only on the top, left, and right sides, As I understand it you have to the: <s:Line> component. So I added:
<s:Line left="0" top="0" right="0">
<s:stroke>
<s:LinearGradientStroke rotation="180" weight="2" caps="square">[code].....
This worked for the top line , But I can't seem to get the left and right lines. I tried: this for the left side line, but it did not work (no line showed up):
<s:Line left="0" top="0">
<s:stroke>
<s:LinearGradientStroke rotation="90" weight="2" caps="square">[code]....
How can I achieve the 3 Lines around the button?
View 1 Replies
Aug 15, 2010
how to remove the border of a togglebuttonbar button, with keeping the theme color??
i want to put the style in css file
View 2 Replies
Dec 21, 2011
I'm having issues with implementing a flex button componentI have applied a CSS style to button and set border-color to, say #555555.So far, it works as expected.Then, when my application is resized, the border of the button component becomes blurred and its width automatically changes from 1 pixel to 2 pixels, which doesn't look very well.hen I maximize the app again, after the border is blurred, the buttons' border becomes 1 pixel and looks nice.
View 1 Replies
Jul 26, 2009
I 4 different images to be used as up, over, donw, disabled skins for a button. I am using [Embed] tag to do this job. I get no errors but the button is not visible either. If I trace x, y, width, height etc of the button, they come fine. Here is my code: Pls suggest, what's going wrong.I have a separate class which simply embeds all PNGs.
Code:
public final class AssetImporter{
[Embed("resources/images/Button_btn_upSkin.png")]
[code].....
View 1 Replies
Jul 7, 2009
I'm working on a Flash game and I'm using button components in the UI. I like that the key functionality is built into them and that they are fairly easy to skin. The problem is, I need to be able to skin them with a bitmap (specifically a PNG) using AS3. I've found a couple of Flex frameworks out there that might help but we're not using Flex in our development process.
View 4 Replies
Jan 26, 2010
What I want to do is add a border on the image that I load into my scroll bar via XML on the rollover. So when I rollover the image a border appears around it. I created a movie clip of the just the border and I am having trouble getting it to appear on all my images when I rollover them. I am not sure how to fix this. How can I do this?
Code:
scrollBar_mc.visible = false;
var space:int = 10;//space between cells
var w:int = 47;//width of cell
[Code].....
View 7 Replies
Feb 11, 2010
I want to add a border around my mask. I don't know if I can add the border directly to the mask or if I need to create something new and position it. I imagine if the border was part of the mask it wouldnt show up? Anyway I added lineStyle to my roomMask and I get this error that doesn't make any sense to me:1061: Call to a possibly undefined method lineStyle through a reference with static type flash.display:Sprite.
ActionScript Code:
//create a mask to cover the room container
//to hide the floor outside edges
[code]......
View 1 Replies
Jan 14, 2009
I have a very simple scrolling image strip where the images are loaded via xml. I was wondering if there is a way to add a white border around the pics by way of actionscript. Here is the code that I have to load the images and make them scroll.
[Code]....
View 0 Replies
Jan 15, 2009
I have a scrolling image strip that loads images from xml. I was wondering how I could attach a border to the movie clips that the images are loaded into. I know how to use the drawing API, but I can't seem to attach a border to each movie clip. I'm posting the code below.
Code:
cliparray = [];
function loadXML(loaded) {
if (loaded) {
[Code]....
View 1 Replies
Jun 9, 2006
I've been skinning some components and am having trouble changing the colours of the button in media playback component and the white and grey border round the listbox (I've included a closeup of this in the image to illustrate and highlighted the problems in red).
View 1 Replies
Mar 22, 2011
I'm developing an ActionScript 3 app for Blackberry PlayBook.
I'm loading an image with flash.display.Loader.
I want to show that image with a 5px black border.
How can I do that?
View 2 Replies
Apr 7, 2007
This question has probably been asked a number of times in this forum. I searched and searched, read every reply, but there is nothing satisfactory posted till now. I tried out all solutions posted, but almost every implementation was incomplete. So, here is my question: In the xml photogallery tutorial, if I want to have a border around a thumbnail (which is dynamically loaded), how do I do that?
[Code]....
View 6 Replies
Nov 6, 2006
I have been using the tutorial on the Photo Slideshow Using XML and Flash, and think it is fantastic. It is really clear and easy to follow. However I have encoutered three things with it. Firstly I would love to be able to add a border around each thumbnail accross the bottom, that would change color when the user rolls over the thumbnail.I would also like to be able to highlight which thumbnail is currently being shown as the top image.The third issue I have had is when a user moves the mouse to the right of the first image, it scrolls about 5 pixels to the right even though there is no other image before it.
View 1 Replies
Feb 16, 2007
I'm encountering a weird glitch when I try to use a more complex image border: the image container and the text caption both jump into place at the last moment. A bad effect. All I've done is add two more variables, "w2" and "w3" to the code:
Code:
var w = container._width+spacing, h = container._height+spacing;
var w2 = container._width+space2, h2 = container._height+space2;
var w3 = container._width+space3, h3 = container._height+space3;
border.resizeMe(w, h, id);
border2.resizeMe(w2, h2, id);
border3.resizeMe(w3, h3, id);
The only way I can find to keep the border shapes in correct proportion is to create 3 different border clips and apply the "resizeMe" easing function to each of them.
View 3 Replies
Mar 31, 2010
I'm using mx:WindowedApplication, I'm wondering how I can skin the title bar and close/minimize button for the window. I can see application like Pandora One is using it and setting transparency. Any pointer to a doc?
View 1 Replies
Feb 2, 2011
Let's say you have a large number (N) of spark buttons in your app. Let's also say that your buttons all have very similar skins (size, various effects, etc) - the only difference being the specific png that they use as their BitmapImage. Do you end up with N skin files, all differing by 1 line? Or is there a smarter way to do this while not adding a lot of code when you create the buttons in MXML (in fact, ideally, none).
View 1 Replies
Mar 28, 2011
I have the Spark scroll bar in my application skinned the way I want where I use s|VScrollBar and then set skinClass: ClassReference(my skin class) in my CSS file. For my Halo scroll bar I have the skins set for each element of the scroll bar (arrows, thumb, track, etc.) but I want to have one central class like with the Spark scroll bar.
View 1 Replies
Aug 26, 2011
I am trying to programmatically skin a PopUpButton control in Flex Builder, but having no luck. As far as I know this requires writing a custom skin class or creating a modified version the control class itself (since the control is MX and not Spark). Again, just to clarify, I want to programmatically modify the appearance not simply set styling properties or display an image. I've been able to do this programmatically with other MX controls (e.g. tabs in a tab navigator), but not with the PopUpButton.I think part of the problem may be that the control is actually composed of two separate buttons, so you cannot draw just one rectangular area over the whole control.
View 1 Replies
Jul 1, 2009
I am going to use a HSlider to set a range of values. I would like the left thumb to look like ( and the right thumb to lok like ) so they appear to encompass the range like (range) instead of |range|. I only know how to set the skin for SliderThumb which will set the skin for both. Does anyone know of a way to set a different skin for each thumb?
[Code]...
View 3 Replies
Oct 9, 2009
I am having some issues when trying to skin the scrollbar on a horizontalList with Degrafa. The scrollbar doesn't show up at all. I checked to see if the scrollbar is supposed to show up without the skinning, and it does.Here is some code:This is where I define the HorizontalList where I want a skinned scrollbar.[code]I am populating the HorizontalList with more items than are viewable, and like I said before the scrollbar shows up when I remove the skinning.
View 1 Replies
Aug 2, 2010
How to skin spark List component so that every adjacent itemRenderer has different color (something like mx DataGrid)?
View 1 Replies
Sep 1, 2010
how to skin the datatip of a hslider component.
I have created a 3 skins with degrafa. One for the track, one for thumb and one for the datatip. I had no problem attaching the skins for the track and thumb of the hslider component. But how can i skin the datatip?
View 1 Replies
Jun 24, 2011
Need Detailed explanation on the difference between skinning, coloring and themes.
View 1 Replies
Apr 8, 2009
I'm just starting out with Flex, and I want to customize a component (a HSlider) to have a gradient colored background that I can dynamically change Same functionality as a normal HSlider, except for the background.How should I approach this?
View 1 Replies
