All I see is
import km.components.~~;
var acc:Accordion = new Accordion();
Example would be nice.
Printable View
All I see is
import km.components.~~;
var acc:Accordion = new Accordion();
Example would be nice.
PHP Code:var acc:Accordion = new Accordion();
acc.panelPlacement = 'left';
acc.operationMode = 1;
acc.sizeToContent = true;
acc.setSize(400,320);
acc.move(40,40);
var s1:Shape = new Shape();
var s2:Shape = new Shape();
var s3:Shape = new Shape();
var s4:Shape = new Shape();
s1.graphics.beginFill(0xff0000);
s1.graphics.drawCircle(50,50,30);
s2.graphics.beginFill(0x00ff00);
s2.graphics.drawCircle(50,50,60);
s3.graphics.beginFill(0x0000ff);
s3.graphics.drawCircle(20,20,20);
s4.graphics.beginFill(0xffff00);
s4.graphics.drawCircle(80,80,20);
var p1:AccordionPanel = new AccordionPanel();
p1.header.label.valign = 'bottom';
acc.addPanel(p1,'caption 1', s1);
var p2:AccordionPanel = acc.addPanel(p1.clone(),'caption 2', s2);
var p3:AccordionPanel = acc.addPanel(p1.clone(),'caption 3', s3);
var p4:AccordionPanel = acc.addPanel(p1.clone(),'caption 4', s4);
p1.duotone = [0x600000,0xffe0e0];
p2.duotone = [0x006000,0xe0ffe0];
p3.duotone = [0x000060,0xe0e0ff];
p4.duotone = [0x606000,0xffffe0];
addChild(acc);
weird that I cannot get this to work....
Cannot create property sizeToContent on km.components.Accordion.
at doc_fun::MainTimeline/frame1()
@Stoke, nice picture :D
@Bret & Chris, the Accordion from the beta wasn't finished yet.
I updated the example I posted before so you can see the supported options
http://www.waterlijn.info/km/as3/Accordion2.html
That example is really majic Wilbert, truley first class work.
Thanks Laurence.
Here's a little modified example with a bit different look
http://www.waterlijn.info/km/as3/Accordion2a.html
Thats great, could you please help me with a bit of example code that would allow me to do what you did in the 1st panel, include a content-pane. Thanks.
The bar differences and the embedded icon make the "2a" a version I would like to peek at :)
@Laurence & Chris,
What I did was not that complicated.
For the contentpane, I placed one on stage using the gui and also set content using the gui. When I added the panel it should be in to the accordion, I passed the contentpane for contentSince AS3 supports reparenting, it is automatically removed from where it was before it is added to the panel. You have to move the contentpane to (0,0) if you want it to be in the top left of the panel. You can use the setSize function of the contentpane to make it fit the panel.Code:myAccordion.addPanel(panel1,'', contentpane1);
The panel headers and backgrounds where skinned using the setSkin function and the icon was assigned like thisWhere home_icon_png is the class name I assigned to the icon when I added it to the symbol library.Code:panel1.header.label.icon = new home_icon_png(0,0);
The shading behind the header texts was done by adding a filter to each header label.Code:panel1.header.label.filters = [new DropShadowFilter(2,45,0,.5,2,2,2)];
Thanks for the breakdown Wilbert. You've done a wonderful job!
Yep, that works a treat, I substituted the contentpane for a mediaplayer, and it simply slotted in. Excellent:)
I want to show an Accordian populated with live data and reacting to the content it's populated with. The commenting panel and media panels are still being worked out and commenting will eventually work just like it does in the main blog.
http://krazyaboutpizza.co.uk/index.php?page=248
This one uses duotone but also highlights the open panel in a distinct color.
Nice work Chris.
The RTE integrates very well with the Accordion.
Since you added some glow to the header labels that makes them appear a bit bigger, you might consider setting a bigger headerSize for the panels.
I was also wondering if you did use the new setDataXML function to populate the List or are doing things manually.
Will do on the header size.
I'm using the same backends that the blog uses which create inline XML suited for Flex/E4X so to save time (and a rewrite) I'm busting the XML in KM manually (to share the same backend) and using setItemArray.
Ohhh damn cool Chris, I see some very exciting things on the horizon.
By the way, you can meet the misses here (sorry Necro, I just played with the jpg)
A few drag containers
http://www.waterlijn.info/km/as3/DragContainers.html
2nd Accordian added with dynamic backgrounds.
http://krazyaboutpizza.co.uk/index.php?page=248
:cap: Great work Chris.
I created in KoolMoves 7.0 a reflection of the real-time FLV with AS3. Can yours see it here
Outstanding! That looks great :thumbsup:
NumericStepper
Thanks for the suggestion Chris. :)
Three hours after mentioning the numericstepper, Wilbert once again demonstrates that nothing is beyond his ability. Just incredible!
http://krazyaboutpizza.co.uk/index.php?page=250
That's not entirely true Chris.
I pointed out to you it took me about that much time to create since it's not a very complicated type of component (it also was convenient I could reuse the button icons from other components) but I didn't create it immediately after you mentioned it.
Anyway, I hope it worked as expected.
You are way too humble :)
Yes, it exceeds my expectations. Thank you Wilbert!
TweenMax 10.06 working flawlessly now in the beta. Thanks Bob :)
The 10.06 update is a major improvement. Interested Beta testers should see Greensock for details on the new abilities.
Tweenmax working is great.
That is a relief.
I download Tweenmax, but I understand that folder into KoolMoves Beta include it.
I'm not sure your question is clear byweb. Can you rephrase it?
I've been playing a bit with the BitmapData.paletteMap function. I hadn't paid a lot of attention to it before but it's very useful for some things.
Here's a simple posterize effect that also uses the NumericStepper component
http://www.waterlijn.info/km/as3/Posterize.html
You can put it where ever you want. Use File > Action Script Classes > Root Paths for Classes to tell KoolMoves where to look for the gs folder.Quote:
Originally Posted by byweb
You can also put it in Bin / AS3 / Classes.
I reccomend the second approach, What I've been doing is making sub folders for each group of classes. Easier to keep track if they are all in one place.Quote:
Originally Posted by Bob Hartzell
Thanks, for your response. I put it in the first time in Bin / AS3 / Classes, but I don´t happen if it was correct. Thanks everybody.
It is a great idea Chris, I was thinking the same but in Spanish, to support KoolMoves in the Spanish speaking community, I am working on it. Chris I visit often. Thanks
Thanks byweb. I just started it today. The way I see it....KM is all I've talked about for the last few months and pretty much the only program I use (basically I'm only using Flex at the moment to play with Papervision and test differences between AS3 classes in Flex/KM) so I might as well dive in head first and focus on what is exciting to me. Besides...the world won't miss another Flex resource :)
Stoke is gracious enough to host all my nutty ideas so he deserves MY thanks. Thanks you old bloke :)
I never understood very well Flex I do not know which is useful in creating web is not very dynamic in design, everything you do is the same, no room for the imagination, however KoolMoves if you can do what you want in design issues and create beautiful web in flash. That´s the diference.
:shhh: They think I'm about 18!Quote:
Originally Posted by Chris_Seahorn
...this $50 dollar program proves to me each build that I haven't seen anything yet :)
http://krazyaboutpizza.co.uk/?p=90