文档章节

iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度

法斗斗
 法斗斗
发布于 2015/09/24 17:23
字数 414
阅读 68
收藏 2

iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度

2015-01-24 00:30

相比大家会经常遇到  label  或则  textfield等显示文字的  视图时,显示不全,或者无法自动 变化长度  ,自动改变字体的 设置:

今天给大家演示一下,如何 在autolayout让label 适应 不同的 宽度:

1.自动 改变字体:

首先设置好 label 的约束,包括宽高之后,默认来看 你的  label是不变了 ,但是 当遇到 文字较多时,就会出现显示不全的问题:


如图,我们设置好 Label的宽度和高度,和其他约束,固定住 label,

iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度0

这是我们增加label的字数...会出现显示不全的问题:


那么这种情况该如何解决呢?其实只需要设置一下,让 字体自动变小来 在相同的宽度下显示更多的字数:

设置方法如下图:


选中 label之后查看右边的 属性栏,


点击 Autoshrink 

iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度1

选择  Minimum Font Scale 或者  Minimum Font Size  配置一个较小的字体或者最小的缩放比例  Scale即可解决问题!

看设置之后的 效果是:上图

2.方法一的效果还不错,但是 字体是变小了!能不能 字体不变小,字数增加时, label的宽度自动变长呢?

设置方法很简单,

只需把  label的宽度变为  >=  即可:

如下图:


iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度2

然后可以看到效果,在字体不变的情况下,label自动变长!

iOS AutoLayout自动布局中级开发教程(4)-label等文字自动适应大小,宽度3


本文转载自:

法斗斗
粉丝 23
博文 368
码字总数 17774
作品 0
杨浦
程序员
私信 提问
加载中

评论(2)

法斗斗
法斗斗 博主

引用来自“ios122”的评论

正确的姿势是 不设置label 宽度

ios122
ios122
正确的姿势是 不设置label 宽度
iOS 的 APP 如何适应 iPhone 5s/6/6Plus 三种屏幕的尺寸?

2014-10-21 19:03| 发布者: 鸟哥笔记-馒头 |来自: 知乎 黄兢成 初代iPhone 2007年,初代iPhone发布,屏幕的宽高是 320 x 480 像素。下文也是按照宽度,高度的顺序排列。这个分辨率一直到iPh...

andyhe91
2014/12/31
50.9K
1
AutoLayout 使用详解

前言 故事从一年前说起,当时由于接到一个新项目开发任务开发之前想了想以前项目布局方式大多数都是计算有的也用到。 大家都知道适配各种屏幕非常繁琐各种坐标计算代码很冗余后期难以维护。 ...

WHC
2018/10/30
0
0
IOS --Xcode6 自动布局

一、自动布局(autolayout) 一款ios app最主要的UI组件是由一个个相对独立的可视化单元组成,例如view、label、button等。这些可视化单元的关系由两个基本关系构成:兄弟关系和父子关系。 对于...

求是科技
2015/03/12
90
0
深入理解 Autolayout 与列表性能 -- 背锅的 Cassowary 和偷懒的 CPU

深入理解 Autolayout 与列表性能 -- 背锅的 Cassowary 和偷懒的 CPU 这篇文章会通过对 autolayout 内部实现的探索和数据分析和对 autolayout 的性能问题做一个详细的分析,并在最后给出一个高...

nangezao
2018/10/29
0
0
iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案

iOS 关于全面屏适配的方案及UI在不同尺寸下适配方案 前言 全面屏刚出时,网上有说反人类。但过去这么久了,趋于技术的进步或看久了,大家也都慢慢习惯了(只是笔者还是买不起全面屏)。官方适配...

壹峰
2018/11/20
835
0

没有更多内容

加载失败,请刷新页面

加载更多

Hibernate 5 的模块/包(modules/artifacts)

Hibernate 的功能被拆分成一系列的模块/包(modules/artifacts),其目的是为了对依赖进行独立(模块化)。 模块名称 说明 hibernate-core 这个是 Hibernate 的主要(main (core))模块。定义...

honeymoose
54分钟前
4
0
CSS--属性

一、溢出 当内容多,元素区域小的时候,就会产生溢出效果,默认是纵向溢出 横向溢出:在内容和容器之间再套一层容器,并且内部容器要比外部容器宽 属性:overflow/overflow-x/overflow-y 取值...

wytao1995
今天
4
0
精华帖

第一章 jQuery简介 jQuery是一个JavaScript库 jQuery具备简洁的语法和跨平台的兼容性 简化了JavaScript的操作。 在页面中引入jQuery jQuery是一个JavaScript脚本库,不需要特别的安装,只需要...

流川偑
今天
7
0
语音对话英语翻译在线翻译成中文哪个方法好用

想要进行将中文翻译成英文,或者将英文翻译成中文的操作,其实有一个非常简单的工具就能够帮助完成将语音进行翻译转换的软件。 在应用市场或者百度手机助手等各大应用渠道里面就能够找到一款...

401恶户
今天
3
0
jenkins 插件下载加速最终方案

推荐做法 1、告诉jenkins 我哪些插件需要更新 jenkins插件清华大学镜像地址 https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json 1.进入jenkins系统管理 2.进入插件管...

vasks
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部