Since attending 360Flex in Atlanta, I wanted to learn a bit about skinning with Degrafa. For one of my own personal projects, I needed to create some nice scrollbars that would go with my black and purple color scheme. Now keep in mind that I am NOT a designer. Most of my coding experience before learning Flex/AIR centered around backend Java Servlets and other hidden technology. View-Source is enabled if you wanted to see how it’s done. I still don’t know how to get rid of the stupid white box between the two scrollbars. If someone would like to comment and let me know, that’d be great.
Categories
Archives
- November 2011
- June 2011
- May 2011
- March 2011
- February 2011
- December 2010
- November 2010
- July 2010
- June 2010
- May 2010
- March 2010
- February 2010
- January 2010
- November 2009
- August 2009
- July 2009
- May 2009
- March 2009
- February 2009
- January 2009
- December 2008
- October 2008
- August 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008

March 10th, 2008 at 3:28 am
Sweet! Though the view source doesn’t seem to work. For some reason it’s opening the post in a new window, at least when using IE. Looking good though.
- jason
March 11th, 2008 at 4:30 am
Hi there,
just discovered your blog in the comments to doug mccunes speach at 360. ^^
Nice work with degrafa!
Regards, tom
March 21st, 2008 at 5:38 am
Hi there,
1st of all, the view source doesn’t work for me, I got returned to the same page
.
If you still care about the whiteBox, you can either set its alpha to 0, or remove it from the rawChildren list.
addEventListener(Event.ADDED, whiteBoxCheck);
private function whiteBoxCheck(event:Event):void {
if (event.target.name == “whiteBox”) {
FlexShape(event.target).alpha = 0;
}
}
Or, you can:
private function removeWhiteBox(): void {
var wb: DisplayObject = rawChildren.getChildByName(“whiteBox”);
if (wb) {
wb.alpha = 0;
}
}
override public function validateDisplayList(): void {
super.validateDisplayList();
removeWhiteBox();
}
You may be interested in the following:
This discussion on flexcoders list about the white box and Tommy Baggett tutorial about creating a custom scrollbars
April 4th, 2008 at 8:38 pm
[...] new examples every week that are using Degrafa in a variety of ways. From data visualization, to skinning, games and more. It really shows just how flexible Degrafa can [...]
April 17th, 2008 at 5:58 am
Just want to note that the viewsource url seems to be broken.
April 18th, 2008 at 4:55 pm
Here’s a hack to the whiteBox in the corner problem.. http://custardbelly.com/blog/?p=70
May 22nd, 2008 at 3:27 pm
Looks like the wordpress search-engine-friendly urls aren’t friendly to my view-source link. Here’s the source: http://www.flexjunk.com/examples/ScrollbarSkinning/srcview/