android开发笔记 mars,Marsonry库学习笔记

最新推荐文章于 2021-05-27 14:49:40 发布
最新推荐文章于 2021-05-27 14:49:40 发布
阅读量137 收藏
点赞数
文章标签： android开发笔记 mars

多个相似Controller模板写法

- (id)initWithTitle:(NSString *)title viewClass:(Class)viewClass {

self = [super init];

if (!self) return nil;

self.title = title;

self.viewClass = viewClass;

return self;

}

- (void)loadView {

self.view = self.viewClass.new;

self.view.backgroundColor = [UIColor whiteColor];

}

基本

MASExampleBasicView

int padding = 10;

[greenView makeConstraints:^(MASConstraintMaker *make) {

// greenView顶部距离父视图顶部间距>=10

make.top.greaterThanOrEqualTo(superview.top).offset(padding);

// greenView左边距离父视图左边间距==10

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

// greenView底部距离blueView顶部间距==-10,说明blueView在greenView下方

make.bottom.equalTo(blueView.top).offset(-padding);

// greenView右边距离redView左边间距==-10,说明redView在greenView右方

make.right.equalTo(redView.left).offset(-padding);

// greenView宽度==redView宽度

make.width.equalTo(redView.width);

// greenView高度==redView高度

make.height.equalTo(redView.height);

// greenView高度==blue高度

make.height.equalTo(blueView.height);

}];

更新修改

MASExampleUpdateView

+ (BOOL)requiresConstraintBasedLayout {

// 我们应该在自定义View中重写这个方法。如果我们要使用Auto Layout布局当前视图，应该设置为返回YES。

return YES;

}

// 苹果推荐的更新约束的地方

- (void)updateConstraints {

[self.growingButton updateConstraints:^(MASConstraintMaker *make) {

make.center.equalTo(self);

// 降低优先度，相当于设置一个最小值

make.width.equalTo(@(self.buttonSize.width)).priorityLow();

make.height.equalTo(@(self.buttonSize.height)).priorityLow();

// 设置最大值不超过self的宽度/高度

make.width.lessThanOrEqualTo(self);

make.height.lessThanOrEqualTo(self);

}];

// 最后才调用父方法

[super updateConstraints];

}

- (void)didTapGrowButton:(UIButton *)button {

self.buttonSize = CGSizeMake(self.buttonSize.width * 1.3, self.buttonSize.height * 1.3);

// 告诉self约束准备更新

[self setNeedsUpdateConstraints];

// 更新约束

[self updateConstraintsIfNeeded];

[UIView animateWithDuration:0.4 animations:^{

// 更新视图

[self layoutIfNeeded];

}];

}

重设

MASExampleRemakeView

重设使用方法remakeConstraints

remakeConstraints和updateConstraints类似，只是remakeConstraints会删除旧的约束，添加新的约束

而updateConstraints则会更新出现在block里的约束

使用常量

MASExampleConstantsView

Masonry可以使用标量和结构体(CGPoint、CGSize之类的)

Edges

MASExampleSidesView

[view mas_makeConstraints:^(MASConstraintMaker *make) {

// 一次设好上下左右间距的方法

make.edges.equalTo(lastView).insets(UIEdgeInsetsMake(5, 10, 15, 20));

}];

AspectFit

MASExampleAspectFitView

//设置约束

[self addSubview:_topView];

[_topView makeConstraints:^(MASConstraintMaker *make) {

make.top.left.and.right.equalTo(self);

}];

[self addSubview:_bottomView];

[_bottomView makeConstraints:^(MASConstraintMaker *make) {

make.left.right.and.bottom.equalTo(self);

make.top.equalTo(_topView.mas_bottom);

make.height.equalTo(_topView.mas_height);

}];

[_topView addSubview:_topInnerView];

[_topInnerView makeConstraints:^(MASConstraintMaker *make) {

make.width.equalTo(_topInnerView.mas_height).multipliedBy(3);

make.center.equalTo(_topView);

make.width.and.height.lessThanOrEqualTo(_topView);

make.width.and.height.equalTo(_topView).priorityLow();

}];

[_bottomView addSubview:_bottomInnerView];

[_bottomInnerView makeConstraints:^(MASConstraintMaker *make) {

make.height.equalTo(_bottomInnerView.mas_width).multipliedBy(3);

make.center.equalTo(_bottomView);

make.width.and.height.lessThanOrEqualTo(_bottomView);

make.width.and.height.equalTo(_bottomView).priorityLow();

}];

PS:设置约束的时候两个视图要在同一父视图上或者有关系

简单动画

MASExampleAnimatedView

- (void)makeConstraints {

int padding = self.padding;

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

[self.greenView makeConstraints:^(MASConstraintMaker *make) {

[self.animateArray addObjectsFromArray:@[

make.edges.equalTo(self).offset(paddingInserts).priorityLow(),

make.right.equalTo(self.redView.mas_left).offset(-padding),

make.bottom.equalTo(self.blueView.mas_top).offset(-padding)

]

];

make.size.equalTo(self.redView);

make.height.equalTo(self.blueView);

}];

[self.redView makeConstraints:^(MASConstraintMaker *make) {

[self.animateArray addObjectsFromArray:@[

make.edges.equalTo(self).offset(paddingInserts).priorityLow(),

make.bottom.equalTo(self.blueView.mas_top).offset(-padding)

]

];

}];

[self.blueView makeConstraints:^(MASConstraintMaker *make) {

[self.animateArray addObject:make.edges.equalTo(self).offset(paddingInserts).priorityLow()];

}];

}

// 移动到window显示的时候开始动画

- (void)didMoveToWindow {

[self layoutIfNeeded];

if (self.window) {

self.isAnimating = YES;

[self anmateWithInvertedInserts:NO];

}

}

- (void)willMoveToWindow:(UIWindow *)newWindow {

self.isAnimating = newWindow != nil;

}

- (void)anmateWithInvertedInserts:(BOOL)invertedInserts {

if (!self.isAnimating) {

return;

}

int padding = invertedInserts ? 100 : self.padding;

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

// 遍历之前存储的约束、依次修改

for (MASConstraint *constraint in self.animateArray) {

constraint.insets = paddingInserts;

}

// 使用动画更新视图

[UIView animateWithDuration:1.0 animations:^{

[self layoutIfNeeded];

} completion:^(BOOL finished) {

[self anmateWithInvertedInserts:!invertedInserts];

}];

}

长文本约束

MASExampleLabelView

主要存在两种情况

1.右边短文本，左边长文本。

重写layoutSubviews方法确定短文本宽度，由此确定长文本宽度，设置preferredMaxLayoutWidth

左边短文本，右边长文本。与上面一样处理

[self.longLabel makeConstraints:^(MASConstraintMaker *make) {

make.left.equalTo(self.left).insets(kPadding);

make.top.equalTo(self.top).insets(kPadding);

}];

[self.shortLabel makeConstraints:^(MASConstraintMaker *make) {

make.centerY.equalTo(self.longLabel.centerY);

make.right.equalTo(self.right).insets(kPadding);

}];

- (void)layoutSubviews {

[super layoutSubviews];

// 使用Autolayout，由此方法获取真实的frame

CGFloat width = CGRectGetMinX(self.shortLabel.frame) - kPadding.left;

width -= CGRectGetMinX(self.longLabel.frame);

self.longLabel.preferredMaxLayoutWidth = width;

//再次调用，重新计算

[super layoutSubviews];

}

2.上面长文本，下面固定

- (void)makeConstraints {

UIView *superView = self;

[self.longLabel makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(superView.top).offset(kPadding);

make.left.equalTo(superView.left).offset(kPadding);

make.right.equalTo(superView.right).offset(-kPadding);

make.bottom.equalTo(self.shortLabel.top).offset(-kPadding);

}];

[self.shortLabel makeConstraints:^(MASConstraintMaker *make) {

make.edges.equalTo(superView).offset(kInserts).priorityLow();

make.left.equalTo(superView.left).offset(kPadding);

}];

}

ScrollView

ScrollView的约束一般是在其上面添加一个contentView通过约束这个contentView来达到效果

- (void)generateContent {

UIView* contentView = UIView.new;

[self.scrollView addSubview:contentView];

[contentView makeConstraints:^(MASConstraintMaker *make) {

// 上下左右与scrollView间距为0，宽度相同,垂直滚动的scrollView必须确定宽度

make.edges.equalTo(self.scrollView);

make.width.equalTo(self.scrollView);

}];

// 开始计算contentView的高度

UIView *lastView;

CGFloat height = 25;

for (int i = 0; i < 10; i++) {

UIView *view = UIView.new;

view.backgroundColor = [self randomColor];

[contentView addSubview:view];

UITapGestureRecognizer *singleTap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(singleTap:)];

[view addGestureRecognizer:singleTap];

[view mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(lastView ? lastView.bottom : @0);

make.left.equalTo(@0);

make.width.equalTo(contentView.width);

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

}];

height += 25;

lastView = view;

}

[contentView makeConstraints:^(MASConstraintMaker *make) {

// 对contentView高度进行约束

make.bottom.equalTo(lastView.bottom);

}];

}

Array

多个view对齐的约束

- (void)updateConstraints {

[self.buttonViews updateConstraints:^(MASConstraintMaker *make) {

// 添加baseline对齐

make.baseline.equalTo(self.mas_centerY).with.offset(self.offset);

}];

//最后才调用

[super updateConstraints];

}

AttributeChaining

链式语法

[greenView mas_makeConstraints:^(MASConstraintMaker *make) {

// chain attributes

make.top.and.left.equalTo(superview).insets(padding);

// 相当于

// make.top.greaterThanOrEqualTo(superview).insets(padding);

// make.left.greaterThanOrEqualTo(superview).insets(padding);

make.bottom.equalTo(blueView.mas_top).insets(padding);

make.right.equalTo(redView.mas_left).insets(padding);

make.width.equalTo(redView.mas_width);

make.height.equalTo(@[redView, blueView]);

}];

间距

利用预先设定好的间距布局

view.layoutMargins = UIEdgeInsetsMake(5, 10, 15, 20);

[self addSubview:view];

[view mas_makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(lastView.topMargin);

make.bottom.equalTo(lastView.bottomMargin);

make.left.equalTo(lastView.leftMargin);

make.right.equalTo(lastView.rightMargin);

}];

多个控件固定间隔的等间隔排列

MASExampleDistributeView

/**

* 多个控件固定间隔的等间隔排列，变化的是控件的长度或者宽度值

*

* @param axisType 轴线方向

* @param fixedSpacing 间隔大小

* @param leadSpacing 头部间隔

* @param tailSpacing 尾部间隔

*/

- (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType

withFixedSpacing:(CGFloat)fixedSpacing l

eadSpacing:(CGFloat)leadSpacing

tailSpacing:(CGFloat)tailSpacing;

/**

* 多个固定大小的控件的等间隔排列,变化的是间隔的空隙

*

* @param axisType 轴线方向

* @param fixedItemLength 每个控件的固定长度或者宽度值

* @param leadSpacing 头部间隔

* @param tailSpacing 尾部间隔

*/

- (void)mas_distributeViewsAlongAxis:(MASAxisType)axisType

withFixedItemLength:(CGFloat)fixedItemLength

leadSpacing:(CGFloat)leadSpacing

tailSpacing:(CGFloat)tailSpacing;

LayoutGuide

MASExampleLayoutGuideViewController

[topView makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(self.mas_topLayoutGuide);

make.left.equalTo(self.view);

make.right.equalTo(self.view);

make.height.equalTo(@40);

}];

[topSubview makeConstraints:^(MASConstraintMaker *make) {

make.top.equalTo(self.mas_topLayoutGuide);

make.centerX.equalTo(@0);

make.width.equalTo(@20);

make.height.equalTo(@20);

}];

[bottomView makeConstraints:^(MASConstraintMaker *make) {

make.bottom.equalTo(self.mas_bottomLayoutGuide);

make.left.equalTo(self.view);

make.right.equalTo(self.view);

make.height.equalTo(@40);

}];

敌军头目
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
android+微信mars,微信Mars——xlog使用全解析
weixin_34421376的博客
05-29 1005
微信Mars——xlog使用全解析很多人问我微信的Mars到底有什么用，今天就告诉你其中一个最简单的！如约而至，微信在12月19日开源了底层的通信库——Mars，其中有一个部分，是一个高性能的日志模块——xlog。xlog的详细介绍，大家可以参考微信技术公众号的这篇文章——微信终端跨平台组件 mars 系列(一) - 高性能日志模块xlog。本篇文章将带领大家将xlog模块抽取出来，作为一个单独的...
android mars 源码,Android学习（Mars Android）——S01_E05
weixin_39617006的博客
05-28 134
——排错:Activity02：package com.example.activity02;import android.app.Activity;import android.content.Context;import android.content.Intent;import android.os.Bundle;import android.view.Menu;import android...
css textbox 边框去掉_「干货」纯CSS实现瀑布流（Masonry）
weixin_39560245的博客
11-23 99
作者：MudOnTire转发链接：https://segmentfault.com/a/1190000023103516前言瀑布流提供了一种错落有致的美观布局，被各种注重交互品味的素材网站(如：花瓣、unsplash)广泛应用。社区也提供了不少瀑布流布局的工具，如：masonry 、colcade 等。常规的实现瀑布流的做法是用 JS 动态的计算“砖块”的尺寸和位置，计算量大、性能差。今天给大家介...
Android Mars XLog 自定义存储格式
朱豪凯的博客
02-18 3804
经过前两篇文章 Android 微信高性能日志存储库Xlog的使用 Android Mars XLog的编译 我们大概了解了XLog，但是微信开源的XLog日志库，格式是写死的，如下图所示 那我们如果需要实现自定义的格式存储日志，该怎么办呢 ? 通过源码，我们可以发现，mars\log\src\appender.cc文件中的appender_open方法，会拼接下面这部分信息 ^^^^^^^^^...
android-masonry （一个自由排布的GridView，效果很棒）
weixin_34253126的博客
10-17 309
http://www.apkbus.com/android-85936-1-1.html 代码名称: android-masonry 代码描述: This project provides dynamic grid layouts for Android. 安卓巴士 测试编译 ：测试环境 Android 2.33 代码托管地址: ht...
Mars Android 接入指南
weixin_30633405的博客
06-28 677
Mars Android 接入指南 https://github.com/Tencent/mars/wiki/Mars-Android-%E6%8E%A5%E5%85%A5%E6%8C%87%E5%8D%97 gradle 接入 gradle 接入使用的日志加密算法是不加密的，长连接短连接加解包也是默认的，如需自定义请参考本地编译。注意 gradle接入因为考虑依赖包体积的大小，...
Android 进程常驻（使用第三方MarsDaemon）（虽然不可用，但是还是保留下。）
weixin_34040079的博客
06-14 231
github地址： https://github.com/Marswin/MarsDaemon 原理分析： Android 进程常驻（0）----MarsDaemon使用说明 Android 进程常驻（1）----开篇 Android 进程常驻（2）----细数利用android系统机制的保活手段 Android 进程常驻（3）----native保活5.0以下方案推演过程以及代码详述...
Masonry介绍与使用实践：快速上手Autolayout
五小兮的专栏
12-20 741
今天看到的就转过来以防以后有需要，http://www.cocoachina.com/ios/20141219/10702.html 前言 1 MagicNumber -> autoresizingMask -> autolayout 以上是纯手写代码所经历的关于页面布局的三个时期
SnapKit 源码解读（三）：Maker
weixin_33939843的博客
05-28 956
Maker 是 SnapKit 中最核心的概念，所有关于约束的操作都是通过 Maker 来进行管理和操作的。 ConstraintMaker ConstraintMaker 是施加、更新和重置约束三个功能的核心类，与之对应的也实现了相关的类方法。同时其还声明了很多计算属性，用来配置约束使用。 初始化方法 ConstraintMaker 是通过 LayoutConstraintItem 类型的 it...
Masonry学习之基本布局
陶罐的程序世界
12-04 718
何谓基本布局？个人以为即确定的一个或几个视图，设置固定的约束，约束不会发生更新和变化。 此处一例，来自Masonry官方例子，如下图所示：如果使用苹果原生的纯代码相对布局来添加约束，需要添加15条约束，约束的逻辑并不复杂，无非上下左右、等宽和等高，但是代码却十分繁琐，多达100多行。有兴趣可以自己写些看，尤其初学的话，最好动动手。那我们使用Masonry实现同样的约束布局又是怎样的呢？看代码：[g
mars老师讲的android开发视频教程1-5季的所有源码
08-26
mars老师讲的android开发视频教程1-5季的所有源码
Mars老师安卓教学视频全集
10-08
Mars老师安卓教学视频全集，包括第1季、第2季、第3季、第4季、第5季、第1季重录版、第2季重录版
Android_Mars:互动故事应用
07-05
Android_Mars 互动故事应用
mars_ Android开发视频教程源码第一至五季(截止至2012年12月6日）最新)
12-06
mars Android开发视频教程源码 网上有太多 大多不全也没有说明 现在整理了下目前能找到的源码 包含了第一季到第五季 第一季1-33 ，缺少3个：26 据说没有录制好没有了 27 28 没有搜集到 第二季 已全 1-12 第三季 已全 1-8 蓝牙 用户定位 Google地图 第四季 只有4、6、8、10、11、12 第五季 第1-5课已有 所有已有源码都按课程顺序排好了 不需要资源分即可下载
Mars-第2季(重录版)-Android开发视频教程
09-10
Mars-第2季(重录版)-Android开发视频教程 (共五季,外加两季重录版,此链接为第2季(重录版))
Android_Mars_数独开发03
zlfxy的专栏
03-25 1671
本文内容来自千锋Mars老师的视频，看完后，整理作为学习笔记。 1、绘制九宫格。 九宫格游戏，是由一个大的九宫格，9个小的九宫格组成。整个界面有9个小小九宫格，每个小九宫格有九个小格子，因此总共有81个格子。 （1）定义画笔： //定义画笔对象-->绘制格子线条 Paint darkPaint = new Paint(); darkPaint.setColor(getResou
make.centerY.equalTo(weakSelf).with.offset(-110);
pilqc2009的专栏
05-23 1795
[_line mas_makeConstraints:^(MASConstraintMaker *make) {         make.centerX.equalTo(weakSelf);         make.centerY.equalTo(weakSelf).with.offset(-110);         make.size.mas_equalTo(CGSizeMake(
masonry 四个控件纵向对齐===关键点是 centerX是要对齐的
春风得意，马蹄仍急；少年豪情，一笑难回。
03-10 7991
sssssss
android瀑布流插件,jQuery瀑布流插件 Masonry
weixin_42510060的博客
05-27 209
插件描述：用jQuery Masonry 插件创建瀑布流式的页面我们可以使用 jQuery 的 Masonry 插件来实现这种页面形式，下面介绍一下方法。1,分别下载 jQuery 与 Masonry ，然后把他们都加载到页面中使用。加载代码：解释：很简单，就是把下载之后的脚本文件嵌入到你想使用瀑布流形式的页面中，注意文件的名称与路径，根据你自己的实际情况修改。2,页面代码...解释：把每个小内容...
Mars老师Java4Android教程笔记：构造函数与this的用法
"mars 老师的 Java 用于 Android 开发的笔记，涵盖了构造函数、重载、this 关键字的使用以及构造函数的调用等基础知识。" 在 Java4Android12-15 部分，我们讨论了构造函数和重载的概念。构造函数是用于初始化对象的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值