首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

UILabel在开发常用功能总结

在项目开发,我们经常会遇到在这样情形: 1、在一个UILabel 使用不同颜色或不同字体来体现字符串 在iOS 6 以后我们可以很轻松实现这一点,官方API 为我们提供了UILabel...添加划线,表示为打折出售"; //划线 NSDictionary *attribtDic2 = @{NSStrikethroughStyleAttributeName: [NSNumber numberWithInteger...attribtDic2]; // 赋值 label2.attributedText = attribtStr2; [self.view addSubview:label2]; 3、在文字后面直接显示图片...,让图片始终能恰好在文字后面。...有时文字多少是不确定,这时就需要我们判断这些文字宽和高,以便于正确定义label位置大小 NSString *layoutStr = @"iOS UILabel自适应宽度"; UILabel

91020
您找到你想要的搜索结果了吗?
是的
没有找到

UILabel显示定时器文本跳动问题解决方案

先看一个有问题展示效果: ? 显示跳动文本 上面的gif图会发现在显示验证码计数时出现跳动和闪烁问题。目前大多数用来实现定时器显示控件都是UILabel。...在iOS9以前系统默认英文字体是Helvetica, 这种字体每个数字宽度都是相等。而在iOS9以后默认英文字体变为San Fransico字体,这种字体每个数字宽度是不相等。...正是因为数字宽度不相等就导致了用UILabel来显示定时器文本时出现文字跳动闪烁问题。 因此解决方案就是选用一种等宽数字字体显示即可。...UILabel *label = [UILabel new]; label.font = [UIFont fontWithName:@"Helvetica" size:16]; 用UIFont新...label = [UILabel new]; //记得这个API是iOS9以后才有效!!!

1K20

【 iOS 应用开发 】 UIKit 控件 ( 代码生成控件 | UIView 属性方法 | Storyboard | Bundle | Property List | 动画 | 图片内存优化 )

一个 UILabel , 并查看 该文件 ; 1.使用文本编辑器查看 : 使用 Subline 文本编辑器查看 Storyboard 界面 , 发现 其本质 是一个 纯文本 文件 ; 该方式...与 Android 布局文件相似 ; 2.xml 文本 : 该 文本 本质 是 一个 xml 文件 ; 3.Xcode 中使用文本打开 : 右键点击 Storyboard 文件 , 选择 Open...然后 再次查看 Bundle , 即可看到 在 Bundle 出现了一个 新文件 ; 这个 文件 是 加密 , 无法查看 ; ---- ( 2 ) 图片放置 位置 ( ① 放在 Assets.xcassets...[推荐] | ② 放在根目录[不推荐] ) 图片放置 位置 : 准备两张图片 , 分别放在 代码 根目录 和 Assets.xcassets ; 1.放在 根目录 : 在 Bundle ...也可以 看到 该图片 , 不安全 ; 2.放在 Assets.xcassets 目录 : 放在 该 目录下 , 打包后 放在 Assets.car , 放在根目录图片 直接显示在 Bundle

3.6K40

iOS文本布局探讨之三——使用TextKit框架进行富文本布局

iOS文本布局探讨之三——使用TextKit框架进行富文本布局 一、引言         关于图文混排,其实以前博客已经讨论很多,在实际开发,经常使用第三方框架来完成排版需求,其中RCLabel...扩展于RCLabel支持异步加载网络图片文本引擎设计:http://my.oschina.net/u/2340880/blog/499311。...二、原生UILabel真的只能渲染文字么?         CoreText是一个比较底层且十分强大文本渲染框架,但是其使用起来并不是十分方便。在较低版本iOS系统,要进行富文本排版十分困难。...在iOS6,系统为UILabel,UITextView等这类文本渲染控件引入了NSAttributedString属性,有了NSAttributedString这个类,创建灵活多彩文本控件变得十分轻松...三、为富文本附件添加用户交互能力         TextKit框架强大到只使用UILabel就可以完成复杂文本布局,但是UILabel有一个致命缺陷,其无法进行用户交互。

2K20

1.注册或登录页面设计:UILabel,UIButton,UITextField

为了让繁琐知识点介绍不至于太枯燥泛味,我采用“总-->分”方式来进行讲解,即先介绍结果,让大家提起兴趣来,然后再针对结果遇到各个知识点来分别进行讲解。...说明: 这里为了展现UITextField文本框关联键盘设置,这里把“密码”和“确定密码”关联键盘都设置为数字键盘,实际应用密码一般都允许为数字或字母。 实现了键盘收回操作。...中文本行数 21 [self.view addSubview:nameLabel]; 22 [nameLabel release]; 23 24 UILabel...中文本行数,其属性值默认为1,用于设置该UILabel只能显示一行文本。...,此时设置为白色 如果使用了自定义背景图片边框会被忽略掉 text.backgroundColor = [UIColor whiteColor]; //设置背景图片 text.background

2.3K50

【iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

: 在 Text 属性下面有一个文本框, 在这个文本输入要显示文本内容; (2) Color 属性 Color 属性 : 控制 UILabel 文本颜色; (3) Font 属性 Font...是否可用, 如果没有勾选, 该 Label 不可用, 处于淡灰色; -- Highlighted : 控制 UILabel 是否处于高亮状态, 勾选该控件后处于高亮状态, 控件文本以高亮显示; (...7) Line Break 属性 Line Break 属性 :  -- 作用 : 该属性对 UILabel文本进行截断, UILabel 字符串比较多, UILabel 无法容纳这些字符串...Size : 设置最小字号大小, 设置值是字体大小; -- Tighten Letter Spacing : 勾选该复选框 会自动压缩字符串空白, 保证 UILabel 能容纳这些文本内容...; (9) Highlighted 属性 Highlighted 属性 :  -- 作用 : 为 UILabel 文本设置高亮显示, 前提 Behavior 属性 Highlighted 属性勾选

4.8K30

iOS仿微信相册界面翻转过渡动画

点开微信相册时候,想要在相册图片界面跳转查看点赞和评论时,微信会采用界面翻转过渡动画来跳转到评论界面,好像是在图片界面的背面一样,点击完成又会翻转回到图片界面,这不同于一般导航界面滑动动画,觉得很有意思...,于是自己学着做了一下,其实也很简单,下面是实现类似的效果图: 在图片界面点击右下角查看评论会翻转到评论界面,评论界面点击左上角返回按钮会反方向翻转回图片界面,真正实现方法,与传统导航栏过渡其实只有一行代码区别...UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(SCREENWIDTH - 100, SCREENHEIGHT - 50,...myImage.image = [UIImage imageNamed:@"image.jpg"]; [self.view addSubview:myImage]; // 一条文本...label.textAlignment = NSTextAlignmentCenter; [self.view addSubview:label]; } 可以看到,我们自定义了一个UIBarButtonItem按钮,然后用它放在导航栏

1K30

iOS开发小技巧:根据文本,字体,计算UILabel高度及宽度

为了计算UILabel宽度,除了通过NSString自带boundingRectWithSizeAPI外,还可以利用sizeToFit对UILabel封装一个分类。 1....调用示例: 场景:在一个UITableViewCell,重写Cell一个模型属性setter方法,需要先对UILabel对象text属性赋值后,再进行更新布局约束操作。...context:(nullable NSStringDrawingContext *)context NS_AVAILABLE(10_11, 7_0); 参数解释 size: 宽高限制,用于计算文本绘制时占据矩形块...options: 文本绘制时附加选项。可能取值请参考“NSStringDrawingOptions”。 attributes: 文本绘制时用到AttributedString属性。...最终,该对象包含信息将用于文本绘制。该参数一般为 nil 。 返回值: 一个矩形,大小等于文本绘制完将占据宽和高。 练习题:封装一个根据字体,字符串,宽度等参数得到高度方法?

5.1K10

iOS中支持HTML文本标签控件——MDHTMLLabel

iOS中支持HTML文本标签控件——MDHTMLLabel 一、引言         在iOS开发对HTML处理很多时候除了使用WebView外,还需要原生控件对其进行渲染,例如将HTML字符串渲染为图文混排...Git上有很多轻量级HTML渲染框架,列举一些如下: RTLabel:基于UIViewHTML文本渲染控件,git地址:https://github.com/honcheng/RTLabel。...RCLabel:与RTLabel思路相同,基于RCLabel之上,也是UIView子类,支持了对HTML本地图片标签进行渲染。...MDHTMLLabel:与RTLabel和RCLabel不同是,其是UILabel子类,更加轻量级,不能支持图片标签。...关于RCLabel对图片便签支持,其只能支持本地图片,不能支持远程URL图片链接,这在开发中将十分局限,以前我曾加RCLabel做了改造,加了支持远程图片URL方法,我把它集成在了一个基础框架

2.9K10

iOS UILabe及UIFont用法总结 原

初始化一个UILabel对象,并初始化大小 UILabel * label = [[UILabel alloc]initWithFrame:CGRectMake(100, 100, 100, 100)...   //提前处理不合适字符    NSLineBreakByCharWrapping,    //简单线性处理    NSLineBreakByClipping,    //丢失开头用省略号表示...   NSLineBreakByTruncatingHead,    //丢失文本在末尾显示省略号    NSLineBreakByTruncatingTail,    //丢失文本在中间显示省略号...,    //调整文本相对其边框中心    UIBaselineAdjustmentAlignCenters,    //调整文本相对于边界左上角 默认    UIBaselineAdjustmentNone...NSInteger)numberOfLines; 文本绘制函数 - (void)drawTextInRect:(CGRect)rect 文本自动布局参数 @property(nonatomic) CGFloat

1K30

iOS坐标系探究

正文 我们先从一段最简单代码入手,在drawRect显示一个普通UILabel; 为了方便判断,我把整个view背景设置成黑色: - (void)drawRect:(CGRect)rect {...所以按照UILabel.layer默认坐标(0, 0),在左上角进行了绘制。 接着,我们尝试使用CoreText来渲染一段文本。...从这个不同现象开始,我们来理解iOS坐标系。 坐标系概念 在iOS绘制图形必须在一个二维坐标系中进行,但在iOS系统存在多个坐标系,常需要处理一些坐标系转换。...iOS,每个图形上下文都会有三种坐标: 1、绘制坐标系(也叫用户坐标系),我们平时绘制所用坐标系; 2、视图(view)坐标系,固定左上角为原点(0,0)view坐标系; 3、物理坐标系,物理屏幕坐标系...UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 20, 100, 28)]; 这是因为frame是在上一层view坐标的偏移

2.7K30

iOS文本尺寸自适应异步计算实现

目前市面上非UI线程文本算高方法或多或少都有一些问题。本文通过逆向和分析UILabelsizeThatFits方法实现来得到一个最佳文本算高精简方法。...从iOS官方实现可以看出文本算高会考虑简单文本字符串、属性字符串、字体大小、最大显示行数numberOfLines、段落信息、 段落对齐方式、断字方式、段落首行缩进、阴影偏移等等因素。.../// github地址:https://github.com/youngsoft /// 计算简单文本或者属性字符串自适应尺寸 /// @param fitsSize 指定限制尺寸,参考UILabel...sizeThatFits参数意义。.../// @param font 指定计算时文本字体,可以为nil表示使用UILabel控件默认17号字体 /// @param textAlignment 指定文本对齐方式默认是NSTextAlignmentNatural

1.4K40

Flutter中富文件标签解决方案

[在这里插入图片描述] *** 在实际业务开发,时常会有这种一段Html格式标签,看下图情况 : [在这里插入图片描述] 在 Flutter ,有点发愁,因为 Flutter 提供 Text...[在这里插入图片描述] 为什么会黑屏,闲鱼技术团队有过论述在Flutter嵌入Native组件正确姿势 以及 文章 深入了解Flutter界面开发中有详细论述 。...当然闲鱼团队在文章 如何低成本实现Flutter富文本,看这一篇就够了! 也有详细论述。...4 烧脑思考实践三 当在Flutter Dart 从网站中提取数据时,html依赖库是一个不错选择,html 是一个开源 Dart 包,主要用于从 HTML 中提取数据,从中获取节点属性、文本和...node 节点 与 Flutter 组件映射,文本使用 TextSpan ,图片使用 Image ,然后将 样式使用 TextStyle 映射,然后最后将解析结果组件使用 Wrap 来包裹,就达到了现在插件

1.4K11

如何在iOS系统写出第一行 Hello World?

new Xcode project 第一行,不要点错了 第二步,依次选择界面 iOS - App - Next 其实 Xcode 提供了非常多应用,比如游戏,虚拟现实,iMessage 应用等等...,点击 create 在这里我们把文件夹放在了桌面 第五步,一个初始项目就建好了!...//这一句创建了一个静态文本控件,未指定内容、大小和位置 UILabel *label = [[UILabel alloc]init]; //设置静态文本显示文字"Hello World" //"@...]; //让静态文本居于整个视图中央 label.center = self.view.center; //将静态文本添加到主视图中 [self.view addSubview: label];...0X04 运行程序 第一步,回到 Xcode 界面,选中苹果机型模拟器,点击左侧播放按钮 我们在图中选择是 iPhone 13 机型 第二步,你就会看到一个写着“hello world” 应用跑起来了

1.1K20

iOS UI控件了解一下

下面详细介绍几种最常用控件及属性: 1. UILabel 1)UILabel是什么? (1)UILabel(标签):是显示文本控件,在AppUILabel是出现频率最高控件。...(1)创建UILabel与创建UIView步骤很相似。 ①开辟空间并初始化(如果本类有初始化方法,使用自己;否则使用父类)。 ②设置文本控制相关属性。...UILabel主要作用是显示一段文本,因此提供了很多与显示文本相关API(详见下表) ? 2. UITextField 1)UITextField是什么?...5)文本显示: UITextField提供了许多API方便我们控制文本显示,包括字体颜色、对齐方式、占位符等等(详见下表) ?...(1)UIButton(按钮):是响应用户点击控件。在AppUIButton是出现频率很高控件; (2)UIButton与UILabel、UITextField侧重点不同,侧重于处理点按。

2.6K20

UI篇-CATextLayer和 富文本交融

而NSMutableAttributedString有可以最自己内容作出颜色以及大小调整,这样结合起来使用的话,就远比UILabel 灵活多,效果也酷炫多,也许CATextLayer就是为了NSMutableAttributedString...在使用通过将AttributedString赋值给控件 attributedText 属性来添加文字样式。有属性控件有UILabel、UITextField和UITextView。...greenColor]; //自动换行 label.numberOfLines = 0; //设置label文本 label.attributedText = attrStr; //label高度自适应...lightGrayColor]; //自动换行 label.numberOfLines = 0; //设置label文本 label.attributedText = attributedString...,取值为 NSString 对象,目前只有图版印刷效果可用: //NSAttachmentAttributeName NSTextAttachment 设置文本附件,常用插入图片 //NSLinkAttributeName

2.4K10
领券