vvk80
30.10.2007, 17:37
Здравствуйте!
вот сейчас мучаюсь над следующей проблемой:
нужно создать этакую панельку с неограниченным количеством добавляемых элементов, чтобы по клику на элемент открывался другой ролик в соседней области (что-то вроде красивого меню с картинками).
Элементы будут трех видов: с картинкой и текстом, только текст, только картинка.
После копания пришел к выводу, что максимально для этого подходит TileList компонент. Начал копать в сторону создания кастомных CellRenderer ячеек.
Собственно вопрос:
Как мне отключить полностью отключить все адобовские скины бэкграунды, mouseOver и т.д??? Понятно что можно в библиотеке все стереть, но это не совсем корректный путь имхо...
Любая помощь/советы/указания/ссылки по поводу реализации customного CellRenderer со своими програмными highlight-ами приветствуются!
Результат кода (нагло содрал адобовский ImageCell, и подстраиваю его под свои нужды)...
package HelperClasses.MovieClipClasses
{
import fl.controls.listClasses.CellRenderer;
import fl.controls.listClasses.ICellRenderer;
import fl.controls.listClasses.ListData;
import fl.controls.listClasses.TileListData;
import fl.controls.TextInput; //Only for ASDocs
import fl.containers.UILoader;
import fl.core.InvalidationType;
import fl.core.UIComponent;
import flash.display.Graphics;
import flash.display.Shape;
import flash.display.Sprite;
import flash.events.*;
//--------------------------------------
// Styles
//--------------------------------------
//[Style(name="selectedSkin", type="Class")]
//[Style(name="textPadding", type="Number", format="Length")]
//[Style(name="imagePadding", type="Number", format="Length")]
//[Style(name="textOverlayAlpha", type="Number", format="Length")]
public class MyCellRenderer extends CellRenderer implements ICellRenderer
{
//protected var textOverlay:Shape;
private var container:Sprite = new Sprite();
protected var loader:UILoader;
private static var defaultStyles:Object = {
imagePadding:1,
textOverlayAlpha:0.7
};
public static function getStyleDefinition():Object {
return mergeStyles(defaultStyles, CellRenderer.getStyleDefinition());
}
public function MyCellRenderer()
{
super();
loader = new UILoader();
loader.addEventListener(IOErrorEvent.IO_ERROR, handleErrorEvent, false, 0, true);
loader.autoLoad = true;
loader.scaleContent = true;
container.addChild(loader);
container.addEventListener (MouseEvent.ROLL_OVER, _onRollOver);
container.addEventListener (MouseEvent.ROLL_OUT, _onRollOut);
container.buttonMode = true;
container.mouseChildren = false;
addChild(container);
this.mouseChildren = true;
}
private function _onRollOver(evt:MouseEvent):void
{
trace("RollOver");
}
private function _onRollOut(evt:MouseEvent):void
{
trace("RollOut");
}
override public function get listData():ListData {
return _listData;
}
override public function set listData(value:ListData):void {
_listData = value;
label = _listData.label;
var newSource:Object = (_listData as TileListData).source;
if (source != newSource) { // Prevent always reloading...
source = newSource;
}
}
<p>Valid image file formats include GIF, PNG, and JPEG.</p>
public function get source():Object {
return loader.source;
}
public function set source(value:Object):void {
loader.source = value;
}
override protected function configUI():void {
super.configUI();
//textOverlay = new Shape();
/*var g:Graphics = textOverlay.graphics;
g.beginFill(0xFFFFFF);
g.drawRect(0,0,100,100);
g.endFill();*/
}
override protected function draw():void {
super.draw();
}
override protected function drawLayout():void {
var imagePadding:Number = getStyleValue("imagePadding") as Number;
loader.move(imagePadding, imagePadding);
var w:Number = width-(imagePadding*2);
var h:Number = height-imagePadding*2;
if (loader.width != w && loader.height != h) {
loader.setSize(w,h);
}
loader.drawNow(); // Force validation!
// Position textfield
if (_label == "" || _label == null) {
if (container.contains(textField)) {container.removeChild(textField); }
//if (contains(textOverlay)) { removeChild(textOverlay); }
} else {
var textPadding:Number = getStyleValue("textPadding") as Number;
//textField.width = Math.min(width-textPadding*2, textField.textWidth+5);
//textField.height = textField.textHeight + 5;
textField.multiline = true;
textField.wordWrap = true;
textField.x = width;
textField.y = height-45 ; //
/*textOverlay.x = imagePadding;
textOverlay.height = textField.height + textPadding*2;
textOverlay.y = height - textOverlay.height - imagePadding;
textOverlay.width = width - imagePadding*2;
textOverlay.alpha = getStyleValue("textOverlayAlpha") as Number;*/
//addChild(textOverlay);
container.addChild(textField);
}
//background.width = width;
//background.height = height;
background = null;
}
protected function handleErrorEvent(event:IOErrorEvent):void {
dispatchEvent(event);
}
}
}
Заранее огромное спасибо!
вот сейчас мучаюсь над следующей проблемой:
нужно создать этакую панельку с неограниченным количеством добавляемых элементов, чтобы по клику на элемент открывался другой ролик в соседней области (что-то вроде красивого меню с картинками).
Элементы будут трех видов: с картинкой и текстом, только текст, только картинка.
После копания пришел к выводу, что максимально для этого подходит TileList компонент. Начал копать в сторону создания кастомных CellRenderer ячеек.
Собственно вопрос:
Как мне отключить полностью отключить все адобовские скины бэкграунды, mouseOver и т.д??? Понятно что можно в библиотеке все стереть, но это не совсем корректный путь имхо...
Любая помощь/советы/указания/ссылки по поводу реализации customного CellRenderer со своими програмными highlight-ами приветствуются!
Результат кода (нагло содрал адобовский ImageCell, и подстраиваю его под свои нужды)...
package HelperClasses.MovieClipClasses
{
import fl.controls.listClasses.CellRenderer;
import fl.controls.listClasses.ICellRenderer;
import fl.controls.listClasses.ListData;
import fl.controls.listClasses.TileListData;
import fl.controls.TextInput; //Only for ASDocs
import fl.containers.UILoader;
import fl.core.InvalidationType;
import fl.core.UIComponent;
import flash.display.Graphics;
import flash.display.Shape;
import flash.display.Sprite;
import flash.events.*;
//--------------------------------------
// Styles
//--------------------------------------
//[Style(name="selectedSkin", type="Class")]
//[Style(name="textPadding", type="Number", format="Length")]
//[Style(name="imagePadding", type="Number", format="Length")]
//[Style(name="textOverlayAlpha", type="Number", format="Length")]
public class MyCellRenderer extends CellRenderer implements ICellRenderer
{
//protected var textOverlay:Shape;
private var container:Sprite = new Sprite();
protected var loader:UILoader;
private static var defaultStyles:Object = {
imagePadding:1,
textOverlayAlpha:0.7
};
public static function getStyleDefinition():Object {
return mergeStyles(defaultStyles, CellRenderer.getStyleDefinition());
}
public function MyCellRenderer()
{
super();
loader = new UILoader();
loader.addEventListener(IOErrorEvent.IO_ERROR, handleErrorEvent, false, 0, true);
loader.autoLoad = true;
loader.scaleContent = true;
container.addChild(loader);
container.addEventListener (MouseEvent.ROLL_OVER, _onRollOver);
container.addEventListener (MouseEvent.ROLL_OUT, _onRollOut);
container.buttonMode = true;
container.mouseChildren = false;
addChild(container);
this.mouseChildren = true;
}
private function _onRollOver(evt:MouseEvent):void
{
trace("RollOver");
}
private function _onRollOut(evt:MouseEvent):void
{
trace("RollOut");
}
override public function get listData():ListData {
return _listData;
}
override public function set listData(value:ListData):void {
_listData = value;
label = _listData.label;
var newSource:Object = (_listData as TileListData).source;
if (source != newSource) { // Prevent always reloading...
source = newSource;
}
}
<p>Valid image file formats include GIF, PNG, and JPEG.</p>
public function get source():Object {
return loader.source;
}
public function set source(value:Object):void {
loader.source = value;
}
override protected function configUI():void {
super.configUI();
//textOverlay = new Shape();
/*var g:Graphics = textOverlay.graphics;
g.beginFill(0xFFFFFF);
g.drawRect(0,0,100,100);
g.endFill();*/
}
override protected function draw():void {
super.draw();
}
override protected function drawLayout():void {
var imagePadding:Number = getStyleValue("imagePadding") as Number;
loader.move(imagePadding, imagePadding);
var w:Number = width-(imagePadding*2);
var h:Number = height-imagePadding*2;
if (loader.width != w && loader.height != h) {
loader.setSize(w,h);
}
loader.drawNow(); // Force validation!
// Position textfield
if (_label == "" || _label == null) {
if (container.contains(textField)) {container.removeChild(textField); }
//if (contains(textOverlay)) { removeChild(textOverlay); }
} else {
var textPadding:Number = getStyleValue("textPadding") as Number;
//textField.width = Math.min(width-textPadding*2, textField.textWidth+5);
//textField.height = textField.textHeight + 5;
textField.multiline = true;
textField.wordWrap = true;
textField.x = width;
textField.y = height-45 ; //
/*textOverlay.x = imagePadding;
textOverlay.height = textField.height + textPadding*2;
textOverlay.y = height - textOverlay.height - imagePadding;
textOverlay.width = width - imagePadding*2;
textOverlay.alpha = getStyleValue("textOverlayAlpha") as Number;*/
//addChild(textOverlay);
container.addChild(textField);
}
//background.width = width;
//background.height = height;
background = null;
}
protected function handleErrorEvent(event:IOErrorEvent):void {
dispatchEvent(event);
}
}
}
Заранее огромное спасибо!