sinat_29789455
sinat_29789455

Masonry简单使用

Masonry简单使用

  • 介绍
  • 安装
  • 使用
    • 居中显示视图
    • 设置视图并排
    • 多个视图间隔相同

 

介绍

Masonry源码

在其官网上也进行了很多的介绍,在下面会写出我自己的一些见解.如果使用过iOS中系统的NSLayoutConstraints已经知道非常麻烦

如下代码就是系统的约束

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;"><span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *superview = <span class="hljs-keyword" style="color: rgb(0, 0, 136);">self</span>;

<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *view1 = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
view1<span class="hljs-variable" style="color: rgb(102, 0, 102);">.translatesAutoresizingMaskIntoConstraints</span> = <span class="hljs-literal" style="color: rgb(0, 102, 102);">NO</span>;
view1<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> greenColor];
[superview addSubview:view1];

<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIEdgeInsets</span> padding = <span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIEdgeInsetsMake</span>(<span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>);

[superview addConstraints:@[

    <span class="hljs-comment" style="color: rgb(136, 0, 0);">//view1 constraints</span>
    [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutConstraint</span> constraintWithItem:view1
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeTop</span>
                                 relatedBy:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutRelationEqual</span>
                                    toItem:superview
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeTop</span>
                                multiplier:<span class="hljs-number" style="color: rgb(0, 102, 102);">1.0</span>
                                  constant:padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.top</span>],

    [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutConstraint</span> constraintWithItem:view1
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeLeft</span>
                                 relatedBy:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutRelationEqual</span>
                                    toItem:superview
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeLeft</span>
                                multiplier:<span class="hljs-number" style="color: rgb(0, 102, 102);">1.0</span>
                                  constant:padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span>],

    [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutConstraint</span> constraintWithItem:view1
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeBottom</span>
                                 relatedBy:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutRelationEqual</span>
                                    toItem:superview
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeBottom</span>
                                multiplier:<span class="hljs-number" style="color: rgb(0, 102, 102);">1.0</span>
                                  constant:-padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.bottom</span>],

    [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutConstraint</span> constraintWithItem:view1
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeRight</span>
                                 relatedBy:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutRelationEqual</span>
                                    toItem:superview
                                 attribute:<span class="hljs-built_in" style="color: rgb(102, 0, 102);">NSLayoutAttributeRight</span>
                                multiplier:<span class="hljs-number" style="color: rgb(0, 102, 102);">1</span>
                                  constant:-padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span>],

 ]];</code>

 

安装

  1. 直接进入github进行源码下载
  2. 使用CocoaPod进行下载

 

使用

在上面介绍的时候我们看到系统要创建一个试图,距离上下左右都是10的这样一个约束需要写上很多代码,然而现在是使用Masonry的效果

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;"><span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIEdgeInsets</span> padding = <span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIEdgeInsetsMake</span>(<span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>);

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.top</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(superview<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_top</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.top</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0);">//with is an optional semantic filler</span>
    make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(superview<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_left</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span>);
    make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.bottom</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(superview<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_bottom</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(-padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.bottom</span>);
    make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(superview<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_right</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(-padding<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span>);
}];
</code>

甚至我们这样写得更加简洁

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.edges</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(superview)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.insets</span>(padding);
}];</code>

接下来我们来观看下Masonry中的一些常用属性

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;"><span class="hljs-comment" style="color: rgb(136, 0, 0);">// 左侧</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *left;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 顶部</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *top;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 右侧</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *right;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 底部</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *bottom;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 首部</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *leading;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 尾部</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *trailing;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 宽</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *width;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 高</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *height;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 中心点x</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *centerX;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 中心点y</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *centerY;
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 文本基线</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">@property</span> (<span class="hljs-keyword" style="color: rgb(0, 0, 136);">nonatomic</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">strong</span>, <span class="hljs-keyword" style="color: rgb(0, 0, 136);">readonly</span>) MASConstraint *baseline;</code>

 

居中显示视图

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;"><span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *myView = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
myView<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> blueColor];
[<span class="hljs-keyword" style="color: rgb(0, 0, 136);">self</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.view</span> addSubview:myView];
    
[myView mas_makeConstraints:^(MASConstraintMaker *make) {
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置当前center和父视图的center一样</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.center</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136);">self</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.view</span>);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置当前视图的大小</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.size</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(<span class="hljs-built_in" style="color: rgb(102, 0, 102);">CGSizeMake</span>(<span class="hljs-number" style="color: rgb(0, 102, 102);">300</span>, <span class="hljs-number" style="color: rgb(0, 102, 102);">300</span>));
}];</code>

效果图

可以看到我们已经创建出一个位置居中,并且视图大小为300×300

 

设置视图并排

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;"><span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *view1 = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
view1<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> redColor];
[myView addSubview:view1];
    
<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *view2 = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
view2<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> yellowColor];
[myView addSubview:view2];
    
    
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">int</span> padding = <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>;
    
[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置其位于父视图的Y的中心位置</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.centerY</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(myView<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_centerY</span>);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置其左侧和父视图偏移10个像素</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(myView)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置其右侧和view2偏移10个像素</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(view2<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_left</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(-padding);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置高度</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.height</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(@<span class="hljs-number" style="color: rgb(0, 102, 102);">120</span>);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置其宽度</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.width</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(view2);
}];
    
[view2 mas_makeConstraints:^(MASConstraintMaker *make) {
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.centerY</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(myView<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_centerY</span>);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(view1<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_right</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(myView)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(-padding);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.height</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(view1);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.width</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(view1);
}];</code>

效果图:

提醒一下,以下代码等价

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(myView)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding);
<span class="hljs-comment" style="color: rgb(136, 0, 0);">// 等价于</span>
make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(myView<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_left</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding);</code>

也就是说默认情况下括号里面只写了视图的时候,其自动帮你添加当前masxxx(代表前面你需要设置的约束的位置).比如上面两行代码设置的make.left,当括号里面只写了myView的时候,会自动追加为myView.mas_left。

 

多个视图间隔相同

注意下面设置宽度的时候是传递的数组,这样才能让多个视图进行等距离显示

<code class="language-objectivec hljs" style="display: block; padding: 0.5em; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); background-position: initial initial; background-repeat: initial initial;">
<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *view1 = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
view1<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> redColor];
[myView addSubview:view1];
    
<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *view2 = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
view2<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> yellowColor];
[myView addSubview:view2];
    
<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> *view3 = [[<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIView</span> alloc] init];
view3<span class="hljs-variable" style="color: rgb(102, 0, 102);">.backgroundColor</span> = [<span class="hljs-built_in" style="color: rgb(102, 0, 102);">UIColor</span> greenColor];
[<span class="hljs-keyword" style="color: rgb(0, 0, 136);">self</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.view</span> addSubview:view3];
    
    
<span class="hljs-keyword" style="color: rgb(0, 0, 136);">int</span> padding = <span class="hljs-number" style="color: rgb(0, 102, 102);">10</span>;

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置中心点</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.centerY</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(myView);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置左侧距离父视图10</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(myView)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置右侧距离和view2的左侧相隔10</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(view2<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_left</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(-padding);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 设置高度</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.height</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(@<span class="hljs-number" style="color: rgb(0, 102, 102);">150</span>);
   <span class="hljs-comment" style="color: rgb(136, 0, 0);">// 宽度设置和view2以及view3相同</span>
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.width</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(@[view2, view3]);
}];
    
[view2 mas_makeConstraints:^(MASConstraintMaker *make) {
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.centerY</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(myView);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.height</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(view1);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.width</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(@[view1, view3]);
}];

[view3 mas_makeConstraints:^(MASConstraintMaker *make) {
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.centerY</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(myView);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.left</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(view2<span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_right</span>)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(padding);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.right</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(myView)<span class="hljs-variable" style="color: rgb(102, 0, 102);">.with</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.offset</span>(-padding);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.height</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.mas_equalTo</span>(view1);
   make<span class="hljs-variable" style="color: rgb(102, 0, 102);">.width</span><span class="hljs-variable" style="color: rgb(102, 0, 102);">.equalTo</span>(@[view2, view1]);
}];
</code>

效果图:

Posted in iOS

Post navigation

← code-highlight

One thought on “Masonry简单使用”

  1. 一名来自xxx公司的iOS开发者 说道：
    2015年4月30日 16:54

    博主，给你合并下多个视图相隔相同的方法：
    __weak typeof(self) weakSelf = self;

    UIView * tempView = [[UIView alloc]init];
    NSInteger count = 10;//设置一排view的个数
    NSInteger margin = 10;//设置相隔距离
    NSInteger height = 50;//设置view的高度
    for (int i = 0; i < count; i ++) {
    UIView * view = [[UIView alloc]init];
    view.backgroundColor = [UIColor brownColor];
    [self.view addSubview:view];
    if (i == 0) {
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(weakSelf.view).offset(margin);
    make.centerY.equalTo(weakSelf.view);
    make.height.mas_equalTo(height);
    }];
    }
    else if (i == count – 1){
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
    make.right.equalTo(weakSelf.view).offset(-margin);
    make.left.equalTo(tempView.mas_right).offset(margin);
    make.centerY.equalTo(tempView);
    make.height.equalTo(tempView);
    make.width.equalTo(tempView);
    }];
    }
    else{
    [view mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(tempView.mas_right).offset(margin);
    make.centerY.equalTo(tempView);
    make.height.equalTo(tempView);
    make.width.equalTo(tempView);
    }];
    }
    tempView = view;
    [view layoutIfNeeded];
    }

    回复

    转载：http://archerzz.ninja/ios/masonry-code.html

你可能感兴趣的:(Masonry简单使用)

  • C++多线程的简单使用 好学松鼠 C++C++多线程asyncpromise
    多线程的使用，本文主要简单介绍使用多线程的几种方式，并使用几个简单的例子来介绍多线程，使用编译器为visualstudio。一、AsyncFuture使用的知识点有std::async和std::future1、std::async函数原型templatefuture::type>async(launchpolicy,Fn&&fn,Args&&...args);功能：第二个参数接收一个可调用对象（
  • ExoPlayer简单使用 csdn_zxw 安卓视频播放android
    ExoPlayerLibrary概述ExoPlayer是运行在YouTubeappAndroid版本上的视频播放器ExoPlayer是构建在Android低水平媒体API之上的一个应用层媒体播放器。和Android内置的媒体播放器相比，ExoPlayer有许多优点。ExoPlayer支持内置的媒体播放器支持的所有格式外加自适应格式DASH和SmoothStreaming。ExoPlayer可以被高
  • .Net项目引入ORM SqlSugar框架及简单使用 Herman97 C#SQLSQLSugarORM
    SqlSugar的优点就不在这里重复了。一，Nuget安装SqlSugar是.NET版本，SqlSugarCore是.NETCORE版本，根据你的项目选择你的引用dll二，简单使用1.建立数据库连接publicSqlSugarClientGesmartDb(){SqlSugarClientDb=newSqlSugarClient(newConnectionConfig(){ConnectionSt
  • seata基本使用，柚子快报邀请码778899 登录成功
    把seata的使用在这里做了一个总结，希望能够帮助到大家。本案例在实施过程中，威哥力求简单明了，希望大家在学习过程中能够掌握其中的每个细节。好了，废话不多说，如果我们要学习seata，首先需要具备如下技术储备：数据库事务的基本知识；maven工具的使用；熟悉SpringCloudAlibaba技术栈；掌握SpringDataJPA简单使用；一.Seata基本概念1.seata是什么Seata是阿里
  • 存储课程学习笔记7_fuse库的简单使用（fuse,opencv的demo） yun6853992 dpdk学习fuse
    fuse一般称为用户态度文件系统，可以实现在用户层实现对文件系统的控制。通过fuse内核模块的支持，基于libfuse提供的接口，就可以实现一个文件系统。fuse内核模块实现了与VFS的对接，运行后可以看到/dev/fuse，拦截相关请求，反馈给fuse进程，进行操作。使用fuse进行开发，不用关注内核模块，直接使用libfuse库在用户态实现文件系统即可。0：总结1：fuse的开发，实际上和前面
  • vue2 wavesurfer.js（7.8.5）简单使用 发根强劲 javascriptvue.js前端前端框架elementui
    文档地址：https://wavesurfer.xyz/docs/总时长：{{totalTime}}播放/暂停停止快退快进音量减速{{speed}}加速从第秒开始播放开始importWaveSurferfrom"wavesurfer.js";importTimelinefrom"wavesurfer.js/dist/plugins/timeline.js";importRegionsfrom"wa
  • x-ray社区版简单使用教程 一只迷茫的汪 工具爬虫web安全
    下载地址https://github.com/chaitin/xray注意：xray不开源，直接下载构建的二进制文件即可证书生成./xray_windows_amd64genca使用方法1，使用基础爬虫爬取并对爬虫爬取的链接进行漏洞扫描（xray的基础爬虫不能处理js渲染的页面）./xray_windows_amd64webscan--basic-crawlerhttp://example.com
  • 「iOS学习」——Masonry学习 归辞... ios学习cocoa
    iOS学习前言Masonry的属性Masonry的使用基础APIAutoBoxing修饰语倍数中心点设置边距优先级使用总结前言暑假我们学习了使用CocoaPods引入第三方库，实现使用SVG图片。而Masonry作为一个轻量级的布局架构，在使用中可以节省很多时间。故进行简单学习。Masonry的属性UI设计是iOS开发的必须一环，直接影响了app的观感和使用体验。我们通常使用frame框架直接确定
  • SpringBoot学习（10）邮件 星河漫漫l springboot运维开发开发语言学习
    简单使用1、pom包配置pom包里面添加spring-boot-starter-mail包引用org.springframework.bootspring-boot-starter-mail2、在application.properties中添加邮箱配置spring.mail.host=smtp.qiye.163.com//邮箱服务器地址[email protected]
  • Hbase的简单使用示例 傲雪凌霜，松柏长青 后端大数据hbase数据库大数据
    HBase是基于HadoopHDFS构建的分布式、列式存储的NoSQL数据库，适用于存储和检索超大规模的非结构化数据。它支持随机读写，并且能够处理PB级数据。HBase通常用于实时数据存取场景，与Hadoop生态紧密集成。使用HBase的Java示例前置条件HBase集群：确保HBase集群已经安装并启动。如果没有，你可以通过本地伪分布模式或Docker来运行HBase。Hadoop配置：HBas
  • Python-Matplotlib安装及简单使用 riyuexingchen0909 pythonpython图形
    在使用NumPy进行学习统计计算时是枯燥的，大量的数据令我们很头疼，所以我们需要把它图形化显示。Matplotlib是一个Python的图形框架，类似于MATLAB和R语言。Matplotlib的官网地址是http://matplotlib.org/，下载地址为http://matplotlib.org/downloads.html，选择对应的版本即可安装，我选择的版本为matplotlib-1.
  • Node.js的学习与简单使用 学习Java的唐唐 前端技术学习javajsnodejs
    一、简介1、什么是Node.js简单的说Node.js就是运行在服务端的JavaScript。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。2、Node.js有什么用如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个
  • Rust使用之【宏】 拐几个弯 RUST笔记rust开发语言后端
    一、简单使用clapclap={version="4.5.17",features=["derive"]}其中，什么是features=["derive"]：表示你希望在添加clap依赖时启用derive特性。这通常意味着你希望使用clap的派生（derive）宏功能，这些功能可以简化创建命令行接口的代码。例如，derive特性可以让你使用#[derive(Parser)]来自动生成解析命令行参数
  • Python中pandas包的简单使用 细节的温柔 opensnnpythonpandas开发语言
    OpenSNN开思通智网，官网地址：https://w3.opensnn.com/2024年8月份“O站创作者招募计划”快来O站写文章，千元大奖等你来拿！“一起来O站，玩转AGI！”pandas主要用于数据分析，常用于处理结构化数据，如表格数据。下面是pandas的简单使用。1.导入pandas包首先，你需要导入pandas包：importpandasaspd2.创建DataFrameDataFr
  • python读写excel教程_python读写excel weixin_39687422 python读写excel教程
    xlwthttp://pypi.python.org/pypi/xlrd简单使用导入xlwtimportxlwt新建一个excel文件file=xlwt.Workbook()#注意这里的Workbook首字母是大写，无语吧新建一个sheettable=file.add_sheet('sheetname')写入数据table.write(行,列,value)table.write(0,0,'test
  • android studio SQLite数据库的简单使用 爱掉发的小龙 oracle数据库androidstudiojavaandroidsqlite
    在AndroidStudio中使用数据库可以有多种方式，常见的几种方式包括使用SQLite数据库和使用SQLite数据库SQLite是一款轻量级的关系型数据库管理系统，在Android中被广泛使用。要在AndroidStudio中使用SQLite数据库，需要先创建一个数据库帮助类，这个类继承自SQLiteOpenHelper类，用于创建和管理数据库。在数据库帮助类中，可以定义表结构和数据库操作方法
  • JavaScript高级 —— 学习（四）（完结） COLDEHY 学习javascripthtml5前端java开发语言json
    目录一、深浅拷贝（一）浅拷贝1.浅拷贝的简单使用拷贝对象：拷贝数组：使用两种浅拷贝方法2.浅拷贝的问题（二）深拷贝1.通过递归实现深拷贝递归函数：递归实现过程：其他问题：2.利用lodash实现深拷贝3.利用JSON实现深拷贝二、异常处理（一）抛出异常throw（二）捕获异常trycatch（三）debugger三、处理this（一）this指向1.普通函数this指向2.箭头函数this指向（二
  • 瀑布流布局 vue 爱猪头的程序猿 vue.js前端javascript
    一种是使用纯JavaScript来实现，另一种是使用第三方库Masonry.js方案一：使用纯JavaScript实现这种方法适用于想要完全控制瀑布流布局的情况。步骤1：HTML结构首先，在HTML中定义一个容器来存放瀑布流中的元素。步骤2：Vue组件接下来，创建一个Vue组件来处理瀑布流逻辑。exportdefault{data(){return{items:[//示例数据{src:'image
  • Python3 | 练气期，入门初识与起步! 全栈工程师修炼指南 企业IT运维实践python
    [知识是人生的灯塔，只有不断学习，才能照亮前行的道路]0x00前言简述描述：作为一名网络安全转运维的工程师，每天一睁眼就要马不停蹄的学习各类计算机技术、编程和网络安全知识等，在工作中接触过很多编程语言，比如：C、Java、Python、PHP、Shell、PowerShell等，但都仅仅停留在看得懂一些，会简单使用一些的阶段，却没有去深入的了解过这些语言。正好这才趁着进行机器学习的机会，将Pyth
  • fishHook简单使用 苍天兄弟
    fishHook是Facebook提供的一个动态修改连接Mach-O文件的工具。利用Mach-O文件的加载原理，通过修改懒加载和非懒加载两个表(通过MachOView查看Mach-O文件)的指针达到C函数HOOK的目的。fishHook地址：https://github.com/facebook/fishhookfishHook的2个方法rebind_symbols函数和rebind_symbol
  • 【uniapp】如何在uniapp中使用xr-frame及xr-frame加载并使用gltf模型 qq_39377906 uni-app微信小程序
    微信的xr-frame已经出来有一段时间了，但网上关于它的使用方法的介绍少之又少，我可以合理的猜测，很大的原因是他们的文档写的…真就是…依托**------------吐槽结束正文开始------------XR-FRAME在此处我罗列了一些链接，是官方文档和demo的，指南写的还是可以的，用来入门了解一下没有问题。指南介绍了XR-FRAME的简单使用组件介绍了XR-FRAME中能够使用的组件AP
  • 【iOS】Masonry学习 键盘敲没电 ios学习cocoa
    Masonry学习前言NSLayoutConstraintMasonry学习mas_equalTo和equalToMasonry的优先级Masorny的其他写法Masonry的使用练习前言Masonry是一个轻量级的布局框架。通过链式调用的方式来描述布局，是排版代码更加简洁易读。masonry支持iOS和MacOSX。相比原生的NSLayoutConstraint，提高了使用容易度和代码的可阅读程
  • Git的简单使用 Caihua_X wkgit大数据
    Git是一个分布式版本控制系统，广泛用于软件开发。以下是一些常用的Git命令和使用方法：安装Git你可以从Git官方网站GitDownloads下载并安装Git。基本配置安装完成后，首先需要进行一些基本配置：gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"初始化仓库创建一个新
  • v-masonry踩坑 数据不重绘问题 黎明寄波澜* javascript前端vue.js
    在一堆数据中数据发生改变但是页面没有发生重绘（nextTick）描述场景我的小组里边有很多数据但是当我退出小组回来之后瀑布流出现空白情况请看图通过查看文档发现$redrawVueMasonry可以实现重绘于是各种调用不生效，最后发现把他写在nextTick里边才生效有当数据发生改变之后！！！请求完毕之后再去调用方法才有用所以从watch里边进行监听getCurrentInstance是vue里边的
  • Vue jquery.masonry 滑动自动加载 瀑布流 fanruitian 前端vue瀑布流滚动加载masonryajax
    虽然masonry.pkgd.min.js最新版本是4.2.0,但是本文章中采用的是V2.1.04，这里面已经集成了imagesloaded，所以不需要引入2次div代码为{{x.title}}</
  • Nginx的基本使用指南 小于负无穷 nginx运维学习ubuntu
    Nginx（发音为"enginex"）是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP代理服务器。由于其高效的资源利用和强大的并发处理能力，Nginx被广泛用于Web服务器、负载均衡器和反向代理服务器中。本文将介绍Nginx的基本安装、配置及其在日常开发中的简单使用场景。一、Nginx的安装1.1安装前的准备在安装Nginx之前，确保您的系统已经安装了以下依赖包：GCC
  • ChatGPT 3.5/4.0简单使用手册 老童聊AI 明哥陪你学Pythonchatgpt
    ChatGPT3.5/4.0是一种先进的人工智能聊天机器人，能够理解和生成自然语言文本，为用户提供信息检索、问题解答、语言翻译等服务。系统要求操作系统：无特定要求，支持主流操作系统。网络连接：需要稳定的网络连接来使用在线服务。安装与注册访问ChatGPT官方网站或下载相应的应用程序。创建账户：根据网站或应用程序的指示完成注册流程。登录：使用注册的账户信息登录。备注：因为国内环境原因，所以我们不得以
  • vite打包工具的简单使用 Software攻城狮 Vue3前端
    vite打包工具的简单使用Vite是一个由Vue.js核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。Vite利用ES模块的原生支持，实现了即时编译和热模块替换（HMR），并且在构建时采用Rollup来优化最终输出。Vite的基本配置Vite的配置文件是vite.config.js或者vite.config.ts（如果你使用TypeScript）。在这个文件中，你可以定
  • java 函数式编程 之 Stream API (二) e86dab508bc1
    在上一篇文章中，我们介绍了java8中streamAPI的简单使用，其中包括对于stream流操作的相关方法，我们可以借助它对于集合进行相关的处理，下面要介绍收集器，就是对于上一篇中的处理之后的数据如何安放做出动作，相比较于指令式的代码，函数式的代码目的就更加清晰，表现就更加形象，而且代码的复用能力更强，结合上一篇中的例子，我们先抛出一个简单的收集器的例子，然后我们再进一步分析。例子：（1）将数组
  • Node.js和Puppeteer进行Web抓取的简单使用 今天也想MK代码 node.js前端
    至此我们大概了解到node+electron+谷歌浏览器基本开发知识，现在就可以肝代码了。不要忘记自动化工具主要功能，自动化操作网页。这个时候我们就用到了Puppeteer这个库。Puppeteer的基础这里的第一步是创建一个新文件夹,其中我们创建一个新的JavaScript文件。通过终端找到你新建的文件夹,并使用下面的行安装Puppeteer包。npminstall--savepuppeteer
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他