SDAutolayout的使用方法

以UIView为例:

UIView *view1 = [UIView new];

view1.sd_layout都是点语法

距离左边:view1.sd_layout.leftSpaceToView(self.view,20)

参数1是view1左边以哪个视图为基准,参数2是具体的数值距离上下右就把left换成对应的位置就行

对齐:leftEqualToView(self.view,20)  需要其它对齐,将左变成需要的位置

宽高:1.具体数值:heightIs(100)widthIs(20)

2.根据其他视图的比例来:heightRatioToView(self.view,0.5)

view1的高是view的0.5倍,就是一半

widthRatioToView(self.view,0.5)

view1的高是view的0.5倍,就是一

中心:centerYEqualToView(self.view)centerXEqualToView(self.view)

Label内容自适应:

① label的父视图根据label的高度自适应

UILabel*subview1 = [UILabelnew];//初始化子label

subview1.text=@"这个label会根据这些文字内容高度自适应;而这个父view会根据label和view具体情况实现高度自适应。\nGot

it! OH YAEH!这个label会根据这些文字内容高度自适应;而这个父view会根据label和view具体情况实现高度自适应。\nGot

it! OH YAEH!";

UIView*subview2 = [UIViewnew];//初始化子view2

subview2.backgroundColor= [UIColororangeColor];

//将子view添加进父view

[self.view1sd_addSubviews:@[subview1,

subview2]];

subview1.sd_layout

.leftSpaceToView(self.view1,10)

.rightSpaceToView(self.view1,10)

.topSpaceToView(self.view1,10)

.autoHeightRatio(0);//设置文本内容自适应,如果这里的参数为大于0的数值则会以此数值作为view的高宽比设置view的高度

subview2.sd_layout

.topSpaceToView(subview1,10)

.widthRatioToView(subview1,1)

.heightIs(30)

.leftEqualToView(subview1);

//view1使用高度根据子view内容自适应,所以不需要设置高度,而是设置“[self.view1

setupAutoHeightWithBottomView:testView bottomMargin:10];”实现高度根据内容自适应

self.view1.sd_layout

.leftSpaceToView(self.view,10)

.topSpaceToView(self.view,80)

.rightSpaceToView(self.view,10);

//设置view1高度根据子其内容自适应

[self.view1setupAutoHeightWithBottomView:subview2bottomMargin:10];

②label宽度自适应

UILabel*autoWidthlabel = [UILabelnew];

autoWidthlabel.backgroundColor= [[UIColororangeColor]colorWithAlphaComponent:0.5];

_autoWidthLabel= autoWidthlabel;

autoWidthlabel.font= [UIFontsystemFontOfSize:12];

autoWidthlabel.text=@"宽度自适应(距离父view右边距10)";

[self.viewaddSubview:autoWidthlabel];

autoWidthlabel.sd_layout

.rightSpaceToView(self.view,10)

.heightIs(20)

.bottomSpaceToView(self.view,50);

[autoWidthlabelsetSingleLineAutoResizeWithMaxWidth:180];

③label高度自适应

UILabel*autoHeightlabel = [UILabelnew];

autoHeightlabel.backgroundColor= [[UIColorredColor]colorWithAlphaComponent:0.5];

autoHeightlabel.font= [UIFontsystemFontOfSize:12];

autoHeightlabel.text=@"高度自适应(距离父view左边距10,底部和其右侧label相同,宽度为100)";

[self.viewaddSubview:autoHeightlabel];

autoHeightlabel.sd_layout

.bottomEqualToView(_autoWidthLabel)

.leftSpaceToView(self.view,10)

.widthIs(100)

.autoHeightRatio(0);

设置一排固定间距自动宽度子view

- (void)setupAutoWidthViewsWithCount:(NSInteger)count margin:(CGFloat)margin

{

_autoWidthViewsContainer= [UIViewnew]; //放button的父视图

_autoWidthViewsContainer.backgroundColor= [UIColorgreenColor];

[self.viewaddSubview:_autoWidthViewsContainer];

NSMutableArray*temp = [NSMutableArraynew];

for(inti =0; i < count; i++) {

UIView*view = [UIViewnew];

view.backgroundColor= [UIColororangeColor];

[_autoWidthViewsContaineraddSubview:view];

view.sd_layout.autoHeightRatio(0.5);//设置高度约束

[tempaddObject:view];

}

_autoWidthViewsContainer.sd_layout

.leftSpaceToView(self.view,10)

.rightSpaceToView(self.view,10)

.topSpaceToView(_centerButton,10);

//此步设置之后_autoWidthViewsContainer的高度可以根据子view自适应

[_autoWidthViewsContainersetupAutoWidthFlowItems:[tempcopy]withPerRowItemsCount:countverticalMargin:marginhorizontalMargin:margin];

}

设置一排固定宽度自动间距子view

- (void)setupAutoMarginViewsWithCount:(NSInteger)count itemWidth:(CGFloat)itemWidth

{

_autoMarginViewsContainer= [UIViewnew];

_autoMarginViewsContainer.backgroundColor= [UIColorblueColor];

[self.viewaddSubview:_autoMarginViewsContainer];

NSMutableArray*temp = [NSMutableArraynew];

for(inti =0; i < count; i++) {

UIView*view = [UIViewnew];

view.backgroundColor= [UIColororangeColor];

[_autoMarginViewsContaineraddSubview:view];

view.sd_layout.autoHeightRatio(0.5);//设置高度约束

[tempaddObject:view];

}

_autoMarginViewsContainer.sd_layout

.leftSpaceToView(self.view,10)

.rightSpaceToView(self.view,10)

.topSpaceToView(_autoWidthViewsContainer,10);

//此步设置之后_autoMarginViewsContainer的高度可以根据子view自适应

[_autoMarginViewsContainersetupAutoMarginFlowItems:[tempcopy]withPerRowItemsCount:countitemWidth:itemWidthverticalMargin:10];

}

cell高度自适应

第一步:在自定义cell的.m文件里面,写上这个

[selfsetupAutoHeightWithBottomView:_view4bottomMargin:10];

// view4是在cell所有的子视图里面最下面的view

第二步:在返回cell高度的方法里面

intindex = indexPath.row%5;

NSString*str =_textArray[index];

// >>>>>>>>>>>>>>>>>>>>> * cell自适应步骤2 * >>>>>>>>>>>>>>>>>>>>>>>>

/* model为模型实例,keyPath为model的属性名,通过kvc统一赋值接口*/  keypath:比如你要显示的是str,str对应的model的属性是text

return[self.tableViewcellHeightForIndexPath:indexPathmodel:strkeyPath:@"text"cellClass:[TestCell2class]contentViewWidth:[selfcellContentViewWith]];

attributedString

//  --------- attributedString测试:行间距为8 ---------------------------

NSString*text =@"attributedString";

NSMutableParagraphStyle* paragraphStyle = [[NSMutableParagraphStylealloc]init];

[paragraphStylesetLineSpacing:8];

UIColor*color = [UIColorblackColor];

NSAttributedString*string = [[NSAttributedStringalloc]initWithString:textattributes:@{NSForegroundColorAttributeName: color,NSParagraphStyleAttributeName:

paragraphStyle}];

UILabel*label = [UILabelnew];

[self.viewaddSubview:label];

label.attributedText= string;

label.sd_layout

.leftSpaceToView(self.view,10)

.rightSpaceToView(self.view,10)

.topSpaceToView(self.view,70)

.autoHeightRatio(0);

//标注lable的text为attributedString

label.isAttributedContent=YES;

view的动态圆角处理以及UIScrollview的高度自适应,要想显示的是圆,前提是view的宽高相等

UIScrollView*scrollView = [UIScrollViewnew];

[self.viewaddSubview:scrollView];

[scrollViewsd_addSubviews:@[self.view0,self.view1,self.view2,self.view3,self.view4,self.view5,self.view6,self.view7,self.view8]];

scrollView.sd_layout.spaceToSuperView(UIEdgeInsetsZero);

self.view0.sd_layout

.leftSpaceToView(scrollView,20)

.rightSpaceToView(scrollView,20)

.topSpaceToView(scrollView,20)

.heightIs(150);

self.view1.sd_layout

.widthIs(200)

.heightIs(200)

.centerXEqualToView(scrollView)

.topSpaceToView(self.view0,20);

self.view2.sd_layout

.leftSpaceToView(scrollView,50)

.rightSpaceToView(scrollView,50)

.topSpaceToView(self.view1,20)

.heightIs(150);

self.view3.sd_layout

.widthIs(250)

.heightEqualToWidth()

.centerXEqualToView(scrollView)

.topSpaceToView(self.view2,20);

// scrollview自动contentsize

[scrollViewsetupAutoContentSizeWithBottomView:self.view3bottomMargin:20];

//设置圆角

self.view0.sd_cornerRadiusFromHeightRatio=@(0.5);//设置view0的圆角半径为自身高度的0.5倍

self.view1.sd_cornerRadiusFromWidthRatio=@(0.5);

self.view2.sd_cornerRadiusFromWidthRatio=@(0.5);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容

  • 参考文档 比较Masonry 和 SDAutoLayout 两个自动布局其实各有优劣,在使用上SDAutoLayo...
    wpf_register阅读 2,049评论 2 2
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,398评论 25 707
  • 蒋勋美学系列,腰封上面有“金句”,是我们认识艺术家的标识语。这本书上是“创世纪以来,只有一个米开朗基罗”。 如果我...
    Enjoy有意阅读 3,305评论 0 4
  • *导读: * 如果你只会UITabelView的性能优化,请不要说你懂iOS性能优化,下面是我开发这么多年项目中会...
    柳骏阅读 2,781评论 4 80
  • 如果鸡汤能激励我前进,那我再喝一碗好了。 昨天和今天,都是晚饭后下到楼下去快步走锻炼,不仅仅为了控制体重,更为了养...
    邯郸通阅读 248评论 0 0