用label实现自适应宽度的方法
要实现图中 关键字 的实现可用下面代码
- (void)initLayout {
self.keywordLabel = [[UILabel alloc] init];
self.keywordLabel.textColor = [UIColor grayColor];
self.keywordLabel.font = [UIFont systemFontOfSize:];
self.keywordLabel.text = @"关键字:";
[self.contentView addSubview:self.keywordLabel];
[self.keywordLabel mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.contentView).offset();
make.left.equalTo(self.contentView).offset();
make.width.mas_offset();
}];
self.buttonArray = @["].mutableCopy;
;
; i < self.buttonArray.count; i++) {
// 创建button
UIButton *button = [[UIButton alloc] init];
[self.arr addObject:button];
// 背景颜色
button.backgroundColor = [UIColor orangeColor];
// 字
[button setTitle:self.buttonArray[i] forState:UIControlStateNormal];
button.titleLabel.textAlignment = NSTextAlignmentCenter;
button.titleLabel.font = [UIFont systemFontOfSize:];
// 计算宽度
CGFloat width = [SmallTools textWidthWithText:self.buttonArray[i] font:[UIFont systemFontOfSize:]];
) {
CGFloat upWidth = [SmallTools textWidthWithText:self.buttonArray[i - ] font:[UIFont systemFontOfSize:]];
UIButton *arrButton = self.arr[i - ];
> [UIScreen mainScreen].bounds.size.width) {
button.frame = CGRectMake(, j * + , width + , );
j++;
}else {
button.frame = CGRectMake( arrButton.frame.origin.x + upWidth + , * (j - ) + , width + , );
}
[self.contentView addSubview:button];
} else {
button.frame = CGRectMake(, , width + , );
[self.contentView addSubview:button];
}
}
_numberOfButton = j;
}
SmallTools.h
#import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interface SmallTools : NSObject // 根据输入尺寸修改图片大小,并返回UIImage + (UIImage *)scaleToSize:(UIImage *)img size:(CGSize)size; // 声明类方法用来计算文本高度 + (CGFloat)textHeightWithText:(NSString *)text font:(UIFont *)font; // 声明类方法用来计算图片的高度 + (CGFloat)imageHeightWithImage:(UIImage *)image; // 声明类方法用来计算文本宽度 + (CGFloat)textWidthWithText:(NSString *)text font:(UIFont *)font; @end
SmallTools.m
#import "SmallTools.h"
@implementation SmallTools
+ (UIImage *)scaleToSize:(UIImage *)img size:(CGSize)size{
UIGraphicsBeginImageContext(size);
[img drawInRect:CGRectMake(, , size.width, size.height)];
UIImage* scaledImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return scaledImage;
}
// 计算文本高度
+ (CGFloat)textHeightWithText:(NSString *)text font:(UIFont *)font {
// iOS7.0中求文本高度的方法,返回一个CGRect的高度
// 第一个参数
CGSize size = CGSizeMake([UIScreen mainScreen].bounds.size.width, );
// 第二个参数:设置以行高为单位
CGRect rect = [text boundingRectWithSize:size options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : font} context:nil];
return rect.size.height;
}
// 计算图片高度
+ (CGFloat)imageHeightWithImage:(UIImage *)image {
CGFloat width = image.size.width;
CGFloat height = image.size.height;
// float scile = height / width;
//
// float screenH = [UIScreen mainScreen].bounds.size.width;
NSLog(@"%f", width);
// return scile * screenH;
return height / width * [UIScreen mainScreen].bounds.size.width;
}
// 计算文本高度
+ (CGFloat)textWidthWithText:(NSString *)text font:(UIFont *)font {
// iOS7.0中求文本高度的方法,返回一个CGRect的高度
// 第一个参数
CGSize size = CGSizeMake(, );
// 第二个参数:设置以行高为单位
CGRect rect = [text boundingRectWithSize:size options:NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : font} context:nil];
return rect.size.width;
}
@end
代码多谢我家黑妹的帮助
用label实现自适应宽度的方法的更多相关文章
- storyboard xib下label怎么自适应宽度高度
先看需求:两个Label,要求蓝色的label紧跟在红色的label文字后面 ok首选正常添加约束 红色的Label添加宽度,高度,左边,上边约束 蓝色的Label添加宽度,高度,左边,和红色的水平 ...
- iOSstoryboard xib下label怎么自适应宽度高度
先看需求:两个Label,要求蓝色的label紧跟在红色的label文字后面 ok首选正常添加约束 红色的Label添加宽度,高度,左边,上边约束 蓝色的Label添加宽度,高度,左边,和红色的水平对 ...
- css布局:左边固定宽度,右边自适应宽度或右侧固定,左侧自适应三种方法
方法一:浮动布局 这种方法我采用的是左边浮动,右边加上一个margin-left值,让他实现左边固定,右边自适应的布局效果 HTML Markup <div id="left" ...
- 从三栏自适应宽度布局到css布局的讨论
如何实现一个三栏自适应布局,左右各100px,中间随着浏览器宽度自适应? 第一个想到的是使用table布局,设置table的宽度为100%,三个td,第1个和第3个固定宽度为100px,那么中间那个就 ...
- css自适应宽度高级写法:一行多列~~~某些列的宽度是固定值
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxgAAACdCAIAAAC4iknFAAAgAElEQVR4nO2d3VsTV7uH51/wqhKotn
- JS实现自适应宽度的Tag切换
效果体验:http://hovertree.com/texiao/js/3.htm 该效果使用纯JavaScript代码,实现TAB页切换效果,TAB标签根据内容自适应宽度,点击TAB标签切换内容页. ...
- 根据显示的字符多少来做Label的自适应高度
根据显示的字符多少来做Label的自适应高度 UILabel *label = [[UILabel alloc]init]; NSString *string = @"其实,经年过往,每个人 ...
- [Winform]DataGridView列自适应宽度
引言 在做winform项目中,数据控件DataGridView的使用多多少少是会用到的,如果不设置它的属性,默认情况下是不会自适应宽度的,你想查看某项的数据,就不得不将标题栏拖来拖去,挺烦的. 方法 ...
- 关于jqGrid组件表格无法自适应宽度问题
今天生成了一个4列的表格,但是无法自适应宽度,使用 $(window).resize(function(){ $(window).unbind("onresize"); $(&qu ...
随机推荐
- (简单) POJ 3254 Corn Fields,状压DP。
Description Farmer John has purchased a lush new rectangular pasture composed of M by N (1 ≤ M ≤ 12; ...
- 十大滤波算法程序大全(Arduino精编无错版)(转)
源:十大滤波算法程序大全(Arduino精编无错版) 转载请注明出处:极客工坊 http://www.geek-workshop.com/thread-7694-1-1.html
- Grunt 入门
转自:http://user.qzone.qq.com/174629171/blog/1404433906 Grunt被定义为:the javascript task runner. 什么算是Java ...
- HTML 基础语言
打开DREAMWEAVER,新建HTML.. body的属性: bgcolor 页面背景色 background 背景壁纸.图片 text ...
- hdu 2614
#include<stdio.h> int map[99][99]; int vist[99]; int sum=1; int maxsum=1; int max=0; int N; vo ...
- Android学习笔记--处理UI事件
Handling UI Events 在Android里, 有不只一种方式可以截获用户与你的应用程序交互的事件. 在你的界面上处理事件时,你需要捕获用户与某个View实例交互时所产生的事件.View类 ...
- html小知识
button标签如果不设置type,默认是submit,会自动提交表单 input type=file, 添加multiple属性后可以同时选择多个文件,同时name设置接受一个数组 <inpu ...
- javascript--study
1.函数传参:按值传递 对于数字.字符串等是将它们的值传递给了函数参数,函数参数的改变不会影响函数外部的变量. 对于数组和对象等是将对象(数组)的变量的值传递给了函数参数,这个变量保存的指向对象(数组 ...
- dom对象中的this和event.target区别
1.this是事件冒泡,动态变化.先触发内部事件,由内到外的执行. <script> function testdiv(val){ console.log(val.id); } funct ...
- Android实现渐显按钮的左右滑动效果
本示例演示在Android中实现带渐显按钮的左右滑动效果. 关于滑动效果,在我的上一篇博文中提到过,有兴趣的朋友可以访问: http://www.cnblogs.com/hanyonglu/archi ...