Презентация к внутреннему докладу об AFramework https://youtu.be/uPTbnEWO4L8

1. Автор: Журат М.И.
(для внутреннего использования в ООО «Инним»)

3.  Визуальные компоненты;
 Сервисы (HTTP, Sockets);
 Загрузчики файлов;
 Модели;
 Таски (Tasks);
 Твины/эффекты;
 Менеджеры;
 Утилитные классы и компоненты.

4. Черный ящик
Вход Выход

5.  Новый код просто кишит ошибками;
 Высокие трудо- (и время) – затраты;
 Большое количество часто используемых
классов и компонентов;
 Использование общепринятых паттернов
программирования;
 Гибкая и простая архитектура;
 Повышение понимания чужого кода за счет
использования фреймворка.

6.  Сложный пользовательский интерфейс;
 Производительный код;
 Скорость разработки интерфейса;
 Широкий выбор базовых компонентов;
 Легкая расширяемость и компануемость
визуальных компонентов;
 Поддержка скинирования, лейаутов и
инвалидации.

8. public function set backgroundAlpha(value:Number):void
{
_backgroundAlpha = value;
redraw();
}
public function set backgroundColor(value:uint):void
{
_backgroundColor = value;
redraw();
}
private function redraw():void
{
var g:Graphics = this.graphics;
g.clear();
g.beginFill(_backgroundColor, _backgroundAlpha);
g.drawRect(0, 0, width, height);
}

9. var rect:Rect = new Rect();
rect.backgroundColor = 0xFF0000;
rect.backgroundAlpha = 0.7;
rect.cornerRadius = 15;
rect.width = 150;
rect.height = 400;
addChild(rect);

10. public function set backgroundColor(value:uint):void
{
_backgroundColor = value;
_graphicsInvalid = true;
}
public function redraw():void
{
if (_graphicsInvalid)
{
var g:Graphics = this.graphics;
g.clear();
g.beginFill(_backgroundColor,
_backgroundAlpha);
g.drawRect(0, 0, width, height);
}
}

11. public function set backgroundColor(value:Number):void
{
_backgroundColor = value;
invalidateDisplayList();
}
override protected function
updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void
{
var g:Graphics = this.graphics;
g.clear();
g.beginFill(_backgroundColor, _backgroundAlpha);
g.drawRect(0, 0, width, height);
}

12. #createChildren();
#commitProperties() -
#invalidateProperties();
#measure() - #invalidateSize();
#updateDisplayList() -
#invalidateDisplayList().

13. #commitProperties() -
#invalidateProperties();

14. override protected function commitProperties():void
{
if (_sourceInvalid)
{
if (_untrustedContent)
{
removeChild(_untrustedContent);
_contentLoader
.poolContent(_untrustedContent);
_untrustedContent = null;
}
if (_sourceUrl && _sourceUrl.length > 0)
_contentLoader.load(_sourceUrl,
onContentLoadComplete);
invalidateSize();
invalidateDisplayList();
_sourceInvalid = false;
}
}

15. #measure() -
#invalidateSize();

16.  #width/height
 #minWidth/#minHeight
 #maxWidth/#maxHeight
 #explicitWidth/#explicitHeight
 #measuredWidth/#measuredHeight
 #setActualSize
 #contentWidth/#contentHeight

17. override protected function measure():void
{
if (iconDisplay)
{
var iconWidth:int = iconDisplay.width;
var iconHeight:int = iconDisplay.height;
}
if (labelDisplay)
{
var labelWidth:int = labelDisplay.width;
var labelHeight:int = labelDisplay.height;
}
_measuredWidth = Math.max(_background.width,
iconWidth + labelWidth);
_measuredHeight = Math.max(_background.height,
iconHeight, labelDisplay.height);
}

18. #updateDisplayList() -
#invalidateDisplayList();

19. override protected function
updateDisplayList(unscaledWidth:Number,
unscaledHeight:Number):void
{
var g:Graphics = this.graphics;
g.clear();
DrawUtil.drawCornerButton(g, background, 0, 0,
unscaledWidth);
// иконка
var ty:Number = (unscaledHeight - icon.height) * .5;
DrawUtil.drawSprite(g, list, CommonWindowAsset.COIN_ICON,
HPADDING - 1, ty);
// распологаем надпись
_label.y = (unscaledHeight - _label.height) * .5 - .5;
_label.x = HPADDING + icon.width + HGAP;
}

20. #currentState -
#onCurrentStateChanged();

21. Up state
Over state
Down state
Disabled state

22. Поддержка лейаутов
Обрезка содержимого

23. Автоизмерение размеров
контейнера
Расположение дочерних
элементов
Виртуализация

26. public class AHorizontalLayout extends ALayoutBase
{
override protected function measure ():void
{
for (var i:int = 0;i< target.numChildren;++i)
{
var child:DisplayObject =
target.getChildAt(i);
measuredWidth+= child.width;
measuredHeight = Math.max(
measuredHeight, child.height);
}
}
}

27. override protected function
updateDisplayList(w:Number, h:Number):void
{
var tx:Number = 0;
for (var i:int = 0;i<target.numChildren;++i)
{
var child:DisplayObject =
target.getChildAt(i);
child.y = 0;
child.x = tx;
tx+= child.width;
}
}

28. #clipAndEnableScrolling;
#horizontalScrollPosition;
#verticalScrollPosition;
#contentWidth;
#contentHeight.

29. horizontalScrollPosition,
verticalScrollPosition
0,0
contentWidth
contentHeight
width height
0,0
width
height

31. IDataRenderer (DataRenderer /
ItemRenderer);
IList (ArrayList / ArrayCollection /
PagableArrayCollection);
Бесконечный список (Infinite
list).

35. ViewPort
(видимая область)
Виртуальные элементы
Виртуальные элементы

37.  Высокий уровень стилизации;
 В качестве скина можно использовать любой
визуальный компонент;
 Низкая связанность;
 Возможность использовать скины отдельно;
 Сокрытие сложности;
 Возможность изменять функциональность
компонента;
 Широкие возможности по отделению бизнес-
логики от визуальной мишуры.

38. public class UserView extends
ASkinnableComponent
{
public var nameDisplay:IDisplayText;
public var levelDisplay:IDisplayText;
public var scoreDisplay:IDisplayText;
public var
avatarDisplay:AvatarBitmapImage;
//объявление остальных частей скина

39. override protected function
registerSkinParts():void
{
_skinParts =
{
nameDisplay : false,
levelDisplay : false,
scoreDisplay : false,
avatarDisplay: false
}
}

40. override protected function partAdded(
partName:String, instance:Object):void
{
super.partAdded(partName, instance);
if (instance === avatarDisplay)
avatarDisplay.sourceUrl =
_source.avatarUrl;
else
if (instance === nameDisplay)
nameDisplay.text = _source.name;
// else
}

41. override protected function
getCurrentSkinState():String
{
if (!_source)
return
UserViewSkinStates.STATE_EMPTY;
return _source.me ?
UserViewSkinStates.STATE_CURRENT_USER
:
UserViewSkinStates.STATE_USER;
}

42. override protected function commitProperties():void
{
if (_sourceInvalid)
{
_source.addEventListener(
AModelEvent.MODEL_CHANGED,
onSourceChanged);
if (nameDisplay)
nameDisplay.text = _source.name;
if (levelDisplay)
levelDisplay.text = _source.level;
if (avatarDisplay) avatarDisplay.sourceUrl =
_source.avatarUrl;
if (scoreDisplay)
scoreDisplay.text = _source.score;
}
}