ScrollBar Issue

Question

FLEX 3.0アプリケーションでカスタムスクロールバーを作成したいとします。 ||||の代わりにTextを使用できるようにする必要がありますScrollThumbで表示されます。

私はmx_internalを使ってスタイルを変更しましたが、テキストは表示されないという問題に直面しています。ここで私が作成したコードです。ここで

import mx.core.mx_internal; 

use namespace mx_internal; 

public function onInit():void 
{ 
    scrollbar.scrollThumb.iconName = ""; 
    scrollbar.scrollThumb.labelPlacement = "left"; 
    var str:String = (scrollbar.scrollPosition+1).toString() + "/" + (scrollbar.maxScrollPosition+1).toString(); 
    scrollbar.scrollThumb.label = str; 
} 

<mx:HScrollBar id="scrollbar" width="100%" pageSize="1" styleName="customScrollBar" /> 

は、ここで私はあなたに私が作成したいスクロールバーのようなものをサンプル画像を与えていること

.customScrollBar 
{ 
    up-arrow-skin: ClassReference(null); 
    down-arrow-skin: ClassReference(null); 
} 

用のスタイルシートです。

私を助けてください...

Answer 1

はカスタムThumbSkinクラスを作成する必要があります。

次に、CSSのclassReferenceとして割り当てます。

これらのカスタムスキンを作成する方法については、これらの2つのAdobeドキュメントをお読みください。

http://livedocs.adobe.com/flex/3/html/help.html?content=skinning_7.html

http://livedocs.adobe.com/flex/3/html/help.html?content=skinning_5.html

スクロールバーへのページングデータを取得するには、メインの文脈上のページングデータを計算する必要があり、その後、ちょうどthumbskinにStringとしてページング情報を渡しますラベル付き。スクロールバーと親指自体は、表示されているページの数や表示されているアイテムの数を知ることができません。しかし、あなたが望むなら、それはスクローラーで行うことができます。