https://github.com/evan-liu/xrope

Simple layout library for native as3 display objects.
https://github.com/evan-liu/xrope

Last synced: about 2 months ago
JSON representation

Simple layout library for native as3 display objects.

• Host: GitHub
• URL: https://github.com/evan-liu/xrope
• Owner: evan-liu
• License: mit
• Created: 2010-02-20T12:53:57.000Z (almost 15 years ago)
• Default Branch: master
• Last Pushed: 2015-04-20T03:54:47.000Z (over 9 years ago)
• Last Synced: 2024-08-03T05:01:55.802Z (5 months ago)
• Language: ActionScript
• Homepage: http://evancoding.com/xrope/
• Size: 789 KB
• Stars: 34
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.textile
  • License: MIT-LICENSE

Awesome Lists containing this project

• awesome-actionscript-sorted - xrope - Simple layout library for native as3 display objects. (User Interface / Layout)

README

        
h2. Xrope: Simple layout library for native as3 display objects.

"Demo":http://evancoding.com/xrope/index.html#DemoLink

h3. Features

* For native as3 display objects. No Flex or any other dependency.

* AtomLayout align DisplayObject using _getBounds()_. No worries about register point in FLA. (Set _useBounds_ to _true_, it's _false_ by default)

* Easily composite layout elements/groups. No more DisplayObjectContainer needed.

h3. How to use

* Create a layout group which implements _ILayoutGroup_ and set layout properties.

* Add some display objects or other _ILayoutElement_ to the group.

* Call the _layout()_ method of the group.

h3. Layout groups ("AsDoc":http://evancoding.com/xrope/doc/index.html)

* HFillLineLayout - Horizontal single line fill layout. (*new*)

* VFillLineLayout - Vertical single line fill layout. (*new*)

* HLineLayout - Horizontal single line flow layout. 

* VLineLayout - Vertical single line flow layout.

* HMultiLineLayout - Horizontal multi-line layout.

* VMultiLineLayout - Vertical multi-line layout.

* HBoxLayout - Horizontal box layout.

* VBoxLayout - Vertical box layout.

* AlignLayout - Align position group layout. 

* GridLayout - Grid layout.

*Note* difference between MultiLineLayout and BoxLayout: Lines in MultiLineLayout has the same height as the lineHeight property, while height of lines in HBoxLayout according to the max height of elements in each line.