Flex 4 Skinning and Control Resizing

Hello, all
I have recently taken a deep dive into skinning Flex components. All in all, I'm very happy with the improvements that have been made and feel that it is a significant step in the right direction towards encouraging uniqueness among Flex applications in the enterprise.
I have a solid handle on skinning with Flex 4 and how to leverage it but what I don't understand revolves around resizing skinned components. As an example, let's assume I open up Photoshop and navigate to Scripts==>New Flex Skin... and then chose the ComboBox component to skin. Let's then say that I update each of the four states of this control to look differently. Lastly, I then export the skin from Photoshop and import it into Flash Builder 4 and apply my new style to a combo box I've dropped on my canvas. Everything appears well - until I resize the component. This causes the skin the ComboBox is using to visually stretch (as would be expected with the visual representation of a control being a static, embedded image).
My question is as follows:
- Is there any good way to properly handle control resizing with custom skins such that the skins don't appear stretched?
I'm hoping there is something I am missing here. I am aware that, as an alternative to importing a custom skin image, you can use the vector art capabilities of FXG in an MXML file to do the skinning there but I'd really like to avoid having to code a custom skin when I could leverage a tool such as Illustrator or Photoshop to make it look exactly how I want.

Hi,
You could use Nine slice scaling of embedded assets. Search for that in this page
http://livedocs.adobe.com/flex/3/html/help.html?content=embed_4.html#186094
Do let me know if that solves your problem.
Nishad

Similar Messages

Difference between skin and theme?

hello
i would appreciate it if someone can clarify the difference between a flex skin and a flex theme?
thanks
Yuval

A scalable cluster is usually associated with HPC clusters but some might argue that Oracle RAC is this type of cluster. Where the workload can be divided up and sent to many compute nodes. Usually used for a vectored workload.
A failover cluster is where a standby system or systems are available to take the workload when needed. Usually used for scalar workloads.

Flex 4 Migration: skinning, and Actionscript

Hello,
I've been researching about this topic, but I wasn't able to find any examples on "how to skin in flex4" using actionscript. I'm trying to make a simple test, just load an image inside a container and set the borderSides properties. This property, and many others, are missing from flex 4 "by default", now I have to create/define a skin and code it using Line graphics components, is that correct?
anyways, my "real" (probably not the smartest but...) I've been struggling around this problem for a couple days:
- How do I migrate from Flex 3 (css styles and other stuff) to Flex 4 (skins), BUT I don't want to use mxml files, I'd like to keep everything written in actionscript in my application. It has to be feasible but I couldn't figure out how.
Thanks in advance
Renan

Thanks for the help, we managed to do a skin in actionscript.
Can you help me with two other issues, I'm still not comfortable with this Flex4 transition:
Is it possible to load/add an image to a group from the container (in actionscritpt), or you can only do that using skins?
Can I inherit skins like other classes? For instance: I have a skin to draw borders and another to draw an image, can I extend it to "merge" these two behaviors, border+image.
Thanks
renan

Many times I drop a photo into a book page box and it resizes it. I want to scale it smaller but it only allows me to make it bigger. Why can't I slide to make it smaller?

many times I drop a photo into a book page box and it resizes it. I want to scale it smaller but it only allows me to make it bigger. Why can't I slide to make it smaller?

Control (right) - click on the photo in the frame and select Fit to Frame Size in the contextual menu.
Here's an extreme example of that:
OT

Flex SDK and online emulation coding, your opinion on my project

Hi to everybody,
I'm an actionscript developer and I've started a project 2 years ago.
Since I wanted to test dynamic bitmap generation, I started this path by coding a graphic driver that emulates some old graphic chip used in consoles.
I could see it can work very well in AS3, so thanks to Flex SDK and FDT I have coded some more complex emulators.
Llittle by little I've built some classes that emulate some more chips such as SN76489, AY-3-8910, Konami SCC, Namco, TMS9918/TMS9928 and other graphic drivers for arcade emulation.
There are few project around the web on this subject, some of them such as fMAME are done thanks to Alchemy but, mine is pure AS3 with a lot of otimization, simple code, byte code friendly structures and a lot of caching methods.
The audio has to be fixed, I still haven't find a good caching way to play the audio generated by emulated sound chips with the streaming feature of flash player. To increase quality and fidelity, I need to rise the buffer, but the delay between a graphic event and its corresponding sound rises too...
Unfortunately on some old PC and some netbook they are a little slow because they use a lot of CPU and memory. I will be very glad if you can tell me your opinin about this work and eventually your PC configuration you are playing with.
These are the four consoles/computer I've emulated:
SEGA SC-3000/SG-1000: http://www.play-sc-3000.com
SEGA Master System: http://www.digimorf.com/ASms
MSX 1: http://www.digimorf.com/ASReplay_MSX
CBS ColecoVision: http://www.digimorf.com/fcv
And these are some MAME concept based arcade games. To play with these ones you need to use te same control keys of MAME:
- Click on monitor to focus flash player
- 5 or 6: Insert Coin
- 1 or 2: no. of player to start
- Arrow keys: move
- X, C: fire buttons 1, 2
http://www.digimorf.com/FlaME/pacman.htm
http://www.digimorf.com/FlaME/pacman3D.htm - This uses Away3d for the 3d interactive cabinet, you can rotate and play snce the emulator itself is mapped on the screen object.
http://www.digimorf.com/FlaME/ladybug.htm
http://www.digimorf.com/FlaME/pengo.htm
http://www.digimorf.com/FlaME/crushroller.htm
http://www.digimorf.com/FlaME/bombjack.htm
http://www.digimorf.com/FlaME/solomon.htm
Hope you enjoy them!

You can set the maximum number of connections by using:
ServerSocket server = new ServerSocket( port, backlog );
Where backlog is the number of connections at any one time. I'm not sure - but I'm guessing that the physical limit is dictated by your hardware. Once you queue is full of connections, you are right - any further connections are refused. The default number of connections is 50.
Mike

Flex 4 and Photoshop CS 5 Plugin

I am wondering if anyone else is having this problem. I have created a Flex 4 application and placed it into the Plugins\Pannel directory of Photoshop CS5. When I load the plugin and resize it, the plugin scales and does not resize as expected. Is there something I am missing? I have checked some plugins that I created with Flex 3 and they work well. Also I have used blank Flex 4 applications and they also have the same problem where they scale and dont resize.
Thanks
Rob

Hi,
I have been experiencing the same issue. I haven't figured out a clean solution to this yet, and as to why it doesn't resize flex 4 plugins properly but it does resize flex3 plugins..
Just this morning I figured out a workaround. here is a snippet.
<s:WindowedApplication
    width="100%" height="100%"
    resize="windowedapplication1_resizeHandler(event)"
and the resize handler:
    <fx:Script>
        <![CDATA[
            import mx.events.ResizeEvent;
            protected function windowedapplication1_resizeHandler(event:ResizeEvent):void
                parent.parent.scaleX = 1;
                parent.parent.scaleY = 1;
        ]]>
    </fx:Script>
I looked into what the parent.parent is, and it seems that its a FlexLoader. There should be some way to keep the flexLoader from scaling.
Let me know if you found out any other solution.

Spark Skinning and Flash Professional

Hello,
In transitioning to Flex Builder fom Flex 3, I am running into a wall with the whole spark component architecture. I used to create my visual content in Flash, convert those assets to symbols and then reference the skin classes using an external CSS file. This may not have been the most elegant way to do things, but it allowed me to leverage my proficiency in Flash (and tons of existing assets) to create a workflow that was as flexible as I needed it to be, while at the same time allowing me to make changes easily and rapidly.
I am a single designer/developer, so this 'separation' of everything between 'designers' and 'developers' is creating some serious drag on my workflow. I just don't understand how this new spark workflow model can possibly be viewed as 'efficient' when it adds so much overhead and boilerplate code to my projects. I used to go from vector graphics (using 9 slice scaling) directly into my Flex projects, and now I have to filter all of these vectors through catalyst, and then create these skin classes which require the tweaking of the catalyst output for me to use them (which, in effect, destroys the round-trip editing of the catalyst projects).
I must be missing something major because, it just doesn't make any sense to me. I know that I can always use the mx components to continue to work the way I am now, but to what end ? I get these warnings that all but tell me the mx buttons are going to be deprecated sooner or later so what should I do ? Just because it's possible to represent vectors with xml doesn't mean that it's a good idea. It seems as if Adobe took something that was optimized (at least for my workflow), and turned it upside down and made things so much more labor-intensive, with no real benefits. I'd use CSS until I couldn't achieve the appearance I wanted, and then for the rest I'd skin the components in Flash Professional.
If you are still reading this, thank you. I really only have a couple of simple questions: Are MX components going to be deprecated ?, which, I know only Adobe folk can answer, and the more important question (for me): Does a workflow exist between Flash Professional and Flash Builder for the skinning of spark components. I have read a couple of other posts which ask similar questions, and some have 'solutions', but again, these seem to be ways to work around the new component architecture, rather than how to maximize it's efficiency and effectiveness.
I feel like I should have just stayed with Flex Builder, and Flash Pro because the newest version of Flash Builder just seems more and more like a tweener version that I could have skipped altogether and waited for the platform to mature a little more.
Thanks for staying with me, I apologize for the rambling.

I can't really help you pick the best MVC framework, but I can recommend that if you are moving your Flex 3 projects to Flex 4, make as few changes as possible for moving components right now. Like you said, we are in the middle of a transition. The Adobe guys recommend not porting all of your mx Projects over to Spark. I have a large Flex 3 project that I'm almost finished moving to 4.1 and I have changed as little as possible. The only reason I converted it was to take advantage of some of the nice things they've done with data services and binding.
I don't think it is a waste of time to take Flex 3 projects and make them run in Flex 4.1 or higher, but I do think it is a waste of time to convert all of those components over to their Spark counterparts at this time.

Play and plause button and control bar are missing belw xfinity player

<blockquote>Locking duplicate thread.<br>
Please continue here: [/questions/840891]</blockquote>
when watching video, can not see play and pause button and control bar, it is missing below xfinity player.

Ok BE...I took you advice and used a prebuilt skin, but tweeked it to get it looking how I wanted. However, now when I switch between the different videos, the playhead stays at the spot that it previously was. For example, if the playhead is currently 50% through video #1 and I click video #2, the playhead is still sitting at 50%. How would I reset the playhead to the beginning of the new video?
import fl.video.*;
var flvPlayer:FLVPlayback = new FLVPlayback();
addChild(flvPlayer);
flvPlayer.skin = "MySkin.swf";
flvPlayer.skinAutoHide = true;
flvPlayer.skinFadeTime = 300;
flvPlayer.x=78;
flvPlayer.y=89;
flvPlayer.width=640;
flvPlayer.height=360;
flvPlayer.source = "flv/Video1.f4v";
vid1.addEventListener(MouseEvent.CLICK, fl_ClickToSetSource1);
function fl_ClickToSetSource1(event:MouseEvent):void
flvPlayer.source = "flv/Video1.f4v";
vid2.addEventListener(MouseEvent.CLICK, fl_ClickToSetSource2);
function fl_ClickToSetSource2(event:MouseEvent):void
flvPlayer.source = "flv/Video2.f4v";
I know I need to do something in the setSource function, but don't know how.
Thanks.
Mike

Swipe for Notification Center and Control Center not working after using Window Zoom

I'm using iOS 8.0.2 on an iPhone 6 and have noticed that after using the Window Zoom (Accessibility feature 3-finger double-tap), I cannot swipe down for Notification Center nor swipe up for Control Center when unlocked (i.e. in Home screen or within an app screen). However, when the iPhone is locked, the swipe down for Notification Center and swipe up for Control Center is okay. It just doesn't work when unlocked. And the only way to rectify the problem is to reboot the phone.
Has anyone else experienced this?

I have figured out the solution to all of our problems!!! We can keep the zoom function ON!!!! Yay!
Step one. Turn back on the beloved zoom function.
step two. Tap screen with 3 fingers.
step three. Select window zoom. (If already selected move on to step Quatro)
step qautro. Select Resize lens.
and for the moment you've all be waiting for... Drum roll..
the grand finale step. IS...
shrink the window to the smallest size.
AFter you have done these 5 steps, you can thoroughly enjoy having all three functions at once. If you switch back to Full Screen Zoom (if that be your preference) the notification and control centers will remain functional! Bon apetit!
i have been successful enlarging the window while keeping the centers functioning by making sure the window is in the shape of a square.
-ChrisCasti

Getting Captivate skin to control flv

I have a Captivate file that references an FLV. Is there a way to get the Captivate skin to control the flv...(i.e. pause flv, stop flv, play flv). We were trying to avoid having a Captivate skin and an FLV skin. It gets confusing for the user because they can press pause on the Captivate skin but the video contiues to play.

In the Captivate slide,
- Right-click on the imported flv
- Select Properties
- Select the Options tab
- Deselect "Pause slide till end of video" (it's selected by default)
- Select "Synchronize with project"
- Click OK
Obviously, if you're doing this, you should have selected Autoplay for the flv, and selected "None" for the skin.

[svn] 4656: Fix SDK-18823 and SDK-18885 - Skin tweaks to both default skins and wireframe skins .

Revision: 4656
Author: [email protected]
Date: 2009-01-23 18:07:45 -0800 (Fri, 23 Jan 2009)
Log Message:
Fix SDK-18823 and SDK-18885 - Skin tweaks to both default skins and wireframe skins. Its important to note that the wireframe skins for Spinner and NumericStepper are a bit behind the default skins look, but we'll be spending some time next iteration cleaning up the wireframe skins so thats ok for now.
QA: Yes - you might have to regen some bitmaps based on the tweks.
Doc: No
Checkintests: Pass
Ticket Links:
http://bugs.adobe.com/jira/browse/SDK-18823
http://bugs.adobe.com/jira/browse/SDK-18885
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/mx/skins/spark/FxNumericStepperSkin.mxml
flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxNumericStepperSkin.mxml
flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxSpinnerDecrButtonSkin.mxml
flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxSpinnerIncrButtonSkin.mxml
flex/sdk/trunk/frameworks/projects/wireframe/src/wireframe/FxSpinnerSkin.mxml

Option+control resize brush on fly CS5

When I option+control resize the brush on the fly my image turns black till I release the mouse, is there a setting to turn off so it won't do that. I want to see the image under the brush size.
I want it to function just like CS4 does.

Huh, you'd think there would be a preference setting for that. Looks like the only way is to disable OpenGL. But then you loose all the other OpenGL features.
btw, I really like the control+option on-the-fly brush size and hardness. But you have to have the brush color preview on for hardness changes to be visible. You can change it to some other color if that helps.

Couldnt slide down/up for notification centre and control centre.

Since i update to iOS8 for iphone 5.
Having problem to slide down/up notification centre and control centre.
too much choices of access in Assistive touch. Choice of notification/control centre is pointless, since ios7 we can slide it down/up.
why Apple dont have any twitter account for people to share. Seems like theres no PIC to incharge about customers problem.
Im quite regret upgrading to iOS8.

I have figured out the solution to all of our problems!!! We can keep the zoom function ON!!!! Yay!
Step one. Turn back on the beloved zoom function.
step two. Tap screen with 3 fingers.
step three. Select window zoom. (If already selected move on to step Quatro)
step qautro. Select Resize lens.
and for the moment you've all be waiting for... Drum roll..
the grand finale step. IS...
shrink the window to the smallest size.
AFter you have done these 5 steps, you can thoroughly enjoy having all three functions at once. If you switch back to Full Screen Zoom (if that be your preference) the notification and control centers will remain functional! Bon apetit!
i have been successful enlarging the window while keeping the centers functioning by making sure the window is in the shape of a square.
-ChrisCasti

Flex skin in Flash CS3

Hi!
I have installed the Flex Skin Design Extensions and
Flex Component Kit for Flash CS3. But i cannot find the flex skin item under File > New > Templates > Flex Skins in flash. How can i find the items? I have tried everything. Restarting my computer, try to install it in another computer and installed the plugin files again. But non of it work for me. Is really getting my nervs.. Please.. can some one help me???

Help??? any one???

I have 3dparty software wirelessly with a cryptographic authentication system without my consent (seems to be new technology developed by stanford) obtaining ownership of my iPhone 4s software and controlling it with remote device to jail break. Now what?

I have 3rd party software wirelessly injected and used on my iphone with a cryptographic authentication system without my consent (seems to be new technology developed by stanford and apple security is not updated for this technology) obtaining ownership of my iPhone 4s software and controlling it with remote device to jail breaking my phone, adding and removing software, changing settings all from a remotely controled device from different location (I have a Mac address I'd of this device to know for sure). Almost undetectable. When I look at the legal section of my phone it shows a list of all the unauthorized 3rd party software "as is" copyright encrypted on the phone. This is the most basic way to legally steal software of any kind. Because of this legalality 3rd party ownership have total control of certain software correlated with hardware use including visualization technology, etc. most people luckily will never have this happen to them so it's unlikely many readers have not a clue of what I'm saying currently. Either way, without needing to obtain specific warranty of any kind "as is" copyright control makes system restores not a solution because the source code is not directly encrypted on the actual hardware device only a copy right notice must appear on the specific device 3rd party software validation making it extremely difficult for me to take control of the situation. Apple claims their iOS technology prevents this type copyright obstruction from being possible, however, according to my phone a new form of technology was used developed by Tom wu of Stanford university called the STANFORD SRP AUTHENTICATION TECHNOLOGY which uses Some form of cryptographic authentication system and uses quote "secure remote password" which seems to suceed in hacking iOS apple technology apple claims is not possible to jailbreak an unstolen phone or without the owners consent As well as loading the device with 3rd party copyright Notices to make all of this legalized. My phone shows atleast 30 pages worth of legalized 3rd party copyright permissions! Yesterday my apple care provider labeled me a jailbreaker and refused to look at my legal documented proof which completely blew my mind because it voides my apple care contract I spent 100 on. This employee did not take all factors into consideration and made quick assumptions as well as verbally speaking to me as I'm an automatic criminal. I left the store yesterday with no payed insurance help on a problem I had no control over and couldn't prevent, leaving with voided contracts. This is an apple users worst nightmare and I have spent days researching all of this like i am some kind of lawyer only to be able to use my phone the way it should and spent alot of money on. I can legally backup any claim I have just wrote above currently and have a large source of data collected to prove apple is wrong in voiding insurance support on this issue. The problem lies in apple avoiding and not wanting to believe their software can legally be obtained ot "hacked". Yet still labeled a jailbreaker basically.. What should I do????? Been to local apple store 3 times and rebooted my phone as well sprint service restore 4 times and spoke with reps twiice on the phone. Spoke with my phone provider who said apple has full control over these matters so they can't help me. My case is according to apple "still open"...Anyone else heard of this or of Stanford's office of technology licensing? Maybe I need to buy a blackberry again or just use a landline so I can stop being my own lawyer and focus on other productive areas in life instead of this horrible mess. I shouldn't have to prove to apple I not a jailbreaker they should have to prove I'm one before voiding support I desperately need!!

Mullaly75 wrote:
I assume u guys don't understand what open source software is
Yes, I think most of us do understand what open source software is. It sounds as if you don't. Here's some information:
Open-source software (OSS) is computer software that is available in source code form: the source code and certain other rights normally reserved forcopyright holders are provided under an open-source license that permits users to study, change, improve and at times also to distribute the software.
Open source software is very often developed in a public, collaborative manner. Open-source software is the most prominent example of open-sourcedevelopment and often compared to (technically defined) user-generated content or (legally defined) open content movements.
from http://en.wikipedia.org/wiki/Open_source_software
Yes, Tom Wu of Stanford wrote a paper on something called Secure Remote Access Protocol. It's a form of Asymetric Key Exchange and has nothing to do with hacking anything. It's actually intended to protect data.

Flex 4 Skinning and Control Resizing

Similar Messages

Maybe you are looking for