股票场内基金交易，没时间盯盘？

使用优财助手电脑客户端记录下您的股票买入卖出数据，能帮您时刻盯盘，会根据您记录的未售出买入价计算上涨或下跌幅度，及时弹框通知您。想知道如何使用？快点击左方视频观看了解吧~~下载地址：http://youcaizhushou.com

什么是 masonry

这是官方的一个说明：

Masonry is a light-weight layout framework which wraps AutoLayout with a nicer syntax. Masonry has its own layout DSL which provides a chainable way of describing your NSLayoutConstraints which results in layout code that is more concise and readable. Masonry supports iOS and Mac OS X.

它为 iOS 以及 Mac 的开发提供了一个轻量级的布局框架，用更好的代码语法封装了 AutoLayout。用更简短代码来设置自己的 NSLaytouConstranits。

可以做什么

在以前的开发过程中，view 要显示在屏幕的哪个位置是用 NSLayoutConstraints 来约束的，用现在的眼光来看待 NSLayoutConstraints，它好处是可以让我们更详细的了解约束的方式以及各种参数的作用。随之带来的是代码兀余、开发效率低下的结果。

一个简单的例子：让一个子视图 view1 大小填满它的父视图 superview ，并且上下左右空出 10pt。用 NSLayoutConstraints 来描述这个需求的代码类似是这样子：

UIView *superview = self.view;

UIView *view1 = [[UIView alloc] init];
view1.translatesAutoresizingMaskIntoConstraints = NO;
view1.backgroundColor = [UIColor greenColor];
[superview addSubview:view1];

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[superview addConstraints:@[

    //view1 constraints
    [NSLayoutConstraint constraintWithItem:view1
                                 attribute:NSLayoutAttributeTop
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:superview
                                 attribute:NSLayoutAttributeTop
                                multiplier:1.0
                                  constant:padding.top],

    [NSLayoutConstraint constraintWithItem:view1
                                 attribute:NSLayoutAttributeLeft
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:superview
                                 attribute:NSLayoutAttributeLeft
                                multiplier:1.0
                                  constant:padding.left],

    [NSLayoutConstraint constraintWithItem:view1
                                 attribute:NSLayoutAttributeBottom
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:superview
                                 attribute:NSLayoutAttributeBottom
                                multiplier:1.0
                                  constant:-padding.bottom],

    [NSLayoutConstraint constraintWithItem:view1
                                 attribute:NSLayoutAttributeRight
                                 relatedBy:NSLayoutRelationEqual
                                    toItem:superview
                                 attribute:NSLayoutAttributeRight
                                multiplier:1
                                  constant:-padding.right],

 ]];

UIView *superview = self.view;

UIView *view1 = [[UIView alloc] init];

view1.translatesAutoresizingMaskIntoConstraints = NO;

view1.backgroundColor = [UIColor greenColor];

[superview addSubview:view1];

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[superview addConstraints:@[

//view1 constraints

[NSLayoutConstraint constraintWithItem:view1

attribute:NSLayoutAttributeTop

relatedBy:NSLayoutRelationEqual

toItem:superview

attribute:NSLayoutAttributeTop

multiplier:1.0

constant:padding.top],

[NSLayoutConstraint constraintWithItem:view1

attribute:NSLayoutAttributeLeft

relatedBy:NSLayoutRelationEqual

toItem:superview

attribute:NSLayoutAttributeLeft

multiplier:1.0

constant:padding.left],

[NSLayoutConstraint constraintWithItem:view1

attribute:NSLayoutAttributeBottom

relatedBy:NSLayoutRelationEqual

toItem:superview

attribute:NSLayoutAttributeBottom

multiplier:1.0

constant:-padding.bottom],

[NSLayoutConstraint constraintWithItem:view1

attribute:NSLayoutAttributeRight

relatedBy:NSLayoutRelationEqual

toItem:superview

attribute:NSLayoutAttributeRight

multiplier:1

constant:-padding.right],

]];

实现这样的需求，需要以上代码，而这例子仅仅是要包含一个子视图 view1 ，那如果在这时候插入两个以及更多的时候呢？代码量自然不言而喻。

来看看 masonry 是怎么描述的：

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(superview.mas_top).with.offset(padding.top); //with is an optional semantic filler
    make.left.equalTo(superview.mas_left).with.offset(padding.left);
    make.bottom.equalTo(superview.mas_bottom).with.offset(-padding.bottom);
    make.right.equalTo(superview.mas_right).with.offset(-padding.right);
}];

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(superview.mas_top).with.offset(padding.top); //with is an optional semantic filler

make.left.equalTo(superview.mas_left).with.offset(padding.left);

make.bottom.equalTo(superview.mas_bottom).with.offset(-padding.bottom);

make.right.equalTo(superview.mas_right).with.offset(-padding.right);

}];

甚至还能有更短的：

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(superview).with.insets(padding);
}];

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(superview).with.insets(padding);

}];

类似这样：

是不是简单了很多？

使用方法

介绍了 masonry 以及它的作用之后，下面我们根据例子来试用一下，看看效果。

首先使用前：用 CocoaPods 来安装，Podfile 中增加 pod ‘Masonry’ ，然后在项目当前的文件下 #import “Masonry.h”，
如果之前有定义了 pch 文件可以直接在里面 #define MAS_SHORTHAND。这些是官方提供的安装方式。

开始使用，先看这么个需求（其实也是上面例子中的引申）：让一个子视图 view1 的大小填满它的父视图 superview ，并且上下左右空出 10pt。在 view1 里面增加一个 view2 跟两个按钮，这两个按钮分别来控制 view2 的显示位置以及使用 masonry 的一些方法特性。

必须按照以下步骤来做，否则会抛出异常导致崩溃：

子 View 初始化;
子 View 包含在父 View 上addSubViews:;
然后再做约束。

贴出代码：

//
//  ViewController.m
//  MasonryDemo
//
//  Created by jele lam on 24/10/2017.
//  Copyright © 2017年 jele lam. All rights reserved.
//

#import "ViewController.h"
#import "Masonry.h"

@interface ViewController ()
@property (nonatomic, strong) UIView *view1;
@property (nonatomic, strong) UIView *view2;
@property (nonatomic, strong) UIButton *updateButton;
@property (nonatomic, strong) UIButton *remakeButton;
@end

@implementation ViewController

- (void)viewDidLoad {
  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.
  //    首先要加載並初始化控件
  [self setupViews];
  //    然後才使用 masonry 框架來約束各個控件
  [self setupFrame];

}


- (void)setupViews {
  [self.view1 addSubview:self.view2];
  [self.view1 addSubview:self.updateButton];
  [self.view1 addSubview:self.remakeButton];
  [self.view addSubview:self.view1];
}

- (void)setupFrame {
  [self.view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(20, 10, 10, 10));
  }];

  [self.view2 mas_makeConstraints:^(MASConstraintMaker *make) {
    //        讓黃色 view2 貼近黑色 view1 的頂部
    make.top.equalTo(self.view1);
    //        讓黃色 view2 的水平中心點與黑色 view1 對齊
    make.centerX.equalTo(self.view1);
    //        設定黃色 view2 的寬高
    make.width.equalTo(@(50));
    make.height.equalTo(@(50));
  }];

  [self.updateButton mas_makeConstraints:^(MASConstraintMaker *make) {
    make.center.equalTo(self.view1);
    make.width.equalTo(@(100));
    make.height.equalTo(@(60));
  }];

  [self.remakeButton mas_makeConstraints:^(MASConstraintMaker *make) {
    //        讓 remakeButton 的頂部與 updateButton 的底部對齊
    //        換句話說，把 remakeButton 放在 updateButton 下面
    make.top.equalTo(self.updateButton.mas_bottom);
    make.centerX.equalTo(self.updateButton);
    make.width.equalTo(@(100));
    make.height.equalTo(@(60));
  }];

  [self.view updateConstraintsIfNeeded];
  [self.view setNeedsUpdateConstraints];
}


/*
 * mas_updateConstraints 修改或增加約束。
 */

- (void)updateButtonPress {
  NSLog(@"你點擊了");
  self.updateButton.selected = !self.updateButton.selected;
  if (self.updateButton.selected) {
    [self.view2 mas_updateConstraints:^(MASConstraintMaker *make) {
      make.width.equalTo(@(self.view1.frame.size.width));
    }];
  } else {
    [self.view2 mas_updateConstraints:^(MASConstraintMaker *make) {
      make.width.equalTo(@(50));
    }];
  }
  //加入以下代码可以让约束动起来～～

  [UIView animateWithDuration:0.2 delay:0
                      options:UIViewAnimationOptionCurveEaseIn
                   animations:^{
                     [self.view layoutIfNeeded];
                   }
                   completion:nil];

}


/*
 * mas_remakeConstraints 丟棄之前設定的約束，以設置新的約束。
 */

- (void)remakeButtonPress {
  self.remakeButton.selected = !self.remakeButton.selected;

  if (self.remakeButton.selected) {
    [self.view2 mas_remakeConstraints:^(MASConstraintMaker *make) {
      make.bottom.equalTo(self.view1);
      make.width.equalTo(@(50));
      make.height.equalTo(@(50));
      //            讓黃色 view2 貼近黑色 view1 右側
      make.right.mas_equalTo(self.view1);
    }];
  } else {
    [self.view2 mas_remakeConstraints:^(MASConstraintMaker *make) {
      make.top.equalTo(self.view1);
      make.width.equalTo(@(50));
      make.height.equalTo(@(50));
      //            讓黃色 view2 貼近黑色 view1 左側
      make.left.mas_equalTo(self.view1);
    }];
  }
  self.updateButton.selected = NO;
}

#pragma mark lazyLoad

- (UIView *)view1 {
  if (!_view1) {
    _view1 = [[UIView alloc] init];
    _view1.backgroundColor = [UIColor blackColor];
  }
  return _view1;
}

- (UIView *)view2 {
  if (!_view2) {
    _view2 = [[UIView alloc] init];
    _view2.backgroundColor = [UIColor yellowColor];
  }
  return _view2;
}

- (UIButton *)updateButton {
  if (!_updateButton) {
    _updateButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [_updateButton setTitle:@"更新約束" forState:UIControlStateNormal];
    [_updateButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    [_updateButton setTitleColor:[UIColor orangeColor] forState:UIControlStateHighlighted];
    [_updateButton.layer setMasksToBounds:YES];
    [_updateButton.layer setBorderWidth:1.f];
    [_updateButton.layer setBorderColor:[UIColor orangeColor].CGColor];
    [_updateButton addTarget:self action:@selector(updateButtonPress) forControlEvents:UIControlEventTouchUpInside];
  }
  return _updateButton;
}

- (UIButton *)remakeButton {
  if (!_remakeButton) {
    _remakeButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [_remakeButton setTitle:@"重建約束" forState:UIControlStateNormal];
    [_remakeButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];
    [_remakeButton setTitleColor:[UIColor orangeColor] forState:UIControlStateHighlighted];
    [_remakeButton.layer setMasksToBounds:YES];
    [_remakeButton.layer setBorderWidth:1.f];
    [_remakeButton.layer setBorderColor:[UIColor orangeColor].CGColor];
    [_remakeButton addTarget:self action:@selector(remakeButtonPress) forControlEvents:UIControlEventTouchUpInside];
  }
  return _remakeButton;
}

- (void)didReceiveMemoryWarning {
  [super didReceiveMemoryWarning];
  // Dispose of any resources that can be recreated.
}


@end

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

// ViewController.m

// MasonryDemo

// Created by jele lam on 24/10/2017.

#import "ViewController.h"

#import "Masonry.h"

@interface ViewController ()

@property (nonatomic, strong) UIView *view1;

@property (nonatomic, strong) UIView *view2;

@property (nonatomic, strong) UIButton *updateButton;

@property (nonatomic, strong) UIButton *remakeButton;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

// Do any additional setup after loading the view, typically from a nib.

// 首先要加載並初始化控件

[self setupViews];

// 然後才使用 masonry 框架來約束各個控件

[self setupFrame];

}

- (void)setupViews {

[self.view1 addSubview:self.view2];

[self.view1 addSubview:self.updateButton];

[self.view1 addSubview:self.remakeButton];

[self.view addSubview:self.view1];

}

- (void)setupFrame {

[self.view1 mas_makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(self.view).insets(UIEdgeInsetsMake(20, 10, 10, 10));

}];

[self.view2 mas_makeConstraints:^(MASConstraintMaker *make) {

// 讓黃色 view2 貼近黑色 view1 的頂部

make.top.equalTo(self.view1);

// 讓黃色 view2 的水平中心點與黑色 view1 對齊

make.centerX.equalTo(self.view1);

// 設定黃色 view2 的寬高

make.width.equalTo(@(50));

make.height.equalTo(@(50));

}];

[self.updateButton mas_makeConstraints:^(MASConstraintMaker *make) {

make.center.equalTo(self.view1);

make.width.equalTo(@(100));

make.height.equalTo(@(60));

}];

[self.remakeButton mas_makeConstraints:^(MASConstraintMaker *make) {

// 讓 remakeButton 的頂部與 updateButton 的底部對齊

// 換句話說，把 remakeButton 放在 updateButton 下面

make.top.equalTo(self.updateButton.mas_bottom);

make.centerX.equalTo(self.updateButton);

make.width.equalTo(@(100));

make.height.equalTo(@(60));

}];

[self.view updateConstraintsIfNeeded];

[self.view setNeedsUpdateConstraints];

}

* mas_updateConstraints 修改或增加約束。

- (void)updateButtonPress {

NSLog(@"你點擊了");

self.updateButton.selected = !self.updateButton.selected;

if (self.updateButton.selected) {

[self.view2 mas_updateConstraints:^(MASConstraintMaker *make) {

make.width.equalTo(@(self.view1.frame.size.width));

}];

} else {

[self.view2 mas_updateConstraints:^(MASConstraintMaker *make) {

make.width.equalTo(@(50));

}];

}

//加入以下代码可以让约束动起来～～

[UIView animateWithDuration:0.2 delay:0

options:UIViewAnimationOptionCurveEaseIn

animations:^{

[self.view layoutIfNeeded];

}

completion:nil];

}

* mas_remakeConstraints 丟棄之前設定的約束，以設置新的約束。

- (void)remakeButtonPress {

self.remakeButton.selected = !self.remakeButton.selected;

if (self.remakeButton.selected) {

[self.view2 mas_remakeConstraints:^(MASConstraintMaker *make) {

make.bottom.equalTo(self.view1);

make.width.equalTo(@(50));

make.height.equalTo(@(50));

// 讓黃色 view2 貼近黑色 view1 右側

make.right.mas_equalTo(self.view1);

}];

} else {

[self.view2 mas_remakeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(self.view1);

make.width.equalTo(@(50));

make.height.equalTo(@(50));

// 讓黃色 view2 貼近黑色 view1 左側

make.left.mas_equalTo(self.view1);

}];

}

self.updateButton.selected = NO;

}

#pragma mark lazyLoad

- (UIView *)view1 {

if (!_view1) {

_view1 = [[UIView alloc] init];

_view1.backgroundColor = [UIColor blackColor];

}

return _view1;

}

- (UIView *)view2 {

if (!_view2) {

_view2 = [[UIView alloc] init];

_view2.backgroundColor = [UIColor yellowColor];

}

return _view2;

}

- (UIButton *)updateButton {

if (!_updateButton) {

_updateButton = [UIButton buttonWithType:UIButtonTypeCustom];

[_updateButton setTitle:@"更新約束" forState:UIControlStateNormal];

[_updateButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

[_updateButton setTitleColor:[UIColor orangeColor] forState:UIControlStateHighlighted];

[_updateButton.layer setMasksToBounds:YES];

[_updateButton.layer setBorderWidth:1.f];

[_updateButton.layer setBorderColor:[UIColor orangeColor].CGColor];

[_updateButton addTarget:self action:@selector(updateButtonPress) forControlEvents:UIControlEventTouchUpInside];

}

return _updateButton;

}

- (UIButton *)remakeButton {

if (!_remakeButton) {

_remakeButton = [UIButton buttonWithType:UIButtonTypeCustom];

[_remakeButton setTitle:@"重建約束" forState:UIControlStateNormal];

[_remakeButton setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

[_remakeButton setTitleColor:[UIColor orangeColor] forState:UIControlStateHighlighted];

[_remakeButton.layer setMasksToBounds:YES];

[_remakeButton.layer setBorderWidth:1.f];

[_remakeButton.layer setBorderColor:[UIColor orangeColor].CGColor];

[_remakeButton addTarget:self action:@selector(remakeButtonPress) forControlEvents:UIControlEventTouchUpInside];

}

return _remakeButton;

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

最后

谢谢大家

参考阅读：

Masonry

想获得去掉 5 元限制的证券账户吗？

证券交易股票基金的佣金，不足 5 元会按照 5 元收取。比如交易 1000 元的股票，按照普遍的证券佣金手续费率万 2.5，其交易佣金为 0.25 元，小于 5 元，实际会收取佣金 5 元，买卖两次需要支付 10 元佣金成本，1% 的利润就这样没了。

如果您想去掉最低交易佣金 5 元限制，使用微信扫描左边小程序二维码，访问微信小程序「优财助手」，点击底部菜单「福利」，阅读文章「通过优财开证券账户无最低交易佣金 5 元限制」，按照文章步骤操作即可获得免 5 元证券账户，股票基金交易手续费率万 2.5。

请注意，一定要按照文章描述严格操作，如错误开户是无法获得免 5 元证券账户的。

[iOS] 简单解析 masonry

股票场内基金交易，没时间盯盘？

什么是 masonry

可以做什么

使用方法

最后

想获得去掉 5 元限制的证券账户吗？

发表评论取消回复

股票场内基金交易，没时间盯盘？

什么是 masonry

可以做什么

使用方法

最后

想获得去掉 5 元限制的证券账户吗？

发表评论 取消回复

发表评论取消回复