topical media & game development
actionscript-extra-fisheye-qs-controls-Fisheye.ax
actionscript-extra-fisheye-qs-controls-Fisheye.ax
[swf]
flex
package qs.controls
{
import qs.controls.fisheyeClasses.@fileBase;
import qs.controls.fisheyeClasses.@fileItem;
import qs.controls.fisheyeClasses.@fileAxis;
public class @ax-actionscript-extra-fisheye-qs-controls-Fisheye extends @fileBase
{
the ideal positional data for the renderers. When the inputs to the layout system change,
this array is regenerated to represent the goal positions for each renderer. Over time, the layout system
will animate the children towards these positions
private var _pdata:Array = [];
private var _mouseData:Array = [];
the direction this component lays out
private var _direction:String = "horizontal";
/* abstractions around x/y, width/height. Instead of asking for x/y based properties directly,
* we go through these properties. Switch the properties, and our layout switches axis. Presto! */
protected var major:@fileAxis = new @fileAxis();
protected var minor:@fileAxis = new @fileAxis();
//-----------------------------------------------------------------
public function @ax-actionscript-extra-fisheye-qs-controls-Fisheye()
{
major.direction = "horizontal";
minor.direction = "vertical";
}
whether we layout along the horizontal or vertical axis
public function set direction(value:String):void
{
if(value == _direction)
return;
_direction = value;
if(_direction == "vertical")
{
major.direction = "vertical";
minor.direction = "horizontal";
}
else
{
major.direction = "horizontal";
minor.direction = "vertical";
}
invalidateSize();
animator.invalidateLayout();
}
public function get direction():String
{
return _direction;
}
override protected function measure():void
{
var minorMeasuredSize:Number = 0;
var count:Number = dataProvider.length;
for (var i:int = 0;i<count;i++)
{
minorMeasuredSize = Math.max(minorMeasuredSize,renderers[i][minor.measured]);
var pd:@fileItem = _pdata[i];
var md:@fileItem = _mouseData[i];
pd.eomHeight = md.eomHeight = renderers[i].getExplicitOrMeasuredHeight();
pd.eomWidth = md.eomWidth = renderers[i].getExplicitOrMeasuredWidth();
}
this[minor.measuredMin] = this[minor.measured] = minorMeasuredSize;
// now that we have newly measured sizes, we'll need to recaculate sizing, and mouse positoins.
animator.invalidateLayout();
}
override protected function commitProperties():void
{
var itemsChanged:Boolean = this.itemsChanged;
super.commitProperties();
if(itemsChanged)
{
for(var i:int = 0;i<dataProvider.length;i++)
{
_pdata[i] = new @fileItem();
_mouseData[i] = new @fileItem();
}
}
}
determines the pixel value along the major axis of the middle of the ith item if it were hilighted
the relevant value is stored in the @fileItem structure corresponding to the item. But that value is stored relative
to an anchor point...either the left, middle, or right (or top,middle,bottom) of the component based on the alignment style.
This function converts it to an absolute pixel value.
private function midPointFor(i:int):Number
{
var pdata:@fileItem = _mouseData[i];
return pdata[major.pos] + pdata[major.EOM] * pdata.scale/2;
}
override protected function generateLayout():void
{
var minorAlignValue:String = getStyle(minor.align);
var itemCount:int = dataProvider.length;
var targetIndex:Number = (isNaN(hilightedItemIndex)? selectedItemIndex:hilightedItemIndex);
var pdata:@fileItem;
if(itemCount == 0)
return;
if(isNaN(targetIndex))
{
populateMajorAxisForDefault(_pdata,major,this[major.unscaled]);
align(_pdata,major);
}
else
{
pdata = _pdata[targetIndex];
var targetPosition:Number = midPointFor(targetIndex) - pdata[major.EOM]*maxScaleWithDefault/2;
if(targetPosition < 0)
targetPosition = 0;
if(targetPosition + pdata[major.EOM]*maxScaleWithDefault > this[major.unscaled])
targetPosition = this[major.unscaled] - pdata[major.EOM]*maxScaleWithDefault;
populateMajorAxisFor(_pdata.slice(targetIndex),0,this[major.unscaled] - targetPosition,major);
for (var i:int = targetIndex;i<itemCount;i++)
_pdata[i][major.pos] += targetPosition;
if(targetIndex > 0)
{
populateMajorAxisFor(_pdata.slice(0,targetIndex),targetIndex,targetPosition - defaultSpacingWithDefault,major);
pdata = _pdata[targetIndex - 1];
var offset:Number = targetPosition - (pdata[major.pos] + pdata[major.EOM] * pdata.scale + defaultSpacingWithDefault);
for(var i:int = 0;i<targetIndex;i++)
_pdata[i][major.pos] += offset;
}
}
for(var i:int=0;i<itemCount;i++)
{
pdata = _pdata[i];
var target:LayoutTarget = animator.targetFor(renderers[i]);
target.scaleX = target.scaleY = pdata.scale;
target.unscaledHeight = pdata.eomHeight;
target.unscaledWidth = pdata.eomWidth;
target[major.pos] = pdata[major.pos];
target[minor.pos] = (minorAlignValue == "top" || minorAlignValue == "left")? 0:
(minorAlignValue == "right" || minorAlignValue == "bottom")? this[minor.unscaled] - pdata.scale*pdata[minor.EOM]:
this[minor.unscaled]/2 - pdata.scale*pdata[minor.EOM]/2;
}
}
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
{
populateMajorAxisForDefault(_mouseData,major,this[major.unscaled]);
align(_mouseData,major);
super.updateDisplayList(unscaledWidth,unscaledHeight);
}
override protected function findItemForPosition(xPos:Number,yPos:Number):Number
{
var majorPos:Number = (_direction == "horizontal"? xPos:yPos);
var minorPos:Number = (_direction == "horizontal"? yPos:xPos);
var minDist:Number = Infinity;
var result:Number;
var minorAlignValue:String = getStyle(minor.align);
switch(minorAlignValue)
{
case "right":
case "bottom":
if(this[minor.unscaled] - minorPos > this[minor.measured])
return NaN;
break;
case "left":
case "top":
if(minorPos > this[minor.measured])
return NaN;
break;
case "center":
case "justified":
default:
if(Math.abs(this[minor.unscaled]/2 - minorPos) > this[minor.measured]/2)
return NaN;
break;
}
for(var i:int = 0; i < dataProvider.length; i++)
{
var dist:Number = majorPos - midPointFor(i);
if (Math.abs(dist) < Math.abs(minDist))
{
minDist = dist;
result = i;
}
else
{
// break;
}
}
return result;
}
}
}
(C) Æliens
27/08/2009
You may not copy or print any of this material without explicit permission of the author or the publisher.
In case of other copyright issues, contact the author.
