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
I am wanting to use the ComboBox Component in a Mobile App. Thing is the scrollbar is way to small.Is there any way to change the width of the scrollbar on the ComboBox either in code or by skinning it? I tried just adding some width to the scrollbar component by clicking into the component and changing the width,but it did not work correctly.
View 1 RepliesHow to skin spark List component so that every adjacent itemRenderer has different color (something like mx DataGrid)?
View 1 Replieshow 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?
I have yet to find a good and simple tutorial regaurding the skinning of the scrollBar component so I am trying to fake it...
Simply put I have MC buttons underneath the scroll bar and the bar itself is invisible... I need to know what the name of the actual scrubber bar (the one you drag arround) is called so i can attach a movieClip to it and match it's width/height and X position
does anyone know it? --- or Can someone simply explain how i would go about actually skinning it? Everything i have seen says open haloTheme or sampleTheme and edit those but I just want to change it once (not perminantly).
I'm trying to skin my List Component via action script and am having trouble getting it to work.[code]Is anyone having success skinning components this way? I've tried it in files separate to my project.
View 5 RepliesAny sources for styling skinning the Slider component?ie setting the background invisible or using another graphic in place of the line/rectangle graphic. using another graphic for the thumb. replacing the current graphic thumb has restrictions in dimensions,
View 1 RepliesI have created one button component using one Bitmap and one Label in it. Thing is that when user Clicks on on the button I want to changes button's Icon/Image and Label Text. I want to do this using FlashCS5 and ActionScript-3. I have tried following but it gives me runtime Error
[Code]...
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?
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]........
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].....
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?
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 RepliesI have a component "child" which has a cancel button. Now this component is placed in a state called "newChildComp" I also have another component called "parent". In the parent component, i have a button that dispatches an event. Here is the event code:
[Code].....
so, basically,i am checking to see if the cancel button component in the Child component, while i am still in the parent Compoent, was clicked, if it was clicked, call the cancelButtonHandler. The problem is by the time the addNewChild handles the event, that cancel button was still null. My question is how do i solve this without using the itemCreationPolicy on the cancel button?
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.
I'm creating a HTML Component in Flex, loading a URL and then capturing that element and converting it to a bitmap to try and replicate a sort of automatic screenshot saving process.However the bitmaps that it is producing do not contain any flash elements from the HTML.
View 1 RepliesIs it possible to get the bitmap data from a component using ActionScript? I dynamically load an image. onComplete I create a Flex Image component and add the loaded image to the source
[Code]...
Later I want to create a new Image component and get the bitmapData from the first Image. I have tried this canvas.getChildAt(0) Which seems to give me the Image, but I can not figure out how to get the bitmap data. canvas.getChildAt(0).bitmapData; gives me a compile error "... undefined property" how ot get the bitmap data so I can use it in my new Image component?
I am trying to take images I am placing in a flex canvas component to a bitmap. I was able to get to the point where I'm not getting an error but then no image shows up and the image I save out as a jpg is blank. I imagine I'm not setting the bitmap data correctly but can't figure out what I am doing wrong.
Here is the code where I am converting it to a bitmap:
[Code]...
I'd like to use a button within a component to remove it. So, you click it and the component is gone. But, I haven't figured out how you reference the component from within the component. What should I put in click=""?
My component: popCanvas
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Panel width="200" height="200" title="hello"
click="remove=">
[Code].....
How to set a bitmap as a button so that i can apply button mode and mouse-event stuff on it, without adding the bitmap to a Movie Clip?
var bmpFull=new Bitmap(event.currentTarget.content.bitmapData);
bmpFull.smoothing=true;
bmpFull.name="photo";
bmpFull.alpha=0;
//fullMC.buttonMode=true;
fullMC.addChild(bmpFull);
This might seem a silly question but I am sitting here for a few hours wondering how I could change the text color for my components.
For example I have a DropDown Component and I change its skin (all the states) and put in a dark skin (I dragged the component on the stage and edited it). The text on the component, however is black and cannot be read. How could I change the component's text to white.
I'm trying to create a simple "universal" media player which presents the same user interface (or as similar as possible) for video and audio playback. Unfortunately, FLVPlayback seems not to be able to handle audio files as far as I can tell, so I'm using a Sound and SoundChannel.
My video playback is handled using an FLVPlayback component which is "wired" to standard controls on-the-fly when needed. What I want to do is wire them to the Sound / SoundChannel when I'm playing a sound so that the same UI widgets work in both cases. I'd like to avoid building all my components from scratch because the FLVPlayback component does a lot of nice stuff "for free" but it's starting to look tricky.
The standard PlayPauseButton is a MovieClip with two layers, one containing the Play button (and with the instance name play_mc) and the containing the Pause button (pause_mc). Inside one of these is a movie with some code like this:
stop();
this.upLinkageID = "PauseButtonNormal";
this.overLinkageID = "PauseButtonOver";
this.downLinkageID = "PauseButtonDown";
[Code]....
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 RepliesLet'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 RepliesI 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 RepliesI 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(read the post title) I tried to the UIScrollbar tut here on Kirupa but it did not work.
View 2 RepliesSo, I'm pretty sure this is impossible, but is there any way to "re-skin" the box that pops up asking you if flash should be allowed access to your mic and webcam? I'd really love to make that box fit with the rest of the design of whatever I'm building.
Also, if I have several swfs that use the mic/webcam inside one larger shell swf, will the dialog box appear once for each of the sub-swfs, or just once for the large one, and those settings will be applied to all the sub-swfs?
I have a Flash button which has a bitmap image. I want to load this bitmap image dynamically.
I was thinking ...
var ClipLoader = new MovieClipLoader();
ClipLoader.loadClip("img/img1.jpg",_root.mybutton_mc.mycontainer_mc);
However, it do not let me put actionscript 2 in frame 1 of buttons.
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]...
