Add Effect to a Component

Hi guys,
I am using the login example from the livedoc and I would
like to know how I can add an effect to a component. The component
is called automatically when the application is first run. And, I
would like to add a Zoom effect to the component, Can some please
help me on that or show me where I can find a really good example.
sample site:
http://design.changeip.net/index
Thank you.
Cliff

Maybe use the creationComplete event, and perhaps also the
show event if the user might access the login component again after
app launch.

Similar Messages

Skins that effect the host component behaviour.

There was an interesting question that was raised in the pre-release forums about what is the appropriate way to handle animations between the skin and its host. Basically the issue was if there is an animation in the host and another in the skin what would be the best way to code it so that both animations ran in parallel, My thoughts are why not do it all in the skin. this example animates a container by resizing it and centering it in the application.
I figured it would be an interesting topic for those that are trying adding extra component functionality into the skin.
@PD - Maybe you could apply a little of your magic to something like this and add it your blog.
David
The App
=============================================================
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/halo"
creationComplete="application1_creationCompleteHandler(event)" width="100%" height="100%">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.FlexEvent;
protected function application1_creationCompleteHandler(event:FlexEvent):void
menu1.verticalCenter=height/2*-1 + 35;
menu1.horizontalCenter=width/2*-1 + 110;
]]>
</fx:Script>
<s:SkinnableContainer id="menu1" left="10" top="10" width="200" height="50"
skinClass="SkinnableContainerSkin2" backgroundColor="#A16969">
</s:SkinnableContainer>
</s:Application>
=============================================================
The Skin
=============================================================
<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5" creationComplete="skin1_creationCompleteHandler(event)">
<fx:Declarations>
<s:Parallel id="sizer">
<s:Animate target="{hostComponent}" duration="2000" repeatCount="1">
<s:SimpleMotionPath id="setheight" property="height" valueTo="500"/>
</s:Animate>
<s:Animate target="{hostComponent}" duration="2000" repeatCount="1">
<s:SimpleMotionPath id="setvertical" property="verticalCenter" valueTo="0"/>
</s:Animate>
<s:Animate target="{hostComponent}" duration="2000" repeatCount="1">
<s:SimpleMotionPath id="sethorizontal" property="horizontalCenter" valueTo="0"/>
</s:Animate>
</s:Parallel>
</fx:Declarations>
<fx:Metadata>
    <![CDATA[
        [HostComponent("spark.components.SkinnableContainer")]
    ]]>
    </fx:Metadata>
    <fx:Script fb:purpose="styling">
        <![CDATA[
import mx.events.FlexEvent;
import mx.core.FlexGlobals;
private var Vert:int;
private var Horz:int;
            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
                bgFill.color = getStyle("backgroundColor");
                bgFill.alpha = getStyle("backgroundAlpha");
                super.updateDisplayList(unscaledWidth, unscaledHeight);
protected function resizeMe(e:MouseEvent): void
Vert = int(FlexGlobals.topLevelApplication.contentGroup.height/2*-1)+35;
Horz = int(FlexGlobals.topLevelApplication.contentGroup.width/2*-1)+110;
if (hostComponent.height < 51)
setheight.valueTo=500;
setvertical.valueTo=0;
sethorizontal.valueTo=0;
else
setheight.valueTo=50;
setvertical.valueTo=Vert;
sethorizontal.valueTo=Horz;
sizer.play();
protected function skin1_creationCompleteHandler(event:FlexEvent):void
Vert = int(FlexGlobals.topLevelApplication.contentGroup.height/2*-1);
Horz = int(FlexGlobals.topLevelApplication.contentGroup.width/2*-1);
        ]]>
    </fx:Script>
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>
    <s:Rect left="0" right="0" top="0" bottom="0">
        <s:fill>
            <s:SolidColor id="bgFill" color="0x00DDDD"/>
        </s:fill>
    </s:Rect>
    <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0" click="resizeMe(event)">
        <s:layout>
            <s:BasicLayout/>
        </s:layout>
    </s:Group>
</s:Skin>

This is a good question.
There's no hard and fast rule to apply which says "this belongs in the skin" vs. "this belongs in the component". Similarly, there are also no hard and fast rules around when to use a the new skinning architecture vs. just creating a custom component. Just do whatever you feel comfortable with and makes your job easier. At the end of the day, it's about productivity and not living up to ideals. That said, there are probably some easier and more logical ways to do some things.
On the skinning architecture vs. custom component debate, with a SkinnableComponent we have a clear separation of the component properties and behavior on one side and the look and feel of the component on the Skin side. Also, there's a clear contract we use to talk back and forth to one another. The reason for the separation between the Skin and the SkinnableComponent is so that we can have one Button SkinnableComponent and multiple Skins for that Button which all tweak the visual appearance of it.
It doesn't make sense for every component to be skinnable. If you know what your component is going to be and look like and don't need the extra flexibility skinning provides, then you can get rid of the extra overhead that skinning requires (like having 2 classes). An example custom component is:
<s:Group>
<s:Rect>
</s:Rect>
<mx:Image src="..." />
<s:Panel skinClass="myCustomSkinClass">
</s:Panel>
</s:Group>
If you want more flexibility and want the ability to easily change the look and feel of the component (i.e. skin it), then you'd extend SkinnableComponent, fill out the skinning lifecycle methods, and create a default Skin for its appearance.
Now, when you're building a SkinnableComponent, there's always a question of what to put in the component vs. what to put in the skin. In general, we try to put the core properties and behaviors in the component and anything visual in the skin. However, another guideline to consider is whether all skins would want this behavior. If so, then it makes sense (and makes your life easier) to put it in the SkinnableComponent rather than the Skin. We do this in the framework for components like VSlider, where the logic for positioning the y-axis of the thumb is in the component and not the skin, even though it's a "visual" thing. We also have discussed how we would build up a ColorPicker component, and I think the way we would go about it is by putting a lot of the "visual" logic in the component because otherwise we'd have to duplicate it across all skins.
Now, the other question you guys are asking here are "when do I bake effects (or any behavior) in to the component (either in the skin or in the SkinnableComponent AS class) vs. when do I declare effects alongside the component". Again, I think the answer to that is whether you want all your components to have this behavior. If that was the case, then I'd lose no sleep baking it in to the component. However, if it's not the case, then I'd make the end-developer delcare it when they use your component, like:
<s:MyCustomComponent id="myComponent" />
<s:Resize id="resizer" widthTo="100" heightTo="50" target="{myComponent}"/>
I would think most of the time, you probably wouldn't want to bake an effect like that in to the component, especially because it has some sizing information on it. However, we have some effects baked in to some of the framework components, like when the thumb of a Slider moves around due to someone clicking on the track. I think it's fine that it's baked in to the component, but I do think it should probably be stylable so that a user can customize it (that's on our list of lower-priority things to do btw).
The framework has definitely evolved. I think we started out with a more purist attitude and wanted a clear separation between the skin and the component. However, as we built out components, we realized it's not always practical to do that. Similarly, we wanted our skins to be pure MXML; however, for usability reasons, we decided that our skins should be styleable, and that requires a little bit of ActionScript code. Border is a great example where it doesn't really follow a lot of these guidelines, but it's just a styleable component; however, this component makes other people's jobs easier. At the end of the day, it's about productivity and usability, and hopefully the Spark architecture is a step in the right direction.
Anyways, I hope that helps some. These are just some guidelines. As people play around with the architecture more, I'm sure some other people will have some good advice to share as well.
-Ryan

I have garage band ver 10.0.2 and am trying to add effects to an audio track but i have no info button or track info under the track tab. How do i get these things to show up on my program?

I have garage band ver 10.0.2 and am trying to add effects to an audio track but i have no info button or track info under the track tab. How do i get these things to show up on my program?

In GarageBand 10.0.2 you can no longer add all kinds of effects freely; this GarageBand '11 feature has been discontinued. Pick one of the predefined patches that already has the effects you want.
However, you can add effects from the predefined audio units.
You'll see the predefined effects on the track, when you open the Smart Controls. To add audio units, click the button and enlarge the the smart controls pane by dragging the dividing line to the Track Area upwards.

Add effects to video does not work

I have a motorola ROKR E6 I am able to use it as a webcam in ichat on my mac mini. But when I try to add effects to it iChat says connection problem. I tried this on photo booth as soon as I launch Photo Booth while ROKR is connected Photo Booth crashes. But if the ROKR in not connected it does not crash. Is this problem with my iChat or is the problem with ROKR E6?
Message was edited by: ameyasb

IS the Logitech camera in either of these two tables
http://www.ecamm.com/mac/iusbcam/configs.html
If so on the right does it say it needs a Mac Driver (macam or ioxperts or possibly branded from Logitech)
Or does it says it will work with the Mac OS after 10.4.9 ?
IF it needs a driver have you installed it ?
This will allow at least iMovie to see the camera.
This is because iMovie can see many formats of Video signal.
iChat can only see DV imput (or converted imput from certain USB cameras)
When the camera is a USB one it will fall into two categories.
1) the Newer UVC (USB Video Class ) Compliant cameras that the Mac OS 10.4.9 and above can use in all apps
2) those that are not USB Video Class compliant that need a driver.
The for iChat to see the second group you also need the iUSBCam utility as well as the Mac Driver.
Are you talking about the Logitech or the Mobil phone camera ?
4:47 PM Saturday; May 31, 2008

Cant add effects to text in Premiere CS6

Hey Guys,
I'm trying to add noise to some text in Premiere Pro 6 but no luck, I used CS5 before this and all was fine, I could just drag effects onto the text and all was fine.
Am I doing something wrong? Is it add effects to still, or default roll? Do things work differently in CS6?
Thanks for the help!

Am I doing something wrong?
Well...exactly what are you doing?

Do you have to add effects to Logic Pro X loops when mixing a song?

Hi everyone,
I have a question that has been puzzling me and I cannot seem to find an answer for! I have searched high and low on the internet and still cannot find the answer and so I would be grateful to everyones help with this issue.
My question is that you hear so much about the fact that when you are recording and mixing a track that different instruments for example the Bass Drum and the Bass guitar occupy similar frequencies and we are told that this is why you have to add effects to these instruments when mixing but what I want to know is are they talking about just organic instruments like real drums and a real bass guitar that you manually play and record to Logic Pro X`s audio tracks? Or should you treat the Loops exactly the same? And should you also add effects to the Logic Pro X loops when you are mixing those specific tracks?
For example if I add a Drum Loop or Bass Loop to a project and then start mixing the song should I add any effects for example EQ, Compression to these Loops? And what would be the best effects to add to the Bass and the Drums when mixing to help them stand out in the mix?
Many thanks.

Jamiesroom wrote:
... when you are recording and mixing a track that different instruments for example the Bass Drum and the Bass guitar occupy similar frequencies and we are told that this is why you have to add effects to these instruments when mixing ...
Whoever told you that overly generalized rule, please stop listening to that person .
The way you post your question (and they are good questions) points out a big problem nowadays. There is so much cookie cutter solutions out there like if you have this, then use that, if you want to get this sound, press that button. The problem with that is that you you often have no idea why you are doing that in the first place.
Let me give you a simple example about gardening (sorry about that). If I grow tomatoes and look up on the internet how often to water them, I can find an answer "water the tomatoes once a week". I might do that and result is that the tomatoes will die. What I didn't take into account is that the advice was given from someone growing tomatoes in Russia, and I live in California where I might need to water them once a day. So, the answer you are looking for is not "how often to water the tomato", instead you have to learn how much water, depending on your climate, the tomato needs"
Your music is the tomato. So the question is not what button to press (how often to water), but what button needs to be pressed, depending on your specific recordings (your climate).
If your bass drum and and bass guitar are more further apart frequency wise, then there might be no need to EQ them, it depends
Nobody should or could tell you what to do, unless he or she sits next to you at the mix and "hears' what is going on and what needs to be done.
Don't get me wrong, I don't say that there is a lot of great advice and general guidelines out there. The problem is when you apply that blindly without knowing a little bit why that advice is give and how to apply that, or if it applies to your situation at all.
In addition: The skills and knowledge about the theory is as important as the skills and experience of listening and judging your recording/mix and decide what action to take.You have to learn what to listen to and what you hear. If you don't know how distortion sounds then you miss out on fixing that issue. If you don't know how a pumping compressor sounds, then you miss out on fixing that issue.
I think you get the idea
Hope that helps
Edgar Rothermich
http://DingDingMusic.com/Manuals/
'I may receive some form of compensation, financial or otherwise, from my recommendation or link.'

How to add adf faces in component pallete of jdeveloper 11g?

how to add adf faces in component pallete of jdeveloper 11g?

Hi,
the replacement of ADF Faces HTML components in JDeveloper 11 is Trinidad. For existing applications, a migration path will be provided in JDeveloper 11 production. I wouldn't recommend configuring ADF Faces in JDeveloper 11.
You an configure ADF Faces Components in JDeveloper 11 by :
- Tools --> Manage Libraries
- Create a User Library
- select ADF Faces adf-faces-impl.jar
- Enure the namespace is not af or afh but something different to not cnflic with teh ADF Faces RC components
Note that adding the ADF Faces components to the component palette will not make them show in the ADF binding context menu nor will it automaticaly set up the web.xml file. The components are available as any other JSF library set
Again, I wouldn't go this way ;-)
Frank

Add View of one component in another component

HI All,
I need to show view "TextView" of component SRQM_NOTES in component BT116IT_SRVO.
That is: i would like to show text for each Item of a particular order.
How can I do that?
Add View to a certain ViewSet / Change a configuration / add view to the Window... or what not???
Please help here.. I need it.. THANKS, Johannes

Hi there,
Your requirement is simple though lenghty to implement. Following is the solution :
You have not mentioned in which view you would like to get the text.Let it be.
1. Add SRQM_NOTES as a component usage in BT116IT_SRVO. For this, first enhance BT116_SRVO. Then in its runtie repository, right click on component usage-> ADD . Lets name it UCSRQM_NOTES, then give compoent SRQM_NOTES and interface view ( use f4 ) SRQM_NOTES/MainWindow . Save the repository.
2. right click on ViewSet BT116IT_SRVO/ItemTableVS ( i assumed this. you do F2 on web ui to find out exact view and then proceed with this set in the viewset contating that view.
Say Add Vieware. Lets name it ItemNotes. after view area is created, right click & say add view.Use F4 and select UCSRQM_NOTES.SRQM_NOTES/MainWindow . Save the repository.
Repository work is over.
3. Now go to BT116IT_SRVO/ItemTableVS . click on config tab. do the configuration and add the newly created viewarea in the configuration. save the configuration.
This completes adding the view from SRQM_NOTES to BT116IT_SRVO.
4. Now, you will also need to see the text for the item selected. for this we will need to do the context node binding.
For this, go to the component controller class of BT116IT_SRVO & redefine the method WD_USAGE_INITIALIZE.
First give the call to super and later code following
CASE iv_usage->usage_name.
    WHEN 'UCSRQM_NOTES'.
* bind single item component usages
      iv_usage->bind_context_node( iv_controller_type = cl_bsp_wd_controller=>co_type_component
                                   iv_target_node_name = 'BTADMINI'
                                   iv_node_2_bind      = 'BTADMINI' ).
ENDCASE.
Now you are ready to test on UI !!
Hiope this helps.
Thanks & Regards,
Suchita

Add custom JPanel to component palette

Hi all,
i created a new JPanel,that extends JPanel class, called MyPanel. Is there a way for me to add this to the component palette?
I tried adding it to code snippets but that didn't work for me.
Christoph

Christoph,
1. right mouse click onto the component panel
2. Choose "Palette Properties"
3. Click "Add" to create a new page
4. Give it a name of your choice e.g. "My ToolBox"
5. Type should be Java
6. Click add on the Components area for "My ToolBox" to search for the component to display
Frank

Add effects (rounded corners) to an embedded HTML video frame?

Is possible to add effects (rounded corners) to an embedded HTML video frame?

Yes, you can.. however it isn't that simple. Take a look at this thread:
http://stackoverflow.com/questions/7811719/adding-border-radius-for-embedded-youtube-video
-Julia

Create new / add Custom Node in Component Pallete - Workflow Editor

is there anyway to Create new / add Custom Node in Component Pallete - Workflow Editor in SQL Developer - Oracle Data Miner?
Now i'm in progress create data cleansing engine in database package, and I have an idea to create new node in workflow editor, the node will call my procedure data cleansing.
Anybody help?

Hi,
Not currently.
We are working on a SQL Query node that would process data on connected input nodes and allow the user to create any sql query specification they would like.
So as long as your implementation is compatible with being included as part of a sql query, then you may be able to take advantage of this new node.
Since you describe your implementation as a data cleansing implementation, I could see it taking in what ever input is provided in the flow, and then returning a cleansed result set.
Thanks, Mark

How to add effects with snow?

How to add effects with snow like Apple does when the introduce a new product?

Flex Builder Help. Basically pressing F1 in Flex Builder or
Help -> Help Contents menu option.

Is it possible to add action to JLable component?

Is it possible to add action to JLable component?

I assume you are talking about an ActionListener? In which case the answer is no. But, you can add a MouseListener, MouseMotionListener, KeyListener and a few other ones as well. There's nothing an ActionListener can do that a well used MouseListener can't.
HTH,
BenW

My after effects keeps crashing when i add effects i think it is due to disk cach?? help!

My after effects cs6 keeps crashing when i add effects but it is random.. for example i might add 3 adj layers with effects on each .. different effects then randomly when i add say turbulent displace a window will pop up saying after effects has crashed due to... [ turbulent displace ]! also when i start up after effects it says there is not enough disk cach even though my disk cach is empty and i allow over 300 gb for it!
please help! mabey i need to configure after effects more or something but any advise with be greatly appreciated.
COMP SPECS:
processor: AMD FX(tm)- 6120 six core processor 3.50 GHz
Insatlled memory (RAM) 10 Gb
system type: 64 bit
hp envy!
windows 8
i dont use any major programs while running after effects cs6 and i give it maximum piority for usage!
only programs used while after effects is running:
skype
youtube (mabey)
pandora (mabey)
thankyou,
Nathan

Exact crash info:
Working with your Operating System’s Tools
Mylenium

Why are Aperture Add Effect options grayed out?

Hello. I just bought a new iMac and moved all my data in from a Time Capsule. I frequently select "all images" and use the Quick Fixes option within Add Effect under the photos tab on the top left corner of the screen to run a batch process. But now when I try it all of the options are grayed out. I can highlight a couple of images and the option is available where normally running a batch is a non-issue. Thanks in advance for any ideas and help.

But now when I try it all of the options are grayed out.
Are all Adjustments greyed out, or only the effects in the in the "Effects > Quick Fixes" menu? And does it only happen, when you are trying to adjust more than one image?
Check these possible reasons for disabled adjustments:
Are you in Quick Preview mode? Then no adjustments will be available at all.
If the Quick Preview button is highlighted, disable it.
Do you have "Primary only" enabled? (the framed "1" button to the left of the Quick Preview button). Then deselect it.
Hello. I just bought a new iMac and moved all my data in from a Time Capsule.
How did you restore from your Time Capsule?
Are your images showing any "arrow" badges?

Add Effect to a Component

Similar Messages

Maybe you are looking for