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

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

iOS文本布局探讨之三——使用TextKit框架进行富文本布局 一、引言         关于图文混排,其实以前的博客已经讨论很多,在实际开发中,经常使用第三方的框架来完成排版的需求,其中RCLabel...二、原生UILabel真的只能渲染文字?         CoreText是一个比较底层且十分强大的文本渲染框架,但是其使用起来并不是十分方便。在较低版本的iOS系统中,要进行富文本排版十分困难。...但是要进行图文混排,依然比较困难。iOS7之后引入TextKit框架,就完美的解决了图文混排这样的问题。        ...以一个简单的图文混排为例: - (void)viewDidLoad { [super viewDidLoad]; //进行NSTextAttachment的创建 NSTextAttachment...这样富文本布局其实就不只局限于图文混排了,我们可以插入音频,插入视频,甚至插入任意自定义格式的数据。结合使用NSTextAttachment与UITextView,这些都能实现。

2.1K20

盘点国内外8个好用的二维码平台

目前制作二维码的平台也很多,整理了8个好用的二维码生成平台,可以根据自己的需求选择。1、草料二维码草料二维码是一个国内最大的二维码生成平台,支持生成静态码和活码。...还提供了大量的场景和行业解决方案,新手能套用模板或是自由组合内容功能组件,快速制作产品宣传、人员管理、设备巡检、施工管理、区域巡查等能高效解决业务问题的二维码平台。...网址:cli.im优点:功能强大,免费版没有数量限制,80%的功能免费,能满足绝大部分人使用缺点:新媒体营销类,对于美化样式有个性化需求的选择不是很多2、微微二维码微微二维码支持活码和静态码,提供图片、文字...总结如果只是需要将网址或是某段文字、图片、音视频等内容生成二维码,选择上面的任意一个二维码生成平台都可以,生成一两个二维码基本上都是免费的,区别在于美化样式和交互体验。...如果需要进行图文混排,搭建出产品宣传介绍、人员信息二维码或是一些企业介绍类内容,并需要统计二维码的扫描量,可以选择有活码功能的平台。

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

    CoreText实现图文混排

    CoreText实现图文混排 系列文章: CoreText实现图文混排 CoreText实现图文混排之点击事件 CoreText实现图文混排文字环绕及点击算法 CoreText实现图文混排之尺寸估算及文本选择...是不是用起来很简单,富文本,跟字典没什么区别。 ---- CoreText绘制富文本 是不是终于进入正题了。...你们喝过红色的尖叫?老司机喝了那种烟头泡的水之后精神满满的继续敲字。(那水超难喝,你可以挑战一下) 诶,说好的严肃呢?...frame的获取 记得我之前说的误区?这里我们要获得Image的frame,你有没有想过我们的frameSetter?...因为图片的占位符我们是绑定了代理的,而文字没有。以此区分文字和图片。 如果代理不为空,通过CTRunDelegateGetRefCon取得生成代理时绑定的对象。

    1.7K20

    Boardmix 博思白板一个AI工具的万花筒

    灵感收集 boardmix 灵感收集神器,轻松记录和组织创作所需图文、音视频、网页等各种灵感碎片,用一个工具完成灵感收集、素材管理、定位查找和创意设计,更有 boardmix AI 助手,全面提升设计工作者生产力...在线互动 boardmix 博思白板含无限画布、画笔、橡皮擦、文字等工具,可实现文档上传、远程视频及图表制作,备课、教学、讨论一站完成,是一款基于 AI 智能的互动授课工具。...boardmix 在线画板支持网页、iPad 使用,在线完成绘画、涂鸦和笔记制作。用户可以选择铅笔、钢笔、蜡笔、荧光笔等多种样式,从而实现更加精细的绘画效果。...boardmix 内置流程图、泳道图、组织结构图、会议流程图、ER 图、时间线、UML 等多种模板,boardmix 无限画布上,可轻松创建图文混排的流程图多人同屏协作,实时显示协作成员头像和光标,在流程图中...还可以根据文字 AI 生成多种风格的设计绘图方案,提供内容配图灵感。

    32810

    CoreText实现图文混排之点击事件

    CoreText实现图文混排之点击事件 系列文章: CoreText实现图文混排 CoreText实现图文混排之点击事件 CoreText实现图文混排文字环绕及点击算法 CoreText实现图文混排之尺寸估算及文本选择...---- 今天呢,我们继续把CoreText图文混排的点击事件补充上,这样我们的图文混排也算是圆满了。 哦,上一篇的链接在这里 CoreText实现图文混排。...否则则继续检查是否点击到了文字。 ---- 点击文字判断 终于进入重中之重了,点击文字的逻辑了,不过你也别害怕,如果你对上一讲的讲解有了一定的理解的话,这里将变得简单一些。...如果charIndex超出一行的字符长度则反回最大长度结束位置的偏移量,如一行文字共有17个字符,哪返回的是第18个字符的起始偏移,即第17个偏移+第17个字符占有的宽度=第18个起始位置的偏移。...如果没有不在任何一个字符的frame内,则说明没有点击到文字,执行相应的点击事件。 大工告成,到了这里,CoreText做图文混排的点击事件也算是完成了。 最后放一张效果图吧。

    1K20

    一个小而实用的 Python 包 pangu,实现在中文和半宽字符(字母、数字和符号)之间自动插入空格

    在撰写中文技术博客时,我经常遇到一个问题:在中英文混排时,需要在英文字母、数字和符号两侧添加空格,以使排版更加美观。...双语字幕视频:吴恩达x OpenAI的Prompt Engineering课程专业翻译版""" print(original_text) # 使用 pangu 处理文本 print("-" * 100...pangu 自动在中文字符和英文字符之间加上了空格,从而改善了文本的可读性。 (PS. 三引号是 Python 中的一个强大工具,可以用于多种用途。...input.md') with open('output.md', 'w') as f: f.write(processed_text) 假设 input.md 文件中的内容是没有正确添加空格的中英文混排文本...总结:在中英混排的文本编辑过程中,pangu 库的作用不可小觑。它通过自动在中文字符和英文字符之间添加空格的简单操作,大大提升了文档的整体可读性和美观度。

    14400

    排版软件Id下载:InDesign 2023中文版本安装激活教程 --干货分享

    借助这款业界领先的页面设计和版面应用程序,您可以制作、印前检查和发布用于印刷和数字媒体出版的精美文档。InDesign 拥有您要制作海报、书籍、数字杂志、电子书、交互式 PDF 等内容所需的一切。...使用它可以轻松制作各类信纸信封、传单、海报到小册子、年度报告、杂志和书籍等内容,除此之外,软件还共享了PhotoShop和Illustrator核心处理技术。...0idshjbsdas 如何用我们熟悉的ID软件制作图文混排 1.首先选择文字工具,按住鼠标左键拖动一个矩形框,粘贴一下文本内容,我们现在发现右边的文字没有对齐,选择段落面板。...2.点击两端对齐,可以看到右边的文字跟左边一样平整,对齐了之后置入两张图片点击文件置入。 3.然后我们现在找到图片存放的位置,鼠标单击放在文字上面,点击自由变换工具调整一下图片的大小。...6.现在我们观察一下整体画面的排版和细节上的处理,将整个画面进行最后的处理就制作完成了。 Id安装教程 1、将下载好的Id2023安装包右键解压。 2、打开解压出来的文件夹。

    1.5K10

    移动端H5各种各样的列表的制作方法(七最终章) by FungLeo

    移动端H5各种各样的列表的制作方法(七最终章) by FungLeo 通过数个章节,从最简单的一行文字的列表,到各种图文列表.事实上,绝大多数列表的形式,都可以在我这六章的博文里找到相对应的方法.方法就是这些方法...而这个案例,其实就是一个大号的图标嘛.把图标,换成图片,就OK了.图片的宽度是固定的,而后面的文字的宽度是不固定的.这个和图标列表的思路是一模一样的....而后面的文字,有多种元素,这些元素,可以使用各种方法来进行排版布局.我看了一下淘宝的代码.淘宝的前端工程师使用了高超的文档流布局的方式实现了这个布局.而我个人,还是喜欢使用定位布局的方式去实现.实现上,...四列图片布局 如上图所示,这是一个四列布局的图文混排.而事实上,我们在双列图文混排的教程里,已经有类似的教程了.无非是把50%换成了25%而已.

    70610

    宜信OCR技术探索与实践​|直播速记

    宜信OCR技术探索与实践|完整视频回放 分享实录 一、OCR概述 1.1 OCR技术演进 [1595918263271005617.png] 传统图像,冈萨雷斯的图像处理。...样本做? 后处理干了啥 3.2 算法概述——三大板块 [1595918372189068039.png] 文字检测:把文字框住,缩小到最小范围内,从而降低识别难度。...文字识别:检测出文字后,就可以通过识别工具(算法)来识别出文字,如中间图。...版面分析:当文字识别出来后,我们得出的是文字和相应的坐标,可是当真正业务中要得到的不仅仅是这个,需要有一个结构,如何通过识别出的文字排版成为一个有逻辑结构的单据或者内容,这个工作也超级复杂。...论文里是6个尺度,一个不行?我理解是彻底分开不同行,逐渐扩大,渐进尺度可以防止彼此交叉哈 FPN和UNET都是concat,FCN是add,这个细节。

    1.1K20

    Python爬虫 | 以滑雪为例演示大众点评商铺信息采集

    不过在爬虫过程中,我们会发现比如商铺评价数、人均消费以及商铺的地址等信息在网页上显示为□,在get的数据中是类似  ,一看不知道是什么。...www.dianping.com/search/keyword/2/0_{key}' # 获取网页数据 html = get_html(url, headers) - 获取字体文件链接 # 正则表达式获取head里图文混排...--图文混排css--><linkrel="stylesheet"type="text\/css"href="(.*?)"...于是,找到规律,我们知道了在请求的数据中对应数据信息如  其实是 uniF8A1真实对应的数字或者文字需要对应于字体文件中的某个字符(4)即可。...for i in range(10):  s.replace(real_list['shopNum'][i], words[i]) 对于中文字符类的(最多就是len(real_list['tagName

    1.2K50

    全网最全的音视频书籍推荐!

    好了简单废话了一下,们说正事!...一、关于学习这块个人看法: 首先大家经常要说推荐音视频书籍,我给大家演示一下哈,你比如说,去某东、某宝、某当上去直接搜索音视频书籍: 某宝上: 书少吧,还有特一些视频被别人拿出来卖了.........其实我说了这么多,更多的还是要通过工作或者平时的学习折腾来不断的提升自己,其实我看了上面的一些书籍,绝大部分书籍前面都是有很多雷同的音视频基础理论知识,所以们平时学习要多总结,总结过了,下次看到类似的内容...说实话,我自己学习的过程中,遇到开源项目比较少,有的东西还是自己工作当中慢慢接触到,才深有体会;作为初学者,又不想花钱的投资自己,但是又想有练手的项目,雷神前辈之前在b战上有录制关于ffmpeg+SDL制作播放器的项目...:https://pan.baidu.com/s/1J3cdX4rg7W1iAw2-AbA_3A 提取码:tm1q 对了,还有一点,平时交流的时候,我经常发现大家被搭建开发环境给耽误了不少时间,这个说呢

    1.3K10

    99%的人不知道这款神器,竟然可以下载各大网站视频

    早早的使用视频下载器把视频下载到本地,真香呀!!! 其实我找到这款软件也是有一些挫折,因为我想把网易云课堂上面的视频下载到电脑本地。然后我就在网上百度嘛,百度到了一篇教程,还有一滴滴复杂。...总结:是不是感觉有一些复杂,而且我亲自试了一下发现只有第一个视频能够找到这个mp4链接,其他视频竟然找不到这个链接。折腾了半天,发现此方法不行,果断放弃继续百度,看有没有什么视频下载器。...尝试二: 果然,只要你想找是肯定找得到的,我又找到了一款神器“网易云课堂视频下载工具” 文字版教程 1、下载网易云课堂课程下载器。 ?...文字版教程 1、下载学无止下载器。 ? 2、进行傻瓜式的安装,一直下一步下一步即可,当然我还是建议大家选一下安装位置,傻瓜式安装的话默认安装到C盘,大家的C盘,大家都懂得,常常处于爆满状态吧。...哈哈哈,是黑框框,不要被黑框框吓住,像我第一次使用centos,啥玩意,全是黑框框,这是电脑,怎么安装软件呀等等等,最后用熟了也就习惯了,这个可比centos操作简单不知道好多倍,按照提示操作即可。

    6.2K52

    朱茵变杨幂,流量一个亿丨AI变脸指南

    大多视频限于素材和硬件,制作水平参差不齐,比如脸型不匹配、表情不自然的问题依然很严重,总之就是不像。 网友感叹:把脸换成迪丽热巴,看起来却像黄子韬邪魅一笑。 ? ?...换脸教程 大胆的想法不敢有,但你可能想按照国内的老少皆宜用法,制作一部符合自己嗜好的换脸视频。 门槛并不算高,甚至都不用自己训练一个deepfake模型,有现成的程序用。...FakeApp只需要一个包含Nvidia GPU的个人电脑、3~4GB的存储空间,就能生成换脸视频。至于训练神经网络的材料需要用户自行寻找。 ? 软件有了,相关的文字视频教程应运而生。...文字教程: https://github.com/3c/share/blob/master/'换脸'初级教程%20暴力不血腥.md 文字教程如果看不明白,还可以去看搬运YouTube视频教程,手把手教你上手...视频教程: https://www.bilibili.com/video/av19349170 网友:会有坏人替我换脸? 换脸效果太高,足够以假乱真,这引起了一些网友的担忧。

    2.3K30

    朱茵变杨幂,流量一个亿丨AI变脸指南

    大多视频限于素材和硬件,制作水平参差不齐,比如脸型不匹配、表情不自然的问题依然很严重,总之就是不像。 网友感叹:把脸换成迪丽热巴,看起来却像黄子韬邪魅一笑。 ? ?...换脸教程 大胆的想法不敢有,但你可能想按照国内的老少皆宜用法,制作一部符合自己嗜好的换脸视频。 门槛并不算高,甚至都不用自己训练一个deepfake模型,有现成的程序用。...FakeApp只需要一个包含Nvidia GPU的个人电脑、3~4GB的存储空间,就能生成换脸视频。至于训练神经网络的材料需要用户自行寻找。 ? 软件有了,相关的文字视频教程应运而生。...文字教程: https://github.com/3c/share/blob/master/'换脸'初级教程%20暴力不血腥.md 文字教程如果看不明白,还可以去看搬运YouTube视频教程,手把手教你上手...视频教程: https://www.bilibili.com/video/av19349170 网友:会有坏人替我换脸? 换脸效果太高,足够以假乱真,这引起了一些网友的担忧。

    2K10

    AI变脸指南丨你见过杨幂版黄蓉吗?

    大多视频限于素材和硬件,制作水平参差不齐,比如脸型不匹配、表情不自然的问题依然很严重,总之就是不像。 网友感叹:把脸换成迪丽热巴,看起来却像黄子韬邪魅一笑。 ? ?...换脸教程 大胆的想法不敢有,但你可能想按照国内的老少皆宜用法,制作一部符合自己嗜好的换脸视频。 门槛并不算高,甚至都不用自己训练一个deepfake模型,有现成的程序用。...FakeApp只需要一个包含Nvidia GPU的个人电脑、3~4GB的存储空间,就能生成换脸视频。至于训练神经网络的材料需要用户自行寻找。 ? 软件有了,相关的文字视频教程应运而生。...文字教程: https://github.com/3c/share/blob/master/'换脸'初级教程%20暴力不血腥.md 文字教程如果看不明白,还可以去看搬运YouTube视频教程,手把手教你上手...视频教程: https://www.bilibili.com/video/av19349170 网友:会有坏人替我换脸? 换脸效果太高,足够以假乱真,这引起了一些网友的担忧。

    3.3K30

    Java开发的党员管理系统党员会议系统党务管理系统

    演示视频 https://www.bilibili.com/video/BV1x44y137eo/?...反馈内容为图文混排模式,提交后可以查看我的反馈。在会议开始前或者结束前可以申请请假,并查看请假状态。...申请请假需要提交凭证和文字描述我记录的会议根据会议名称查找,分页,编辑会议记录内容,以及会议人员到场情况,显示已请假人员,选择缺会人员与到场人员,记录内容为图文编辑,提交之后可以查看我的记录我主持的会议根据会议名称查找...反馈内容为图文混排模式,提交后可以查看我的反馈。在会议开始前或者结束前可以申请请假,并查看请假状态。...申请请假需要提交凭证和文字描述我记录的会议根据会议名称查找,分页,编辑会议记录内容,以及会议人员到场情况,显示已请假人员,选择缺会人员与到场人员,记录内容为图文编辑,提交之后可以查看我的记录我主持的会议根据会议名称查找

    96700

    AR教科书陆续出版,或可解决传统书籍部分痛点

    小编一面感叹我朝的教材“腰间盘”这么突出勒!一面惋惜自己的“生不逢时”。 从九年制义务教育走过来的小编,经历过课本、PPT、视频等形式的知识讲解,却实属没有经历过让知识真正跃然于纸上的AR教学。...那么,AR教科书是肿回事儿? 先从AR说起,AR是通过计算机技术,将原本在现实世界的一定时间、空间范围内很难体验到的实体信息(视觉信息、声音、味道、触觉等),模拟仿真后再叠加。...书中各款杯饰、盘饰均有配图,通过手机扫描配图,图上的切雕作品及制作过程,便栩栩如生地出现在眼前。 有学生评价,“立体的‘莲花’就在面前,出淤泥而不染,亭亭玉立,让人很想雕刻一朵。”...可打破统书籍文字枯燥、难以吸引生眼球的局限 AR教科书,可提高书籍的可读性、增强交互性及趣味性,达到寓教于乐的目的。...让有限的纸张中,扩增出无限的内容 借助对应的AR应用,作者可以将视频、声音、动画、益智教学游戏等内容,涵盖在所写的书中。而读者通过移动应用程序,可接触到的内容量几乎是无限的。

    1.6K20
    领券