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

在IOS Swift中,如何像snapchat故事一样让白色文本在任何背景下都可见

在IOS Swift中,可以通过使用NSAttributedString和UILabel来实现在任何背景下都可见的白色文本效果,类似于Snapchat故事。

首先,创建一个NSAttributedString对象,设置文本的属性,包括字体、颜色等。然后,将NSAttributedString对象赋值给UILabel的attributedText属性,以显示富文本。

以下是一个示例代码:

代码语言:swift
复制
import UIKit

class ViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 创建一个UILabel
        let label = UILabel(frame: CGRect(x: 50, y: 100, width: 200, height: 50))
        view.addSubview(label)
        
        // 创建一个NSAttributedString对象
        let attributedString = NSAttributedString(string: "可见的白色文本", attributes: [
            NSAttributedString.Key.font: UIFont.systemFont(ofSize: 20),
            NSAttributedString.Key.foregroundColor: UIColor.white
        ])
        
        // 将NSAttributedString对象赋值给UILabel的attributedText属性
        label.attributedText = attributedString
        
        // 设置背景颜色
        label.backgroundColor = UIColor.black
    }
}

在上述代码中,我们创建了一个UILabel,并设置了其frame和背景颜色。然后,创建了一个NSAttributedString对象,设置了文本为"可见的白色文本",字体为系统默认字体,颜色为白色。最后,将NSAttributedString对象赋值给UILabel的attributedText属性,以显示富文本。

这样,不论UILabel的背景颜色是什么,白色文本都会在任何背景下可见。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ISUX「八月」行业设计趋势速递

虽然谷歌仍未回应,但多画面同时播放在体育直播特别受欢迎。FuboTV 是一项以体育为重点的直播电视流媒体服务,具有多视图功能,最多允许同时进行四个流。...v=9da1ktqjPy0  十七、微信iOS迎来8.0.27正式版本更新  1、我的二维码支持更换样式  微信-扫一扫-我的二维码页面下方点击【换个样式】后,二维码可更换不同风格,还有全屏背景颜色版...打开你的 Snapchat相机工具栏中看到一个新图标。只需轻轻一按,就可以开始创建快照和故事,或者更精美的 Spotlight 视频。...点击这个选项,然后屏幕中间的对话框里输入一段文字描述,只用不到5秒的时间,TikTok 就可以根据文字描述生成一张竖版画作,用作短视频的背景:  只要想象力到位,短视频的背景就可以放飞,你尽情穿梭于各个虚拟场景...尽管目前AI绿幕所生成的背景还偏油画风格,没有任何写实色彩。但风格迁移的痕迹明显,而且用的颜色也鲜亮明快,给人一种耳目一新的感受。

3.5K10

[ISUX译]iOS 9 人机界面指南(五):图标与图形设计 - 腾讯ISUX

添加细节时请慎重,如果一个icon的样式或形状过于复杂,它的细节可能会用户迷惑,小尺寸的icon更可能会显示模糊。 注意: 想要测试你的图标小尺寸的显示效果,可以把它移动到主屏的文件夹下。...举个例子,在下图设置界面,这些icon虽然很小,但每一个清晰可辨: ? 和app icons一样,你可以任意命名这些小icon,因为iOS使用的时候通常会照惯例自动选择合适尺寸的icon。...如果你没有提供这些icon,在这些位置iOS可能会缩小你的应用icon。表格45-1显示了不同尺寸的详细信息。 注意: 如果你的icon底色是白色的,不需要增加灰色遮罩来增强app设置界面的可见度。... iOS8 以后,你可以使用一个 XIB 或故事板文件来替代静态的启动图片。...我们也可以设计一个与APP首屏一样的启动画面。除非: 文本。启动图片是静态的,所以启动图片中的任何文本都不会有局限。 可能会变化的 UI 元素。

1.6K31

一个独立开发者总结的App 迭代设计思路

2014年为iOS 7设计了Overcast1.0,这是一个具有时代标记的产品:使用了超细的字体和线,边缘锋利,全屏白色背景和半透明模糊的底栏,大部分基础功能需要隐藏手势操作。...App设计趋势并不是一成不变,许多iOS7的设计设计现在看起来略微过时。 2.将所有功能置于打开状态:添加了可视的控制、功能可见性更好。...自从Overcast 1.0发布,我收到了几百封电子邮件,问我如何不在播放的状态删除剧集。...这种情况无处不在,并其它播放列表一样具有完整的功能。 其他的一些改进 频道页有一个巨大的设计缺陷。快速:旧的页面,你如何调整剧集的排列顺序,播放最新或最旧的剧集?...9月的时候,这我有点不安,11月的时候还是发生了,到了1月旬,我我的应用嵌入了美国广告公司的封闭源代码。

1.4K90

用这些 iOS 技巧你的 APP 性能更佳

想象一如果每个 tableViewCell 包含一个 UIImageView 和大量文本会发生什么:一次性加载它们可能会导致应用内存溢出!...通过将屏幕上不再可见的 tableViewCell 放入队列中进行复用,并且当新 tableViewCell即将在屏幕上可见时(例如,当用户向下滚动时,下面的后续tableViewCell),表视图将从此队列检索...比较:Safari APP的启动页和第一个页面 (查看大图) 启动页的 storyboard 与任何其他 storyboard文件一样,除了您只能使用标准的 UIKit 类,如 UIViewController...了解更多有关状态恢复的知识: 状态的保存和恢复 UI 保存过程 UI 恢复过程 01 尽可能减少透明视图的使用 不透明视图是指没有透明度的视图,意味着放在它后面的任何 UI 元素不可见。...许多 label 以红色突出显示,因为它们的背景颜色是透明的,导致 iOS 通过混合背后的视图来计算背景颜色。

3.2K30

iOS各种调试技巧豪华套餐

基本上不是残废的IDE具有断点调试功能吧!尤其是XCode,我们家的IDE断点调试功能可是强又是强手!在这之前大家可以先了解一哈子是断点?它怎么实现的?工作原理怎么样的?...也许已经学习了iOS开发大半年的你,从来都没注意到或者使用这个工具,但是博主很负责任的告诉你现在市面上任何一款出色的APP都会使用instruments来代码更加健壮!...点击Xcode左上角的运行按钮将展示iOS模拟器运行的应用程序。 图24 ? 很快会注意到用户界面存在问题-表视图中没有展示任何数据。...由于视图控制器的视图背景白色,所以不管表视图单元格使用的是混合层或者不透明层,终端用户不会觉察到有什么不一样。...想查看app如何响应事件,可按Command-T来启用slow animations,并按Command-Y来展示电话接入时的状态栏。

1.4K20

iOS各种调试技巧豪华套餐

基本上不是残废的IDE具有断点调试功能吧!尤其是XCode,我们家的IDE断点调试功能可是强又是强手!在这之前大家可以先了解一哈子是断点?它怎么实现的?工作原理怎么样的?...也许已经学习了iOS开发大半年的你,从来都没注意到或者使用这个工具,但是博主很负责任的告诉你现在市面上任何一款出色的APP都会使用instruments来代码更加健壮!...点击Xcode左上角的运行按钮将展示iOS模拟器运行的应用程序。 图24 ? 很快会注意到用户界面存在问题-表视图中没有展示任何数据。...由于视图控制器的视图背景白色,所以不管表视图单元格使用的是混合层或者不透明层,终端用户不会觉察到有什么不一样。...想查看app如何响应事件,可按Command-T来启用slow animations,并按Command-Y来展示电话接入时的状态栏。

1.8K90

最新iOS设计规范七|10大视觉规范(Visual Design)

iOS应用,您可以配置界面元素和布局,以iPad上执行多任务处理时,拆分视图中,屏幕旋转时以及在其他设备上自动更改形状和大小。设计一个适应性强的界面在任何环境提供出色的体验非常重要。...要知道,现实世界电脑上的颜色看起来并不总是一样,APP也是一个道理。所以请在多种光照条件预览你的APP,包括晴天户外,去查看颜色的显示方式。...使用系统定义的颜色可确保前景和背景内容之间的对比度。对于自定义颜色,目标是对比度为7:1,尤其是对于较小的文本。 柔化白色背景的颜色。...如果你必须在深色模式使用白色背景作为内容,请选择稍暗的白色,以防止背景对比周围的暗色内容发光一样。...NY图形显示环境(大尺寸)的效果与阅读环境(文本尺寸)的效果一样。 ? 从iOS 14开始,系统以可变字体格式提供San Francisco和New York字体。

7.9K30

【移动开发】InfoQ 2022 年移动和物联网趋势报告

某些情况,它们的计算能力已经发展到与个人电脑相当的水平,例如智能手机和平板电脑。在其他情况,它们的计算能力以及它们提供的功能可能会显得更加受限。在所有情况,我们连接了具有一些特殊外形的设备。...例如, fastlane 这样的工具很大程度上帮助开发人员从繁琐的工作解脱出来,例如拍摄快照、测试版和通过相关应用商店进行预审部署等。...使用 SwiftUI,您无需逐个构建 UI,而是使用文本抽象来描述它的外观并定义其每个组件如何与您的模型交互。...在这种情况,我们不是在谈论 Alexa 或作为操作系统接口运行的 Siri/Google Assistant 之类的专用设备。相反,我们指的是将语音功能集成到移动应用程序和物联网设备本身。... MQTT 和 gRPC 等轻量级协议方面,物联网设备也出现了类似的趋势。 一个需要密切观察的有趣子趋势是最终创建标准化协议和/或专门的第三方解决方案,以使持久连接即插即用一样简单。

1K10

最新iOS设计规范八|3大图标和图像规范(Icons and Images)

提供图像和图标的替代文本标签。替代文本标签在屏幕上不可见,但是它们使VoiceOver能够以听觉方式描述屏幕上的内容,从而使视力障碍者的导航更加轻松。...应用程序的名称显示主屏幕上其图标下方。请勿使用不必要的词来重复名称或告诉别人如何处理您的应用,例如“观看”或“播放”。如果您的设计包含任何文本,请强调与应用程序提供的实际内容相关的词。...此外,提供可以显示系统内置的“设置”APP的小图标,支持通知功能的APP也应提供一个小图标以显示通知。 确保所有图标都能清楚地识别出你的APP,理想情况,它们都应与你的APP图标相匹配。...iOS会自动为所有图标添加1像素描边,以便它们“设置”的白色背景上看起来更友好。 用户可选的应用程序图标 对于某些APP来说,定制是一项能够唤起用户共鸣并增强用户体验的功能。...为图标提供文本标签。备选文字标签在屏幕上不可见,但它们解说者可以直观地描述屏幕上的内容,使视力障碍人士更容易导航。 如果在系统提供的图标里找不到符合你要求的图标,请设计自定义图标。

2.9K20

iOS开发常用之网络

MGSwipeTableCell - 另一个常见于很多应用的UI组件,苹果应该考虑标准的iOS SDK中加入一些类似的内容.Swipeable表格cell是这个pod的最佳描述,也是最好的。...iOS-RatingBar - iOS-RatingBar swift版的评分控件,跟Android的RatingBar一样有两种模式,评分模式和只读模式'支持视图编辑,自定义星星数量,评分等级,另外还能支持非整数星...LeeGo.swift - 带来更声明式的,可配置的和易复用的UI开发方式,UI开发变得玩乐高积木一样简单直观,某种程度上取代ComponentKit。...故事板中使用GHSidebarNav侧开菜单控件。 iOS-Slide-Menu - 能够类似Facebook和Path那样弹出左右边栏侧滑菜单,还支持手势。...更赞的是额外附了详细开发教程如何Swift制作Tinder-Like Koloda动画网页链接 .Yalantis出品动画程序款款精品。

23.5K10

ISUX「十二月」行业设计趋势速递

该更新在国外更开放的社交环境用户可以准确地表达他们正在寻找的对象,从而更有效地减少不合适的匹配。...新版本Telegram将此能力扩展到富媒体内容,如图片视频。无独有偶,另一社交新贵Discord也有类似发送隐藏文本的能力。...并且当新多个表情同时发送时,表情外并没有套一层气泡,而是直接展示聊天背景。这样做可以不同表情拼合成新的效果。例如官方新出的字幕和字符表情,可以随意拼接成一句用表情生成的话。 ...六、Snapchat+好友星系能力  Snapchat+为会员新增一个查看好友星系的能力。用户可以通过这个新功能查看自己snapchat上的好友排序。...此视频为一套故事模板,可以套用任何人的虚拟形象,生成成本低。

84130

最新iOS设计规范十|5大拓展程序(Extensions)

用户“设置”启用自定义键盘后,他们可以将其用于任何应用程序文本输入,但编辑安全文本字段和电话号码字段时除外。人们可以启用多个自定义键盘,并可以随时它们之间进行切换。 ?...通过您的应用(而不是键盘本身)提供使用说明,使入门过程更容易。告诉人们如何启用键盘,输入文本时将其激活,使用它,然后切换回标准键盘。...考虑人们可能想要共享哪些信息,以及他们如何在活跃对话的背景与您的应用进行交互。 插入内容以避免裁切。应用程序的内容以带有圆角的消息气泡形式显示,因此请不要将重要信息放在拐角处。...iMessage应用程序和贴纸包图标 iOS应用一样,iMessage应用和贴纸包也需要可识别的应用图标。保持背景简单,并提供单个焦点。设计一个带有单个中心点的图标,一目了然。...为确保您的图标在任何情况和在任何设备上均显示精美,可以提供以下尺寸的图标变体: ?

3.1K10

苹果iOS 13 新设计规范全面解析

关于如何设计黑暗模式,苹果也给出了几点建议。iOS 13.0及更高版本,人们可以选择采用称为黑暗模式外观。暗模式,系统为所有屏幕,视图,菜单和控件使用较暗的配色,使前景内容较暗的背景突出。...使用设计师自己指定的颜色的时候,要确保两种模式的对比度足够强,如下图点睛色指定了橙色,黑暗模式使用白色,浅色模式使用黑色文字,则对比度必须要拉大,确保应用的可读性足够好。 ?...在下图中,我们可以体会下黑色模式和浅色模式,同一种颜色对于用户视觉的影响,是不一样的,要保证两种模式都有更好的对比度和可读性,需要设计师更严谨的配色。 ? 柔化白色背景的颜色。...如果您必须在暗模式使用白色背景作为内容,请选择稍暗的白色,以防止背景对周围的暗色内容太刺眼。比如可以为白色背景加一些透明度,这样舒适性更好。...(在任何时候,模态都要慎用,请注意。iOS 13 的日历应用是一个经典的例子。)

4.4K40

根据 OS 设计你的应用

Snapchat 图表 2.3 Snapchat — 用户界面流(左 IOS vs 右 Android) 如同 VSCO Cam 应用一样Snapchat 很早发布 App Store,很久之后才有...这种独一的交互是 Snapchat 的一大品牌特点,我们可以发现公司尝试统一两个平台上的交互体验——界面看起来两个平台上完全一样。...iOS 和 Android 版本的 Evernote 不论从 UI 还是 UX 来看完全不一样两个平台上几乎每一部分都不一样,从登陆页,到菜单的设计,甚至一些界面元素。 ?...图表 2.5 Evernote 主菜单(左 iOS vs 右 Android) 菜单的设计也完全不一样iOS 上的菜单有着全绿色的背景,占据了整页,这使它看起来一个新页面而不是菜单。...从图 3.6 中看,Spotify 对生日和性别信息的文本框设计两个平台上是不一样的。 iOS 上使用了传统的下拉菜单设计,而在 Android 上是一个弹出的菜单。

1.3K110

Ask Apple 2022 与 SwiftUI 有关的问答(

虽然 Form 和 List iOS 上看起来差不多,但如果你看一 macOS,就会发现它们之间的不少差异。与 macOS 上的 List 相比,许多控件 Form 的外观和行为都有所不同。... SwiftUI 布局 —— 尺寸( 上 )[8] 一文,对建议尺寸的几种模式进行了介绍。如何减少主线程的负担Q:如何避免所有操作都被放置主线上?...将背景扩展到安全区域Q:如果我有一个自定义的容器类型,可以接受一个顶部和底部的视图,是否有办法 API 的调用者将所提供的视图的背景扩展到安全区域内,同时将内容( 如文本或按钮 )保留在安全区域内?...这意味着我们不能使用 LazyVStack,或任何其他将选择与详细视图绑定的自定义视图。有扩展这个功能的计划吗?A: iOS 16.1 ,你可以侧边栏里放一个。...A:是的,不幸的是,这样的大型构造器表达式有时会 Swift 编译器难以处理。遇到这种错误的解决办法是把表达式拆成更小的子表达式,特别是如果这些小的子表达式被赋予了明确的类型。

14.7K30

ISUX「十月」行业设计趋势速递

表情选择上,工作、睡眠、旅行等热门的动态会优先显示顶部供用户快速选择,按住表情符号还可设置动态持续时间。 ...而新版,对表情表态面板做了拓展能力,支持上百个表情选择,经常使用的表情则显示顶部方便用户快速选择。...七、Snapchat支持多种自定义能力    -自定义Story的过期时间   Snapchat的Story支持用户设置过期时间,设置范围少至一小时或多至一周后过期。...八、Snapchat支持双摄像头拍摄记录 Snapchat支持双摄像头拍摄,这是一种 Snapchatter 同时捕捉多个视角的新方式,因此每个人都可以成为当下的一部分,记录当下的美景与美景的自己。...打开Snapchat,用户会在相机工具栏中看到一个新图标。只需轻轻一按,就可以通过双倍视角开始创建快照和故事,或者录制 Spotlight 视频。

1.1K30

iOS ARKit教程:用裸露的手指在空中画画

ARKit教程插图:iOS ARKit应用程序与虚拟对象交互 在这篇文章,我们将使用iOS ARKit创建一个有趣的ARKit示例项目。用户将手指放在桌子上,好像他们握笔,点击缩略图并开始绘图。...别担心,就像企业家在你弄清楚他们的创业公司名称背后的傻笑一样发现他们的笑声时,研究人员发现他们试图解读他们提出的任何术语的头部划痕的数量。命名他们的发明 - 让我们他们享受他们的乐趣,继续前进。...在下一节,我们将解释如何检测平面,以及如何相应地定位焦点平方。 ARKit检测平面 ARKit可以检测新平面,更新现有平面或删除它们。...接下来,SceneKit的渲染器回调函数,我们将使用相同的PointNode类绘制一些笔尖点一样的指示器。...原文:https://www.toptal.com/swift/ios-arkit-tutorial-drawing-in-air-with-fingers 作者: ?

2.2K30

创建华丽 UI 的 7条规则  第二部分 (2019年更新)

在这句标题 “145,000 Salesforce Users Come out to Celebrate…”有一个透光度渐变的框。应该可以很简单的注意到高对比度的照片这个深蓝色的背景。...在这种情况,缺乏斜体字会更有效地吸引眼球(特别是结合粗体的字体) by 的这一行里的作者名字是被加粗的 — 它和平常字重的 "by" 分别了开来。...字段颜色 背影颜色 阴影 下划线 轻微的动画 - 升高,降低等 一个实用的办法:尝试将白色元素变成彩色,或者将彩色的元素变为白色,但是文本背景色要选用深色。 ? 设计文本的样式是很难的。...艺术家一样借鉴 我第一次尝试设计一些应用程序元素 - 按钮,表,图表,弹出窗口 - 这是我第一次意识到我对如何这些元素好看而知之甚少。 但幸运的是,我还没有发明任何新的 UI 元素。...这使得快速研究目前正在使用的任何界面,无论是登录页面、用户配置文件、搜索结果等等,非常方便。 ? 我坚信每个艺术家都应该鹦鹉一样去模仿,直到他们擅长模仿最好的。

1.1K30

iOS动画系列之九:实现点赞的动画及播放起伏指示器(OC+Swift)1. CAReplicatorLayer2. CAEmitterLayer3. CAGradientLayer

就是最基本的建立一个CALayer,设置了frame,设置了锚点,设置了背景颜色,加入了上下移动的动画。 等等,为什么这里背景颜色是白色吶?白色不是就看不见了嘛?别着急,第二步里面答案就揭晓啦。...前面那个基准层的背景颜色为啥是白色吶?最终生效的其实还是replicatorLayer.instanceColor = UIColor.green.cgColor。...一起来看看啥意思。 instanceCount:拷贝图层的次数,包括其所有的子图层,默认值是1,也就是没有任何子图层被复制。...这个没什么好解释的,就是点一把状态改一。...swift里面重写方法的格式和OC不太一样,需要注意一

1.4K20
领券