SwiftUI 兼容1和2 全功能多行文本框TextField和TextEditor (经典教程含源码)

最新推荐文章于 2024-05-21 08:30:00 发布
最新推荐文章于 2024-05-21 08:30:00 发布
阅读量721 收藏
点赞数
分类专栏： SwiftUI源码大全
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/107923452
版权
本文介绍了如何解决SwiftUI中TextField和TextEditor的中文输入问题，以及如何优雅地隐藏键盘。通过实战代码和知识点讲解，读者将学会创建可滚动的TextView，管理键盘显示，并能实现圆形TextField。文章提供了QQ和技术交流群以便进一步讨论。
摘要由CSDN通过智能技术生成

实战需求

SwiftUI的TextField和TextEditor目前都存在中文输入问题，而且如何优雅的隐藏键盘也是个问题。本文将为大家制作个可以用于生产环境的强大文本输入框

本文价值与收获

看完本文后，您将能够作出下面的界面

全功能多行文本框

全功能多行文本框

看完本文您将掌握的技能

  • 管理一组TextField
  • 使用ScrollView
  • 设置圆形TextField

基础知识

UITextView

可滚动的多行文本区域。

class UITextView : UIScrollView

总览

UITextView支持使用自定义样式信息显示文本，还支持文本编辑。通常，您使

了解本专栏 订阅专栏 解锁全文 超级会员免费看
知识大胖
关注
专栏目录
订阅专栏
SwiftUI 高代码质量编程技巧之 03 使用多行字符串引用
iCloudEnd的博客
05-13 317
系列文章 01 使用初始化注入而不是可选值 02 使用filter/reduce/map代替for循环，更清晰直观 03 使用多行字符串引用 04 限制参数个数，参数太多，可以使用自定义类型 05 使用标准库提供的高阶函数 06 纯静态类型避免使用类，使用枚举 07 避免使用NSObject 08 关闭前使用 let 03 使用多行字符串引用 let str = """ 123. 456. 789. """ ...
SwiftUI4 iOS16 新功能之 TextField 新功能多行文本字段、默认焦点、新的自动更正修饰符
iCloudEnd的博客
06-14 1186
TextField 是使用 SwiftUI 设计 UI 的核心控件组件之一。在 WWDC22解释了TextFiel新功能下面我们来一起探究一下在 iOS 16 之前，要构建一个TextField随内容动态增长或缩小的内容——我们要么利用 UIViewRepresentable，要么通过使用ZStack.很高兴，在 iOS 16 中，axis 参数会自动为您处理这些事情。 我们可以TextField通过使用lineLimit修饰符进一步自定义和控制 的动态高度。在内部设置上下限lineLimit允许我们设置
swift UI专项训练19 TextView 多行文本
Cwift的专栏
02-28 5485
有时候我们所要展示的内容一行文本放不下，这就需要多行文本TextView，拖拽的时候注意上界不要超过电池的小图标。 可以在属性编辑器中对多行文本的内容进行更改，按住control键和回车键换行。 运行效果如图： 如果我们把text选项的Plain改成Attributed的话，我们可以对内容进行进一步的编辑。比如大小字体和颜色等： 效果如图：
SwiftUI解决单行多行文本输入需求TextField和TextView
iCloudEnd的博客
04-23 1258
效果 Jietu20200206-134350@2x.jpg 单行文本 单行文本 import SwiftUI struct NormalTextFieldDemo: View { @State var oneText = "" var body: some View { VStack{ ...
SwiftUI 如何让Text支持多行文本并支持滚动
iCloudEnd的博客
05-16 1230
本文价值与收获 看完本文后，您将能够作出下面的界面 基础知识之动态类型基础(Dynamic type) 动态类型功能允许用户选择屏幕上显示的文本内容的大小。它可以帮助需要较大文本以提高可读性的用户。它还适合那些阅读较小文本的人员，使更多信息显示在屏幕上。支持动态类型的应用程序还提供了更一致的阅读体验。 代码 import SwiftUI extension View { func embedInScrollView(alignment: Alignment = .center) ->
iOS：iOS开发非常全的三方库、插件等等
dienangpiao2051的博客
09-23 7413
iOS开发非常全的三方库、插件等等 github排名:https://github.com/trending, github搜索：https://github.com/search. 此文章转自github:https://github.com/Tim9Liu9/TimLiu-iOS 一、UI 下拉刷新 EGOTableViewPullRefresh- 最早...
github上关于iOS的各种开源项目集合
livexiaopo
08-03 4515
UI 下拉刷新 EGOTableViewPullRefresh - 最早的下拉刷新控件。SVPullToRefresh - 下拉刷新控件。MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写）XHRefreshControl -
iOS、mac开源项目及库汇总
Thinker361的专栏
05-21 9944
UI  下拉刷新  EGOTableViewPullRefresh - 最早的下拉刷新控件。 SVPullToRefresh - 下拉刷新控件。 MJRefresh - 仅需一行代码就可以为UITableView或者CollectionView加上下拉刷新或者上拉刷新功能。可以自定义上下拉刷新的文字说明。具体使用看“使用方法”。 （国人写） XHRefreshControl - X
超级全面的iOS资源
VIM的博客
02-15 1709
如何用Facebook graphic api上传视频： http://developers.facebook.com/blog/post/532/ Keychain保存数据封装： https://github.com/carlbrown/PDKeychainBindingsController 对焦功能的实现： http://ww
swift-原型智能文本编辑器
08-15
Barliman是一个原型“智能编辑器”，执行实时程序合成，力图使程序员的生活更加轻松。
ios-TextField自动换行.zip
07-11
TextField 自动换行
第1章第11节：创建可容纳多行滚动文字的输入框TextEditor [SwiftUI快速入门到实战]
互动教程网[www.hdjc8.com]
08-31 528
TextField可以让用户输入单行的文字内容，若想输入多行的文字内容，可以使用能够容纳多行滚动文字的 TextEditor。 定义一个字符串属性，用来存储用户输入的文字内容。接着定义一个布尔属性，用来标识是否弹出警告窗口，以显示用户输入的内容。 TextEditor是由UIKit中的UITextView演变而来，因此可以在init方法中，通过UITextView修改TextEditor的外观属性。 添加一个VStack视图，作为子视图的容器。 创建一个TextEditor，Te..
SwiftUI 单行多行文本输入大合集TextField《寒食帖》
iCloudEnd的博客
02-06 1029
效果 Jietu20200206-134350@2x.jpg 单行文本 单行文本 import SwiftUI struct NormalTextFieldDemo: View { @State var oneText = "" var body: some View { VStack{ ...
SwiftUI TextEditor 长文本编辑器 基础使用(教程含代码)
iCloudEnd的博客
06-23 1344
TextEditor 可以显示和编辑长格式文本的视图。 struct TextEditor 文本编辑器视图可让您在应用程序的用户界面中显示和编辑多行可滚动文本。 默认情况下，文本编辑器视图使用从环境继承的特征来设置文本样式，例如font（_ :)，foregroundColor（_ :)和multilineTextAlignment（_ :)。 通过将TextEditor实例添加到视图的主体中来...
SwiftUI 输入框（TextEditor 和 TextField、SecureField）
CSDN博客
03-19 6534
前言 xcode 13.3 iOS 15.4 TextField 明文显示的输入框 文字输入框，相当于OC的UITextField TextFieldStyle TextField 有自己的风格，给我们提供了一些选项: 1、PlainTextFieldStyle: .textFieldStyle(.plain) A text field style with no decoration. 没有装饰的文本字段样式。 2、DefaultTextFieldStyle: TextField 的默认样式，在 i
swift html编辑器,SwiftUI TextEditor 长文本编辑器 基础使用(教程含代码)
weixin_31826879的博客
06-16 506
TextEditor可以显示和编辑长格式文本的视图。struct TextEditor文本编辑器视图可让您在应用程序的用户界面中显示和编辑多行可滚动文本。 默认情况下，文本编辑器视图使用从环境继承的特征来设置文本样式，例如font(_ :)，foregroundColor(_ :)和multilineTextAlignment(_ :)。通过将TextEditor实例添加到视图的主体中来创建文本编...
SwiftUI中TextField和TextEditor的使用
最新发布
郭永明的技术专栏
05-21 1791
在 SwiftUI 中，TextField 是用于接收用户输入的文本框组件。它允许用户在应用程序中输入文本，并可以与其他视图和数据进行交互。TextField 提供了丰富的样式和功能，使得用户输入变得简单而灵活。
Rich Text Edit for ios(富文本编辑)
logcabin的专栏
02-24 4982
The Omni Group also released some code that could be the start of a rich-text editor. http://github.com/omnigroup/OmniGroup/tree/master/Frameworks/OmniUI/iPad/Examples/TextEditor/ Based on Core Text
swiftui里textfield
01-23
SwiftUI中的TextField是一个用来显示和编辑文本的视图，它提供了用户输入数据的能力。 使用TextField很简单，只需创建一个TextField实例并设置一些必要的属性即可。以下是一个示例： ```swift struct ContentView:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值