2012-01-25 4 views
2

Я хочу создать пользовательскую полосу прокрутки в приложении FLEX 3.0. Что должно позволить использовать текст вместо |||| что показано в ScrollThumb ...ScrollBar Issue

Я использовал 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); 
} 

Здесь я даю вам образец изображения, вид полосы прокрутки я хочу создать.

enter image description here

Пожалуйста, помогите мне ...

ответ

4

Вам нужно создать пользовательский ThumbSkin класса.

Затем назначьте это как classReference в CSS.

Чтобы узнать, как создать эти пользовательские скины, прочитайте эти два документа 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 с меткой. Сам скроллер и большой палец не смогут узнать, сколько страниц он включен или сколько элементов отображается. Однако, если вы хотите перегружать, это можно сделать в скроллере.

+0

Спасибо за ответ. но я не знаю, как создать пользовательский класс ThumbSkin, и если изменения страницы мне нужно изменить текст scrollThumb на 3/5 или 4/5 и т. д., для этого мне нужно изменить в mx_internal любую идею для этого? если возможно, укажите любую ссылку ... –

+0

@SagarRawal обновлен ссылками для вас. – Bob

+0

привет спасибо за ссылку, но все еще сталкивается с проблемой, что как встроить ТЕКСТ в scrollThumb. –