Comments on: Showing the hand cursor on a Flex scrollbar

By: breakmachine

breakmachine — Mon, 15 Feb 2010 16:42:35 +0000

revised version:

package
{
import mx.containers.Canvas;
import mx.core.mx_internal;

public class CanvasScrollCursor extends Canvas
{
public function CanvasScrollCursor()
{
super();
}

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth, unscaledHeight);

if (this.verticalScrollBar) {
if (!verticalScrollBar.mx_internal::upArrow.buttonMode) {
use namespace mx_internal;
verticalScrollBar.mx_internal::upArrow.buttonMode = true;
verticalScrollBar.mx_internal::downArrow.buttonMode = true;
verticalScrollBar.mx_internal::scrollThumb.buttonMode = true;
}
}

if (this.horizontalScrollBar ) {
if (!horizontalScrollBar.mx_internal::upArrow.buttonMode) {
use namespace mx_internal;
horizontalScrollBar.mx_internal::upArrow.buttonMode = true;
horizontalScrollBar.mx_internal::downArrow.buttonMode = true;
horizontalScrollBar.mx_internal::scrollThumb.buttonMode = true;
}
}
}

}
}

By: breakmachine

breakmachine — Mon, 15 Feb 2010 16:32:19 +0000

I got it working like this (works on all components with vertical and horizontal scrollbars):

package
{
import mx.containers.Canvas;
import mx.core.mx_internal;

public class CanvasWithScrollCursor extends Canvas
{
public function CanvasWithScrollCursor ()
{
super();
}

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
super.updateDisplayList(unscaledWidth, unscaledHeight);

if (this.verticalScrollBar) {
if (!verticalScrollBar.mx_internal::upArrow.useHandCursor) {
use namespace mx_internal;
verticalScrollBar.mx_internal::upArrow.buttonMode = true;
verticalScrollBar.mx_internal::downArrow.useHandCursor = true;
verticalScrollBar.mx_internal::downArrow.buttonMode = true;
verticalScrollBar.mx_internal::scrollThumb.useHandCursor = true;
verticalScrollBar.mx_internal::scrollThumb.buttonMode = true;
}
}

if (this.horizontalScrollBar ) {
if (!horizontalScrollBar.mx_internal::upArrow.useHandCursor) {
use namespace mx_internal;
horizontalScrollBar.mx_internal::upArrow.useHandCursor = true;
horizontalScrollBar.mx_internal::upArrow.buttonMode = true;
horizontalScrollBar.mx_internal::downArrow.useHandCursor = true;
horizontalScrollBar.mx_internal::downArrow.buttonMode = true;
horizontalScrollBar.mx_internal::scrollThumb.useHandCursor = true;
horizontalScrollBar.mx_internal::scrollThumb.buttonMode = true;
}
}
}

}
}

By: simon

simon — Fri, 25 Sep 2009 12:52:00 +0000

I’m using Flex 3.4.

I would like to eventually implement this to tilelist scrollbar. I couldn’t find anything around the web and i’m still learning about classes.

Tnx for your help.

By: Dennis

Dennis — Fri, 25 Sep 2009 10:21:01 +0000

Hi Simon,
Which Flex SDK are you using?

By: simon

simon — Fri, 25 Sep 2009 03:47:56 +0000

Hi i’m trying to get this to work with no success. Flex gives error: Access of undefined property verticalScrollBar;

This is my class:

package {
import mx.controls.TextArea;
import mx.core.mx_internal;

public class CustomTextArea extends TextArea
{
public function CustomTextArea()
{
super();
}
use namespace mx_internal;
verticalScrollBar.mx_internal::upArrow.useHandCursor = true;
verticalScrollBar.mx_internal::upArrow.buttonMode = true;
verticalScrollBar.mx_internal::downArrow.useHandCursor = true;
verticalScrollBar.mx_internal::downArrow.buttonMode = true;
}
}

Is this correct?

Tnx,
simon