如何更改textField的placeholder的左边距以及颜色字号等

最新推荐文章于 2023-07-14 15:42:37 发布
最新推荐文章于 2023-07-14 15:42:37 发布
阅读量2.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： iOS UITextField、UITextView
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/allanGold/article/details/51384534
本文介绍如何使用 Objective-C 对 iOS 中的 UITextField 进行自定义样式设置，包括背景颜色、边框圆角、占位符字体及颜色等，实现美观且易用的输入框组件。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

UITextField *tfPhone           = [[UITextField alloc] init];

tfPhone.leftView               = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 15, 40)];

tfPhone.leftViewMode           = UITextFieldViewModeAlways;

self.tfPhone                   = tfPhone;

tfPhone.delegate               = self;

tfPhone.backgroundColor        = UIColorFromRGBWithAlpha(0xd5d5d5, 1.0);

        

NSMutableParagraphStyle *style = [tfPhone.defaultTextAttributes[NSParagraphStyleAttributeName] mutableCopy];

        

style.minimumLineHeight        = tfPhone.font.lineHeight - (tfPhone.font.lineHeight - [UIFont systemFontOfSize:14].lineHeight) / 2.0;

        

tfPhone.attributedPlaceholder  = [[NSAttributedString alloc] initWithString:@"请输入您的手机号" attributes:@{NSParagraphStyleAttributeName : style, NSFontAttributeName : [UIFont systemFontOfSize:14], NSForegroundColorAttributeName: UIColorFromRGBWithAlpha(0x878787, 1.0)}];

        

tfPhone.textColor              = UIColorFromRGBWithAlpha(0x878787, 1.0);

[self addSubview:tfPhone];

tfPhone.layer.cornerRadius     = 5;

tfPhone.layer.masksToBounds    = YES;

 

IQKeyboardManager 键盘管理工具(个性化设置)
专注于计算机研发知识和资讯分享
12-30 1万+
前言 常常使用它进行键盘管理，比如： 点击背景是否收起键盘 自动适配一些屏幕 使用 #import <IQKeyboardManager/IQKeyboardManager.h> [self setupIQKeyboardManager]; - (void)setupIQKeyboardManager{ IQKeyboardManager *manager...
Objective-UITextField的创建和使用详解
京津追梦人
09-20 475
//创建一个文本输入框     UITextField *textField = [[UITextField alloc]init];          //设置坐标     textField.frame = CGRectMake(10, 100, self.view.frame.size.width, 30);          //设置文本框外
UISearchBar的占位符 (Placeholder，包括图片文字) 如何居左显示 ？
YLGWHYH的专栏
03-26 1295
转载至：https://blog.youkuaiyun.com/qq_33226881/article/details/76512656 UISearchBar的占位符 (Placeholder) 如何居左显示 ？ 做项目的时候遇到这个问题,虽然不是什么比较大的知识点，但是我觉着应该会有朋友纠结这个问题，所以这里就把自己查到的结果分享一下。 从ios7开始，ios系统UISearchBar组件显示Plac...
关于UITextField的左移问题
haiooh的博客
06-21 615
刚刚发现UITextField输入满框之后，不往左移，然后就看不到刚输入的文字，上网查了一下，在iOS7之后做了改变 UITextField的高度为20时，因为ios7默认字体更大；  就导致ios6下输入很长，文字自动移位； 而ios7下因为UITextField高度不够，而不自动移位； 将20改为25就可以ios7下UITextField输入长文字，就可以自动移位了。
2020-11-05
记录自己工作生活中遇到的问题
11-05 158
区别：https://www.geeksforgeeks.org/difference-getchar-getch-getc-getche/ int getc(FILE *stream); 标准库函数，头文件：stdio.h 功能：返回stream流的下一个字符，返回类型为unsigned char（被转换为int）。如果遇到文件结尾或发生错误，返回EOF。 利用getc()捕获字符时，字符会回显在屏幕上，且输入直到按下回车才结束，当stream是stdin时，和getc...
lineedit设置字左边距_CSS外边距
weixin_33687939的博客
12-01 809
HTML部分：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>浮动</title&...
lineedit设置字左边距_Flutter Container容器内外边距以及对齐描述
weixin_29759387的博客
12-06 565
1 作用用来放置widget的容器，有padding、margin、位置、大小等参数最常用的默认布局！只能包含一个child:，支持配置 padding,margin,color,宽高,decoration(一般配置边框和阴影)等配置，在 Flutter 中，不是所有的控件都有 宽高、padding、margin、color 等属性，所以有 Padding、Center 等 Widget。2 al...
qml TextField字体颜色如何设置
03-28
嗯，用户问的是如何在QML中设置TextField的字体颜色。首先，我需要回忆一下QML中TextField的相关属性。TextField是Qt Quick Controls 2中的一个组件，用于文本输入。设置字体颜色通常涉及到文本的样式属性。 我记得...
TextField中如何设置输入字体
最新发布
06-07
2.TextField的placeholderText字体如何设置？3.TextField中如何实现密码输入模式？4.QML中TextField与TextInput有什么区别？5.如何动态改变TextField的字体属性？ 在 QML 中设置 TextField 的输入字体，可通过其 `...
帮我做一个鸿蒙的影院项目的个人信息界面以及个人信息修改界面
06-04
3. **样式统一:** 全局定义主题色、字号、圆角等样式常量，确保界面风格统一。 4. **性能与体验:** 图片加载使用懒加载策略（`.lazyLoad(true)`），尤其是观影历史中的海报图片。优化网络请求，避免阻塞UI渲染。 5. ...
实现UISearchBar的Placeholder居左显示
码农--xc
08-01 2191
UISearchBar的占位符 (Placeholder) 如何居左显示 ？ 做项目的时候遇到这个问题,虽然不是什么比较大的知识点，但是我觉着应该会有朋友纠结这个问题，所以这里就把自己查到的结果分享一下。 从ios7开始，ios系统UISearchBar组件显示Placeholder图标提示信息和放大镜都是居中的，而且没有相应的方法、属性对placeholder进行操作。本文提供一
UITextField左侧空出一段距离
lidongxue的博客
07-05 932
当我们在做界面的时候会遇到给的UI效果图有自定义的UITextField输入框，这时候通常文字即placeHolder和Text都会距离左侧有一段距离，这时候有一个比较的简单的方法可以实现该效果。代码如下：         let leftView = UIView.init(frame: CGRect.init(x: 0, y: 0, width: 11, height: 20
【转】设置 UILabel 和 UITextField 的 Padding 或 Insets
dishuangqing3232的博客
03-29 569
转自：http://unmi.cc/uilable-uitextfield-padding-insetsiOS的控件，只看到UIButton可以设置 Padding/Insets，即按钮上文字或图片与按钮边界的间隙，对与CSS来说叫做 Padding，在iOS中叫做Insets，UIButton设置Insets相应的属性如下：Configuring Edge In...
实现在input框状态不同时placeholder（默认基础文字）位置不同
weixin_44252316的博客
09-05 1354
前段时间做路由器界面的时候的问题，现在把它们从文档一一搬过来 实现input框当不输入内容时，placeholder在左边，输入内容时，placeholder在右边 最后效果： 未焦点时： 焦点时： 实现代码： <input type="text" class="form-control" placeholder="DNS1" > <input type="text" c...
UIView+PlaceholderView介绍
iOS随笔
02-12 1294
经常需要处理这种占位图业务 (无网 UFO 无数据 NoData） UIView+PlaceholderView 尝试用一行代码更优雅的去处理列表中的占位图业务问题 UIView+PlaceholderView 可以提供给你 1、 使用链式语法，一行代码创建完成 2、采用 ph. 命名空间，比如 RxSwift 的 rx.，SnapKit 的 snp. ...
QT中设置控件的样式之左上右下边距
weixin_61476363的博客
07-14 1742
主要用于一个控件如label加入到一个widget中，设置这个label在这个widget中的四周边距。如上图，启动禁用按键在一个widget中，但它们距离widget四周的距离就是自定义的。//设置下边距为10px。//设置右边距为10px。//设置左边距为10px。//设置上边距为10px。
Qt-QLineEdit的创建和使用
qq_50571928的博客
05-15 5080
一、创建 QLineEdit* edit = new QLineEdit; // 或者 // QLineEdit* edit = new QLineEdit("test",this); 二、使用 对lineEdit的生成位置、大小、文本格式进行调整 QFont font; //创建一个lineedit的字体font font.setFamily("宋体"); //字体 font.setPixelSize(20); //字体大小 //edit设
[iOS textfiled. 左边文字距离左边边框的间距的处理] 转
iOSTianNan的博客
11-01 3406
默认情况下,当向textField输入文字时,文字会紧贴在textField左边框上.我们可以通过设置textField的leftView,设置一个只有宽度的leftView.这样还不够,因为默认leftView是不显示的.还需要将leftViewMode设置为UITextFieldViewModeAlways.这样就完成了. (小技巧:通过查询UITextField的头文件可以看出leftV
input的placeholder的颜色、字号、边距设置
weixin_30718391的博客
09-12 2025
#scbar_txt::-webkit-input-placeholder { /* WebKit browsers */ text-indent: 10px; 　font-size:16px; color:#e4e4e4;　}#scbar_txt:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　　text-indent: 10px...
swiftui中的textfield怎么修改 placeholder颜色?
08-12
在SwiftUI中，我们可以使用`.foregroundColor()`修改TextField的placeholder颜色。具体步骤如下： 1. 创建一个TextField，并设置placeholder文本。 ```swift TextField("请输入内容", text: $text) ``` 2. 为TextField调用`.foregroundColor()`函数，并传入所需的颜色。 ```swift TextField("请输入内容", text: $text) .foregroundColor(.red) ``` 这样，TextField的placeholder文本颜色就会被修改为红色。 完整示例代码如下： ```swift struct ContentView: View { @State private var text: String = "" var body: some View { TextField("请输入内容", text: $text) .foregroundColor(.red) } } ``` 当你使用这段代码运行应用程序时，TextField的placeholder颜色将会被修改为红色。如果需要修改其他颜色，只需将`.red`替换为其他颜色即可。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值