Wie ändert man die Breite einer ScrollBar innerhalb einer ScrollPane

[derRaab]

Hallo Leute,

die Basics wieder.

Ich möchte gerne die ScrollBar einer ScrollPane verbreitern aber alle Ansätze scheitern bei mir:

import fl.controls.ScrollBar;
import fl.containers.ScrollPane;
 
var sprite : Sprite = new Sprite();
var g : Graphics = sprite.graphics;
    g.beginFill( 0xff0000 );
    g.drawEllipse( 0, 0, 1000, 1000 );
    g.endFill();
    
var scrollPane : ScrollPane = new ScrollPane();
    scrollPane.x = 100;
    scrollPane.source = sprite;
    scrollPane.setSize( 300, 300 );
addChild( scrollPane );
 
var scrollBar : ScrollBar = new ScrollBar();
addChild( scrollBar );
 
// Geht nicht
scrollBar.width = 100;
scrollBar.setSize( 100, scrollBar.height );
 
// Geht nicht
scrollPane.verticalScrollBar.width = 100;
scrollPane.verticalScrollBar.setSize( 100, scrollPane.verticalScrollBar.height );
scrollPane.update(); 

Ich nehme an man muss das mit

ScrollBar.setStyle();

machen aber ich finde ums Verrecken keine Auflistung aller möglichen Stile.

Kann mir da mal kurz jemand den Link zur Dokumentation posten? Ich stell mich an...

Danke!

[rudi66]

Das war nie eingeplant die Breite zu ändern.
Du bist seit 9 Jahren auch der erste Erdenbürger, der so einen Unsinn vorhat.

Musst Du wohl manuell anpassen im Code, etwa da...

C:\Programme\Adobe\Adobe Flash CS4\Common\First Run\Classes\mx\controls\UIScrollBar.as

[derRaab]

Kann doch nicht sein, oder? Ich will die für ein Touch-Display verwenden und eben größer machen.

Interessant: Die Breite wird wohl korrekt gesetzt:

import fl.controls.ScrollBar;
import fl.containers.ScrollPane;
 
var sprite : Sprite = new Sprite();
var g : Graphics = sprite.graphics;
    g.beginFill( 0xff0000 );
    g.drawEllipse( 0, 0, 1000, 1000 );
    g.endFill();
    
var scrollPane : ScrollPane = new ScrollPane();
    scrollPane.x = 100;
    scrollPane.source = sprite;
    scrollPane.setSize( 300, 300 );
addChild( scrollPane );
 
var scrollBar : ScrollBar = new ScrollBar();
addChild( scrollBar );
 
// Geht nicht
scrollBar.width = 100;
scrollBar.setSize( 100, scrollBar.height );
 
// Geht nicht
scrollPane.verticalScrollBar.width = 100;
scrollPane.verticalScrollBar.setSize( 100, scrollPane.verticalScrollBar.height );
scrollPane.update();
 
trace( scrollBar.width ); //100
trace( scrollPane.verticalScrollBar.width ); //100 
 

Bevor ich mich da durch wühle möchte ich gerne nochmal nach einer Liste aller verfügbaren Styles fragen. Die muss doch irgendwo dokumentiert sein?

[rudi66]

Kann schon sein.
Autos fahren auch nur auf 4 Rädern -
niemand will da ein fünftes dran haben...

[Das_Nerzkanu]

Hi,

Du könntest auch ein Sprite über die Scrollbar legen und anhand dessen Position die horitzontalScrollPosition des ScrollPane bestimmen. Das Sprite würde eine bestimmte Breite eben nie unterschreiten.

Grüße

[derRaab]

Leider verstehe ich nicht ganz was Du möchtest.

Gefragt ist ein einfacher Weg wie ich der ScrollBar eine neue Breite zuweisen kann.

[rudi66]

fl.controls.UIScrollBar (ActionScript 3.0)

Wenn da nichts ist, bleibt nur:

a) Eigenen Scroller bauen
b) Scroller Komponente anpassen nach Bedarf in UIScrollBar.as
c) irgendeinen faulen Kompromiss basteln mit drüberliegendem MC

[derRaab]

Ich habe jetzt versucht das irgendwie zu hacken um einfach mit der Komponente arbeiten zu können, aber in der Klasse steht:

public class ScrollBar extends UIComponent {
        /**
         * @private (internal)
         *
         * @langversion 3.0
         * @playerversion Flash 9.0.28.0
         */
        public static const WIDTH:Number = 15; 

Und auch die ScrollPane arbeitet mit der Konstanten.

Warum um alles in der Welt ist das eine Konstante???

Ich sehe keinen Weg das zu ändern. Selbst wenn man neue Skins zuweist werden die trotzdem auf 15 Pixel gesetzt und auch wenn ich das abfange wird innerhalb der ScrollPane-Komponente anhand ScrollBar.WIDTH die ScrollBar positioniert.

WTF???

[rudi66]

Schau mal auf das Bild, so einen breiten Scroller will die Menschheit nicht.

Gott Sei dank haben die das Einstylen verboten....!

[Omega Psi]

@rudi... was ist denn mit dir los?

[rudi66]

Ja, habe schlecht geschlafen die Nacht.

Er ignoriert aber auch meine Hilfe,
wenn die Breite der Scrollbar keinen Style hat
(was ja zu verstehen ist), muss er halt an die Komponenten-Klassen ran...

[cancerinform]

Wenn mc die Komponente ist kann man den Scrollbar so aendern.

mc.verticalScrollBar.width = 20;
mc.horizontalScrollBar.width = 20;
for (var i:int=0; i<=3; i++)
{
mc.verticalScrollBar.getChildAt(i).width = 20;
mc.horizontalScrollBar.getChildAt(i).width = 20;
}

Jedoch habe ich es bisher nicht hinbekommen, die Scrollschiene (richtig in Deutsch?) zu veraendern.

[derRaab]

@rudi66: Na ich würde die schon so gestalten, dass das dann gut aussieht. Keine Sorge.

@cancerinform: Danke für den Ansatz, leider lässt sich der ScrollTrack-Clip so einfach von "außen" auch nicht so leicht umgestalten.

Und ich habe mir die Komponentenklassen natürlich näher angesehen, aber alles läuft darauf hinaus, dass man die Konstante leider kaum umgehen kann. Noch dazu im Zusammenspiel mit der ScrollPane-Komponente. Und da ich nicht noch mehr Zeit damit verschwenden will werde ich einfach eine eigene ScrollBar verwenden.

Ich habe schlicht und einfach nicht glauben können, dass man das so programmiert hat, dass es nicht zu ändern ist. Da frage ich mich immer noch, was die sich dabei gedacht haben.

Naja...

[Das_Nerzkanu]

Ich habe schlicht und einfach nicht glauben können, dass man das so programmiert hat, dass es nicht zu ändern ist. Da frage ich mich immer noch, was die sich dabei gedacht haben.

Ich denke das liegt daran, weil die Breite der ScrollBar von der Relation Breite-ViewPort-ScrollPane / ScrollPane.source abhängig ist.

Wenn Du z.B. eine ScrollPane mit der Breite 300 hast und die Source 900 breit ist, dann dann nimmt die ScrollBar 1/3 des verfügbaren Platzes ein. Der User kann somit direkt sehen, wieviel Content die ScrollPane enthält. Würdest Du die Breite manuell ändern wäre das nicht mehr so.

Grüße

[derRaab]

Ich denke schon, dass das korrekt funktionieren würde hätten die nicht mit einer Konstante gearbeitet.

Egal. Das Thema scheint durch.