我是不是本吧第一个入手10702的？_乐高吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：92,131贴子：
我是不是本吧第一个入手10702的？收藏
如题，直接上图，晚饭后开箱。作为一个583块砖的套，199价格还是很划算的，儿子以前玩儿得宝，慢慢转小颗粒了。
「天猫双11」全球狂欢节!乐高,天猫超市嗨购不停,折扣不断,低至5折!天猫超市,限时疯抢,正品保障!「天猫双11」优惠给力,折扣齐聚,剁手提前嗨!
测评下 我也想入这个系列给家中小孩
这是啥？可以给我介绍一下嘛
老婆手快，吃完饭已经开包了
总共5包肉，灰，绿，粉，紫，黄五种颜色为主。共583颗粒，可以拼出赛车，溜冰鞋，收音机，仿古门几种造型。老实说我是喜欢那个收音机，直接就入了。
都是小颗粒，没得零件盒只能装一个盒子里，看花眼的节奏
老婆在拼赛车，等下上成品。
和男朋友在一起一年多了 是自己的初恋 圣诞节我们吵架了 不知道怎么了 我气很大 我叫他陪我出去逛街
1月上市的新款，市面现在卖的不多，但是感觉性价比高，肉多。
看我的作品，得宝拼的
淘宝网上购物,百万商家,25亿高人气商品热卖,淘你满意!支付安全,交易有保障!网购上淘宝,流行前沿精品齐聚,全网底价,尽在淘宝网.淘宝网,淘你喜欢!
驾驶员是法拉利小人仔
收音机快完工了
看着不错啊
还原度很高，还有磁带
小狗也好了
这种创意桶是发挥想象和创意，不是只看说明书的。
房子，说明书就到这儿，我要去网上下载后半部分说明书了，只有电子版
网上也没有图纸，看着拼吧
啄木鸟，船
作为入手的第一套经典创意组，感觉很超值，肉的数量也好，颜色也好，特殊件数量也好，都蛮多。说五花肉性价比不高的，我不赞同，至少这款10702很赞。好了，就到这儿吧。最后还剩了不少零件，留着备用（乐高手机壳可不是送的）
多余的砖，以往也有这么多透明件吗？我喜欢
这手机壳终于派上用场了，以前都是大颗粒用不上啊
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或乐高10702是不是没有塑料盒子_百度知道Masonry介绍与使用实践：快速上手Autolayout
招聘信息：
前言MagicNumber&->&autoresizingMask&->&autolayout以上是纯手写代码所经历的关于页面布局的三个时期在iphone1-iphone3gs时代 window的size固定为(320,480) 我们只需要简单计算一下相对位置就好了在iphone4-iphone4s时代 苹果推出了retina屏 但是给了码农们非常大的福利:window的size不变在iphone5-iphone5s时代 window的size变了(320,568) 这时autoresizingMask派上了用场(为啥这时候不用Autolayout? 因为还要支持ios5呗) 简单的适配一下即可在iphone6+时代 window的width也发生了变化(相对5和5s的屏幕比例没有变化) 终于是时候抛弃autoresizingMask改用autolayout了(不用支持ios5了 相对于屏幕适配的多样性来说autoresizingMask也已经过时了)那如何快速的上手autolayout呢? 说实话 当年ios6推出的同时新增了autolayout的特性 我看了一下官方文档和demo 就立马抛弃到一边了 因为实在过于的繁琐和啰嗦(有过经验的朋友肯定有同感)直到iPhone6发布之后 我知道使用autolayout势在必行了 这时想起了以前在浏览Github看到过的一个第三方库Masonry 在花了几个小时的研究使用后 我就将autolayout掌握了(重点是我并没有学习任何的官方文档或者其他的关于autolayout的知识) 这就是我为什么要写下这篇文章来推荐它的原因.介绍Masonry 源码：Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性 而且同时支持 iOS 和 Max OS X。我们先来看一段官方的sample code来认识一下Masonry[view1&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.edges.equalTo(superview).with.insets(padding);
}];看到block里面的那句话: make edges equalTo superview with insets通过链式的自然语言 就把view1给autolayout好了 是不是简单易懂?使用看一下Masonry支持哪一些属性@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*
@property&(nonatomic,&strong,&readonly)&MASConstraint&*centerX;
@property&(nonatomic,&strong,&readonly)&MASConstraint&*centerY;
@property&(nonatomic,&strong,&readonly)&MASConstraint&*这些属性与NSLayoutAttrubute的对照表如下其中leading与left trailing与right 在正常情况下是等价的 但是当一些布局是从右至左时(比如阿拉伯文?没有类似的经验) 则会对调 换句话说就是基本可以不理不用 用left和right就好了在ios8发布后 又新增了一堆奇奇怪怪的属性(有兴趣的朋友可以去瞅瞅) Masonry暂时还不支持(不过你要支持ios6,ios7 就没必要去管那么多了)在讲实例之前 先介绍一个MACRO#define&WS(weakSelf)&&__weak&__typeof(&*self)weakSelf&=&快速的定义一个weakSelf 当然是用于block里面啦 下面进入正题(为了方便 我们测试的superView都是一个size为(300,300)的UIView)下面 通过一些简单的实例来简单介绍如何轻松愉快的使用Masonry:1. [基础] 居中显示一个view-&(void)viewDidLoad
&&&&[super&viewDidLoad];
&&&&//&Do&any&additional&setup&after&loading&the&view.
&&&&WS(ws);
&&&&UIView&*sv&=&[UIView&new];
&&&&[sv&showPlaceHolder];
&&&&sv.backgroundColor&=&[UIColor&blackColor];
&&&&[self.view&addSubview:sv];
&&&&[sv&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&make.center.equalTo(ws.view);
&&&&&&&&make.size.mas_equalTo(CGSizeMake(300,&300));
}代码效果使用我之间写的MMPlaceHolder 可以看到superview已经按照我们预期居中并且设置成了适当的大小那么先看看这几行代码//从此以后基本可以抛弃CGRectMake了
UIView&*sv&=&[UIView&new];
//在做autoLayout之前&一定要先将view添加到superview上&否则会报错
[self.view&addSubview:sv];
//mas_makeConstraints就是Masonry的autolayout添加函数&将所需的约束添加到block中行了
[sv&mas_makeConstraints:^(MASConstraintMaker&*make)&{
//将sv居中(很容易理解吧?)
&&&&make.center.equalTo(ws.view);
&&&&//将size设置成(300,300)
&&&&make.size.mas_equalTo(CGSizeMake(300,&300));
}];这里有两个问题要分解一下首先在Masonry中能够添加autolayout约束有三个函数-&(NSArray&*)mas_makeConstraints:(void(^)(MASConstraintMaker&*make))
-&(NSArray&*)mas_updateConstraints:(void(^)(MASConstraintMaker&*make))
-&(NSArray&*)mas_remakeConstraints:(void(^)(MASConstraintMaker&*make))
mas_makeConstraints&只负责新增约束&Autolayout不能同时存在两条针对于同一对象的约束&否则会报错&
mas_updateConstraints&针对上面的情况&会更新在block中出现的约束&不会导致出现两个相同约束的情况
mas_remakeConstraints&则会清除之前的所有约束&仅保留最新的约束
三种函数善加利用&就可以应对各种情况了
*/其次 equalTo 和 mas_equalTo的区别在哪里呢? 其实 mas_equalTo是一个MACRO#define&mas_equalTo(...)&&&&&&&&&&&&&&&&&equalTo(MASBoxValue((__VA_ARGS__)))
#define&mas_greaterThanOrEqualTo(...)&&&&greaterThanOrEqualTo(MASBoxValue((__VA_ARGS__)))
#define&mas_lessThanOrEqualTo(...)&&&&&&&lessThanOrEqualTo(MASBoxValue((__VA_ARGS__)))
#define&mas_offset(...)&&&&&&&&&&&&&&&&&&valueOffset(MASBoxValue((__VA_ARGS__)))可以看到 mas_equalTo只是对其参数进行了一个BOX操作(装箱) MASBoxValue的定义具体可以看看源代码 太长就不贴出来了所支持的类型 除了NSNumber支持的那些数值类型之外 就只支持CGPoint CGSize UIEdgeInsets介绍完这几个问题 我们就继续往下了 PS:刚才定义的sv会成为我们接下来所有sample的superView2. [初级] 让一个view略小于其superView(边距为10)UIView&*sv1&=&[UIView&new];
[sv1&showPlaceHolder];
sv1.backgroundColor&=&[UIColor&redColor];
[sv&addSubview:sv1];
[sv1&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.edges.equalTo(sv).with.insets(UIEdgeInsetsMake(10,&10,&10,&10));
&&&&/*&等价于
&&&&make.top.equalTo(sv).with.offset(10);
&&&&make.left.equalTo(sv).with.offset(10);
&&&&make.bottom.equalTo(sv).with.offset(-10);
&&&&make.right.equalTo(sv).with.offset(-10);
&&&&/*&也等价于
&&&&make.top.left.bottom.and.right.equalTo(sv).with.insets(UIEdgeInsetsMake(10,&10,&10,&10));
}];代码效果可以看到 edges 其实就是top,left,bottom,right的一个简化 分开写也可以 一句话更省事那么为什么bottom和right里的offset是负数呢? 因为这里计算的是绝对的数值 计算的bottom需要小鱼sv的底部高度 所以要-10 同理用于right这里有意思的地方是and和with 其实这两个函数什么事情都没做-&(MASConstraint&*)with&{
&&&&return&
-&(MASConstraint&*)and&{
&&&&return&
}但是用在这种链式语法中 就非常的巧妙和易懂 不得不佩服作者的心思(虽然我现在基本都会省略)3. [初级] 让两个高度为150的view垂直居中且等宽且等间隔排列 间隔为10(自动计算其宽度)int&padding1&=&10;
[sv2&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.centerY.mas_equalTo(sv.mas_centerY);
&&&&make.left.equalTo(sv.mas_left).with.offset(padding1);
&&&&make.right.equalTo(sv3.mas_left).with.offset(-padding1);
&&&&make.height.mas_equalTo(@150);
&&&&make.width.equalTo(sv3);
[sv3&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.centerY.mas_equalTo(sv.mas_centerY);
&&&&make.left.equalTo(sv2.mas_right).with.offset(padding1);
&&&&make.right.equalTo(sv.mas_right).with.offset(-padding1);
&&&&make.height.mas_equalTo(@150);
&&&&make.width.equalTo(sv2);
}];代码效果这里我们在两个子view之间互相设置的约束 可以看到他们的宽度在约束下自动的被计算出来了4. [中级] 在UIScrollView顺序排列一些view并自动计算contentSizeUIScrollView&*scrollView&=&[UIScrollView&new];
scrollView.backgroundColor&=&[UIColor&whiteColor];
[sv&addSubview:scrollView];
[scrollView&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.edges.equalTo(sv).with.insets(UIEdgeInsetsMake(5,5,5,5));
UIView&*container&=&[UIView&new];
[scrollView&addSubview:container];
[container&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.edges.equalTo(scrollView);
&&&&make.width.equalTo(scrollView);
int&count&=&10;
UIView&*lastView&=&
for&(&int&i&=&1&;&i&<=&count&;&++i&)
&&&&UIView&*subv&=&[UIView&new];
&&&&[container&addSubview:subv];
&&&&subv.backgroundColor&=&[UIColor&colorWithHue:(&arc4random()&%&256&/&256.0&)
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&saturation:(&arc4random()&%&128&/&256.0&)&+&0.5
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&brightness:(&arc4random()&%&128&/&256.0&)&+&0.5
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&alpha:1];
&&&&[subv&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&make.left.and.right.equalTo(container);
&&&&&&&&make.height.mas_equalTo(@(20*i));
&&&&&&&&if&(&lastView&)
&&&&&&&&&&&&make.top.mas_equalTo(lastView.mas_bottom);
&&&&&&&&else
&&&&&&&&&&&&make.top.mas_equalTo(container.mas_top);
&&&&lastView&=&
[container&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.bottom.equalTo(lastView.mas_bottom);
}];头部效果尾部效果从scrollView的scrollIndicator可以看出 scrollView的内部已如我们所想排列好了这里的关键就在于container这个view起到了一个中间层的作用 能够自动的计算uiscrollView的contentSize5. [高级] 横向或者纵向等间隙的排列一组view很遗憾 autoLayout并没有直接提供等间隙排列的方法(Masonry的官方demo中也没有对应的案例) 但是参考案例3 我们可以通过一个小技巧来实现这个目的 为此我写了一个Category@implementation&UIView(Masonry_LJC)
-&(void)&distributeSpacingHorizontallyWith:(NSArray*)views
&&&&NSMutableArray&*spaces&=&[NSMutableArray&arrayWithCapacity:views.count+1];
&&&&for&(&int&i&=&0&;&i&<&views.count+1&;&++i&)
&&&&&&&&UIView&*v&=&[UIView&new];
&&&&&&&&[spaces&addObject:v];
&&&&&&&&[self&addSubview:v];
&&&&&&&&[v&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&&&&&make.width.equalTo(v.mas_height);
&&&&&&&&}];
&&&&UIView&*v0&=&spaces[0];
&&&&__weak&__typeof(&*self)ws&=&
&&&&[v0&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&make.left.equalTo(ws.mas_left);
&&&&&&&&make.centerY.equalTo(((UIView*)views[0]).mas_centerY);
&&&&UIView&*lastSpace&=&v0;
&&&&for&(&int&i&=&0&;&i&<&views.&++i&)
&&&&&&&&UIView&*obj&=&views[i];
&&&&&&&&UIView&*space&=&spaces[i+1];
&&&&&&&&[obj&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&&&&&make.left.equalTo(lastSpace.mas_right);
&&&&&&&&}];
&&&&&&&&[space&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&&&&&make.left.equalTo(obj.mas_right);
&&&&&&&&&&&&make.centerY.equalTo(obj.mas_centerY);
&&&&&&&&&&&&make.width.equalTo(v0);
&&&&&&&&}];
&&&&&&&&lastSpace&=&
&&&&[lastSpace&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&make.right.equalTo(ws.mas_right);
-&(void)&distributeSpacingVerticallyWith:(NSArray*)views
&&&&NSMutableArray&*spaces&=&[NSMutableArray&arrayWithCapacity:views.count+1];
&&&&for&(&int&i&=&0&;&i&<&views.count+1&;&++i&)
&&&&&&&&UIView&*v&=&[UIView&new];
&&&&&&&&[spaces&addObject:v];
&&&&&&&&[self&addSubview:v];
&&&&&&&&[v&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&&&&&make.width.equalTo(v.mas_height);
&&&&&&&&}];
&&&&UIView&*v0&=&spaces[0];
&&&&__weak&__typeof(&*self)ws&=&
&&&&[v0&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&make.top.equalTo(ws.mas_top);
&&&&&&&&make.centerX.equalTo(((UIView*)views[0]).mas_centerX);
&&&&UIView&*lastSpace&=&v0;
&&&&for&(&int&i&=&0&;&i&<&views.&++i&)
&&&&&&&&UIView&*obj&=&views[i];
&&&&&&&&UIView&*space&=&spaces[i+1];
&&&&&&&&[obj&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&&&&&make.top.equalTo(lastSpace.mas_bottom);
&&&&&&&&}];
&&&&&&&&[space&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&&&&&make.top.equalTo(obj.mas_bottom);
&&&&&&&&&&&&make.centerX.equalTo(obj.mas_centerX);
&&&&&&&&&&&&make.height.equalTo(v0);
&&&&&&&&}];
&&&&&&&&lastSpace&=&
&&&&[lastSpace&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&&&&&make.bottom.equalTo(ws.mas_bottom);
@end简单的来测试一下UIView&*sv11&=&[UIView&new];
UIView&*sv12&=&[UIView&new];
UIView&*sv13&=&[UIView&new];
UIView&*sv21&=&[UIView&new];
UIView&*sv31&=&[UIView&new];
sv11.backgroundColor&=&[UIColor&redColor];
sv12.backgroundColor&=&[UIColor&redColor];
sv13.backgroundColor&=&[UIColor&redColor];
sv21.backgroundColor&=&[UIColor&redColor];
sv31.backgroundColor&=&[UIColor&redColor];
[sv&addSubview:sv11];
[sv&addSubview:sv12];
[sv&addSubview:sv13];
[sv&addSubview:sv21];
[sv&addSubview:sv31];
//给予不同的大小&测试效果
[sv11&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.centerY.equalTo(@[sv12,sv13]);
&&&&make.centerX.equalTo(@[sv21,sv31]);
&&&&make.size.mas_equalTo(CGSizeMake(40,&40));
[sv12&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.size.mas_equalTo(CGSizeMake(70,&20));
[sv13&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.size.mas_equalTo(CGSizeMake(50,&50));
[sv21&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.size.mas_equalTo(CGSizeMake(50,&20));
[sv31&mas_makeConstraints:^(MASConstraintMaker&*make)&{
&&&&make.size.mas_equalTo(CGSizeMake(40,&60));
[sv&distributeSpacingHorizontallyWith:@[sv11,sv12,sv13]];
[sv&distributeSpacingVerticallyWith:@[sv11,sv21,sv31]];
[sv&showPlaceHolderWithAllSubviews];
[sv&hidePlaceHolder];代码效果perfect! 简洁明了的达到了我们所要的效果这里所用的技巧就是 使用空白的占位view来填充我们目标view的旁边 这点通过图上的空白标注可以看出来小结通过以上5个案例 我觉得已经把Masonry的常用功能介绍得差不多了 如果你觉得意犹未尽呢 请下载官方的demo来学习总而言之 Masonry是一个非常优秀的autolayout库 能够节省大量的开发和学习时间 尤其适合我这种纯代码的iOSer 在iPhone6发布后引发的适配潮中 Masonry一定可以助你一臂之力 :)
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号：CocoaChina
您还没有登录！请或
点击量8720点击量6173点击量6106点击量5548点击量4679点击量4093点击量3964点击量3742点击量3454
&2016 Chukong Technologies,Inc.
京公网安备89