blocks|key|2592656|text|可能你的图像比width:+50,+height:+txtField.frame.height小，所以你的按钮被缩小了。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2592657|您可以尝试添加一些容器：|2592658|let+dropdownButton+=+UIButton(frame:+CGRect(x:+0,+y:+0,+width:+50,+height:+txtField.frame.height))
dropdownButton.backgroundColor+=+.clear
dropdownButton.setImage(UIImage(named:+"ic_DownArrow"),+for:+UIControl.State())
let+container+=+UIView(frame:+dropdownButton.frame)
container.backgroundColor+=+.clear
container.addSubview(dropdownButton)
txtField.rightView+=+container
txtField.rightViewMode+=+.always|code-block|syntax|javascript|2592659|entityMap^0|7|14|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Probably your image is smaller than <code>width: 50, height: txtField.frame.height</code>, so your button is reduced.

You can try add some container:

<pre><code>let dropdownButton = UIButton(frame: CGRect(x: 0, y: 0, width: 50, height: txtField.frame.height))
dropdownButton.backgroundColor = .clear
dropdownButton.setImage(UIImage(named: "ic_DownArrow"), for: UIControl.State())
let container = UIView(frame: dropdownButton.frame)
container.backgroundColor = .clear
container.addSubview(dropdownButton)
txtField.rightView = container
txtField.rightViewMode = .always
</code></pre>

blocks|key|2568083|text|显然，这改变了rightViewRect(forBounds:)在iOS+13+Beta+5中的行为方式。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2568084|来自iOS+&+iPadOS+13+Developer+Beta+5发行说明：|2568085|2568086|+UIKit+-已解决的问题|blockquote|2568087|2568088|在iOS+13之前，UITextField假定其leftView和rightView的帧在分配时被正确设置，并且不会更改。从iOS+13开始，leftViewRect(forBounds:)和rightViewRect(forBounds:)的实现现在为其systemLayoutSizeFitting(:)询问视图。若要在iOS+13上链接和运行之前的行为，请在视图上添加显式的大小调整约束，将其包装在普通的UIView中，或将视图子类化并实现systemLayoutSizeFitting(:)。(51787798)|2568089|2568090|因此，将自动布局约束添加到添加到rightView的自定义视图中|2568091|例子：-|2568092|override+func+rightViewRect(forBounds+bounds:+CGRect)+->+CGRect+{
++++++++return+CGRect(x:+bounds.width+-+30,+y:+0,+width:+20+,+height:+bounds.height)
++++}|code-block|syntax|javascript|2568093|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|Z|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|12|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|13|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|14|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|15|8|@]|9|@]|A|$S|T]]|$1|U|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|V|$]]

Apparently this was a change in the way rightViewRect(forBounds:) behaves in iOS 13 Beta 5.

From the iOS &amp; iPadOS 13 Developer Beta 5 Release Notes:

<blockquote>
 UIKit - Resolved Issues
 
 Prior to iOS 13, UITextField assumed that the frames of its leftView and rightView were correctly set when assigned and would never change. Starting in iOS 13, the implementation of leftViewRect(forBounds:) and rightViewRect(forBounds:) now ask the view for its systemLayoutSizeFitting(:). To achieve the previous behavior when linking against and running on iOS 13, add explicit sizing constraints on the view, wrap it in a plain UIView, or subclass the view and implement systemLayoutSizeFitting(:). (51787798)
</blockquote>

So Add Auto-Layout constraints to your custom view that you added to the rightView

Example:-

<pre><code>override func rightViewRect(forBounds bounds: CGRect) -&gt; CGRect {
 return CGRect(x: bounds.width - 30, y: 0, width: 20 , height: bounds.height)
 }
</code></pre>

blocks|key|2592737|text|我用的是布鲁诺的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2592738|1)创建容器视图，并使用自动布局设置其宽度和高度。宽度和高度应包括子视图的大小%2B所需的间距。|2592739|2)创建要在文本字段中显示的子视图。使用自动布局设置宽度、高度和布局。将其添加到容器视图中。|2592740|3)将容器视图添加到文本字段|2592741|您可以看到我的容器与文本字段的高度匹配。宽度是按钮(44)的宽度，加上我想要的间距(16)。当我添加我的子视图时，我将它对齐到容器的左边。这将使我在按钮的右边和文本字段的边缘之间间隔16+me。|2592742|let+forgotButtonContainer+=+UIView()
forgotButtonContainer.translatesAutoresizingMaskIntoConstraints+=+false
forgotButtonContainer.widthAnchor.constraint(equalToConstant:+44.0+%2B+16.0).isActive+=+true
forgotButtonContainer.heightAnchor.constraint(equalToConstant:+48.0).isActive+=+true

forgotButton+=+PFSecondaryButton(link:+"Forgot?")
forgotButton.translatesAutoresizingMaskIntoConstraints+=+false
forgotButtonContainer.addSubview(forgotButton)

forgotButton.topAnchor.constraint(equalTo:+forgotButtonContainer.topAnchor).isActive+=+true
forgotButton.leftAnchor.constraint(equalTo:+forgotButtonContainer.leftAnchor).isActive+=+true
forgotButton.bottomAnchor.constraint(equalTo:+forgotButtonContainer.bottomAnchor).isActive+=+true

passwordField.rightView+=+forgotButtonContainer|code-block|syntax|javascript|2592743|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|S|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|V|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

I got it to work using Bruno's method.

1) Create a container view and set its width and height using auto layout. Width and height should include the subview's size + required spacing.

2) Create the subview you want to show in the text field. Set the width, height, and layout using auto layout. Add it to the container view.

3) Add the container view to the text field

You can see my container matches the height of the text field. The width is the width of the button (44), plus the spacing I want (16). When I add my subview I'll align it to the left of the container. That will give me 16px spacing between the right of the button and the edge of the text field.

<pre><code>let forgotButtonContainer = UIView()
forgotButtonContainer.translatesAutoresizingMaskIntoConstraints = false
forgotButtonContainer.widthAnchor.constraint(equalToConstant: 44.0 + 16.0).isActive = true
forgotButtonContainer.heightAnchor.constraint(equalToConstant: 48.0).isActive = true

forgotButton = PFSecondaryButton(link: "Forgot?")
forgotButton.translatesAutoresizingMaskIntoConstraints = false
forgotButtonContainer.addSubview(forgotButton)

forgotButton.topAnchor.constraint(equalTo: forgotButtonContainer.topAnchor).isActive = true
forgotButton.leftAnchor.constraint(equalTo: forgotButtonContainer.leftAnchor).isActive = true
forgotButton.bottomAnchor.constraint(equalTo: forgotButtonContainer.bottomAnchor).isActive = true

passwordField.rightView = forgotButtonContainer
</code></pre>

blocks|key|1640872|text|我喜欢同样的问题，把它设置为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1640873|覆盖textField+rightViewRectForBounds:方法，|offset|length|style|CODE|1640874|-+(CGRect)rightViewRectForBounds:(CGRect)bounds+{
++++if+(self.rightView)+{
++++++++CGRect+rightFrame+=+self.rightView.frame;
++++++++return+CGRectMake(bounds.size.width+-+rightFrame.size.width,+0,+rightFrame.size.width,+bounds.size.height);
++++}
++++return+CGRectZero;
}|code-block|syntax|javascript|1640875|entityMap^0|0|C|N|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I resove the same problem by set this:

override textField <code>rightViewRectForBounds:</code> method,

<pre><code>- (CGRect)rightViewRectForBounds:(CGRect)bounds {
 if (self.rightView) {
 CGRect rightFrame = self.rightView.frame;
 return CGRectMake(bounds.size.width - rightFrame.size.width, 0, rightFrame.size.width, bounds.size.height);
 }
 return CGRectZero;
}
</code></pre>

blocks|key|2592805|text|为要添加的leftView或rightView设置宽度约束。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2592806|leftImageView.widthAnchor.set(to:+30.0)
textField.leftView+=+leftImageView
textField.leftViewMode+=+.always|code-block|syntax|javascript|2592807|下面是我用来设置宽度约束的扩展：|2592808|extension+NSLayoutDimension+{

@discardableResult
func+set(
++++++++to+constant:+CGFloat,
++++++++priority:+UILayoutPriority+=+.required
++++++++)+->+NSLayoutConstraint+{

++++++++let+cons+=+constraint(equalToConstant:+constant)
++++++++cons.priority+=+priority
++++++++cons.isActive+=+true
++++++++return+cons
++++}
}|2592809|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

Set the width constraint for the leftView or rightView you're adding.

<pre><code>leftImageView.widthAnchor.set(to: 30.0)
textField.leftView = leftImageView
textField.leftViewMode = .always
</code></pre>

Here's the extension I use to set the width constraint:

<pre><code>extension NSLayoutDimension {

@discardableResult
func set(
 to constant: CGFloat,
 priority: UILayoutPriority = .required
 ) -&gt; NSLayoutConstraint {

 let cons = constraint(equalToConstant: constant)
 cons.priority = priority
 cons.isActive = true
 return cons
 }
}
</code></pre>

blocks|key|2568185|text|这对我有用，它还解决了iPhone+X/11中发生的问题，当时rightView占用了textField的全部宽度：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2568186|txtField.rightView+=+dropdownButton
txtField.translatesAutoresizingMaskIntoConstraints+=+false
txtField.rightView?.widthAnchor.constraint(equalToConstant:+50).isActive+=+true|code-block|syntax|javascript|2568187|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This worked for me and it also solves the issue that happens in iPhone X/11, when the rightView takes up full width of the textField:

<pre><code>txtField.rightView = dropdownButton
txtField.translatesAutoresizingMaskIntoConstraints = false
txtField.rightView?.widthAnchor.constraint(equalToConstant: 50).isActive = true
</code></pre>

blocks|key|1640921|text|我遇到的另一个解决方案是将translatesAutoresizingMaskIntoConstraints设置为true，否则您将分配给leftView、iOS、13%2B和false的视图。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1640922|entityMap^0|D|15|1L|4|1X|8|2E|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]|$9|O|A|P|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|G|$]]

Another solution I came across for this is to set <code>translatesAutoresizingMaskIntoConstraints</code> to <code>true</code> for the view you are assigning to <code>leftView</code> for iOS 13+ and <code>false</code> otherwise.

blocks|key|2592877|text|你可以从我做的延伸处更换右垫和左衬垫.您可以使用IBDesignable，也可以不使用您看到的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2592878|import+UIKit

@IBDesignable
extension+UITextField+{
++++
++++@IBInspectable+var+paddingLeftCustom:+CGFloat+{
++++++++get+{
++++++++++++return+leftView!.frame.size.width
++++++++}
++++++++set+{
++++++++++++let+paddingView+=+UIView(frame:+CGRect(x:+0,+y:+0,+width:+newValue,+height:+frame.size.height))
++++++++++++if+leftView+==+nil+{
++++++++++++++++leftView+=+paddingView
++++++++++++++++leftViewMode+=+.always
++++++++++++}
++++++++++++
++++++++}
++++}

++++@IBInspectable+var+paddingRightCustom:+CGFloat+{
++++++++get+{
++++++++++++return+rightView!.frame.size.width
++++++++}
++++++++set+{
++++++++++++let+paddingView+=+UIView(frame:+CGRect(x:+0,+y:+0,+width:+newValue,+height:+frame.size.height))
++++++++++++if+rightView+==+nil+{
++++++++++++++++rightView+=+paddingView
++++++++++++++++rightViewMode+=+.always
++++++++++++}
++++++++++++
++++++++}
++++}
}|code-block|syntax|javascript|2592879|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can change right padding and left padding from the extension which I made
...........
you can use IBDesignable or not as you see
<pre><code>import UIKit

@IBDesignable
extension UITextField {
 
 @IBInspectable var paddingLeftCustom: CGFloat {
 get {
 return leftView!.frame.size.width
 }
 set {
 let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: newValue, height: frame.size.height))
 if leftView == nil {
 leftView = paddingView
 leftViewMode = .always
 }
 
 }
 }

 @IBInspectable var paddingRightCustom: CGFloat {
 get {
 return rightView!.frame.size.width
 }
 set {
 let paddingView = UIView(frame: CGRect(x: 0, y: 0, width: newValue, height: frame.size.height))
 if rightView == nil {
 rightView = paddingView
 rightViewMode = .always
 }
 
 }
 }
}
</code></pre>

I am facing a spacing issue with a right view of UITextField in IOS 13, See my following code and screenshot of ios 13 and ios 12.4

In IOS 12.4 simulator display proper space in the right view (UIButton)of UITextField

In IOS 13.0 simulator has a spacing issue in the right view (UIButton)of UITextField

<pre><code>let dropdownButton = UIButton(frame: CGRect(x: 0, y: 0, width: 50, height: txtField.frame.height))
dropdownButton.backgroundColor = UIColor.clear
dropdownButton.setImage(UIImage(named: "ic_DownArrow"), for: UIControl.State()) 
txtField.rightView = dropdownButton 
txtField.rightViewMode = .always
</code></pre>

<a href="https://i.stack.imgur.com/RL2PN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/RL2PN.png" alt="enter image description here"></a>
<a href="https://i.stack.imgur.com/UUAQO.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UUAQO.png" alt="enter image description here"></a>

IOS 13: spacing Issue with UITextField rightView

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我面临一个间隔问题，在IOS 13中有一个正确的UITextField视图，请参阅下面的ios 13和ios 12.4的代码和屏幕截图在IOS 12.4中，模拟器在UITextField的右视图(UITextField)中显示适当的空间在IOS 13.0中，模拟器在UITextField的右视图(UITextField...

问IOS 13: UITextField rightView的间距问题
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IOS 13: UITextField rightView的间距问题EN