Auto Layout在JavaScript中实现:AutoLayout.js
jopen
9年前
AutoLayout.js在JavaScript中实现了 Apple的 Auto Layout 和 Visual 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 // } }