Auto Layout在JavaScript中实现:AutoLayout.js

jopen 9年前

AutoLayout.js在JavaScript中实现了 Apple的 Auto LayoutVisual Format Language 。Auto layout是一个让你使用数学关系(约束)执行任何布局。它使用Auto Layout 是苹果在 Xcode 5 (iOS 6) 中新引入的布局方式,旨在解决 3.5 寸和 4 寸屏幕的适配问题。屏幕适配工作在 iPhone 6 及 plus 发布以后变得更加重要,而且以往的“笨办法”的工作量大幅增加,所以很多人开始学习使用 Auto Layout 技术。 

// Create a view with a set of constraints  var view = new AutoLayout.View({      constraints: constraints, // initial constraints (optional)      width: 100,               // initial width (optional)      height: 200,              // initial height (optional)      spacing: 10               // spacing size to use (optional, default: 8)  });    // get the size and position of the sub-views  for (var key in view.subViews) {      console.log(key + ': ' + view.subViews[key]);      // e.g. {      //   name: 'child1',      //   left: 20,      //   top: 10,      //   width: 70,      //   height: 80      // }  }


Apple Auto Layout和Visual Format Language的Javascript实现:AutoLayout.js

项目主页:http://www.open-open.com/lib/view/home/1434359682817