blocks|key|272750|text|您还没有指定如何设置插入，所以我猜您使用的是titleEdgeInsets，因为我看到了与您相同的效果。如果我使用contentEdgeInsets，它可以正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|272751|-+(IBAction)ChangeTitle:(UIButton+*)sender+{
++++self.button.contentEdgeInsets+=+UIEdgeInsetsMake(0,20,0,20);
++++[self.button+setTitle:@"Long+Long+Title"+forState:UIControlStateNormal];
}|code-block|syntax|javascript|272752|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 haven't specified how you're setting the insets, so I'm guessing that you're using titleEdgeInsets because I see the same effect you're getting. If I use contentEdgeInsets instead it works properly.

<pre><code>- (IBAction)ChangeTitle:(UIButton *)sender {
 self.button.contentEdgeInsets = UIEdgeInsetsMake(0,20,0,20);
 [self.button setTitle:@"Long Long Title" forState:UIControlStateNormal];
}
</code></pre>

blocks|key|56249|text|为什么不覆盖UIView上的intrinsicContentSize方法呢？例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|56250|-+(CGSize)+intrinsicContentSize
{
++++CGSize+s+=+[super+intrinsicContentSize];

++++return+CGSizeMake(s.width+%2B+self.titleEdgeInsets.left+%2B+self.titleEdgeInsets.right,
++++++++++++++++++++++s.height+%2B+self.titleEdgeInsets.top+%2B+self.titleEdgeInsets.bottom);
}|code-block|syntax|javascript|56251|这应该告诉自动布局系统，它应该增加按钮的大小，以允许插入并显示全文。我不在我自己的电脑前，所以我没有测试过这个。|56252|entityMap^0|E|K|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|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Why not override the <code>intrinsicContentSize</code> method on UIView? For example:

<pre><code>- (CGSize) intrinsicContentSize
{
 CGSize s = [super intrinsicContentSize];

 return CGSizeMake(s.width + self.titleEdgeInsets.left + self.titleEdgeInsets.right,
 s.height + self.titleEdgeInsets.top + self.titleEdgeInsets.bottom);
}
</code></pre>

This should tell the autolayout system that it should increase the size of the button to allow for the insets and show the full text. I'm not at my own computer, so I haven't tested this.

blocks|key|272893|text|这个线程有点老了，但我自己也遇到了这个问题，并且能够通过使用负嵌入来解决这个问题。例如，在此处替换所需的填充值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|272894|UIButton*+myButton+=+[[UIButton+alloc]+init];
//+setup+some+autolayout+constraints+here
myButton.titleEdgeInsets+=+UIEdgeInsetsMake(-desiredBottomPadding,
++++++++++++++++++++++++++++++++++++++++++++-desiredRightPadding,
++++++++++++++++++++++++++++++++++++++++++++-desiredTopPadding,
++++++++++++++++++++++++++++++++++++++++++++-desiredLeftPadding);|code-block|syntax|javascript|272895|与正确的自动布局约束相结合，您最终会得到一个包含图像和文本的自动调整大小按钮！如下所示，desiredLeftPadding设置为10。|offset|length|style|CODE|272896|​|272897|📷|atomic|272898|272899|272900|272901|272902|您可以看到，按钮的实际框架并不包含标签(因为标签向右移动了10个点，超出了边界)，但是我们在文本和图片之间实现了10个点的填充。|272903|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/eca2dff884f3c87aff2e1fea48e98b27.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/c4b50800c2075ca0360b81ba0a5b35a9.png^0|0|0|18|I|0|0|0|1|0|0|0|0|0|1|1|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1A|8|@$I|1B|J|1C|K|L]]|9|@]|A|$]]|$1|M|3|N|5|6|7|1D|8|@]|9|@]|A|$]]|$1|O|3|P|5|Q|7|1E|8|@]|9|@$I|1F|J|1G|1|1H]]|A|$]]|$1|R|3|N|5|6|7|1I|8|@]|9|@]|A|$]]|$1|S|3|N|5|6|7|1J|8|@]|9|@]|A|$]]|$1|T|3|P|5|Q|7|1K|8|@]|9|@$I|1L|J|1M|1|1N]]|A|$]]|$1|U|3|N|5|6|7|1O|8|@]|9|@]|A|$]]|$1|V|3|W|5|6|7|1P|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1Q|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14|15|-4]]|16|$5|10|11|12|A|$13|17|15|-4]]]]

This thread is a bit old, but I just ran into this myself and was able to solve it by using a negative inset. For example, substitute your desired padding values here:

<pre class="lang-c prettyprint-override"><code>UIButton* myButton = [[UIButton alloc] init];
// setup some autolayout constraints here
myButton.titleEdgeInsets = UIEdgeInsetsMake(-desiredBottomPadding,
 -desiredRightPadding,
 -desiredTopPadding,
 -desiredLeftPadding);
</code></pre>

Combined with the right autolayout constraints, you end up with an auto-resizing button which contains an image and text! Seen below with <code>desiredLeftPadding</code> set to 10.

<img src="https://i.stack.imgur.com/RVdm9.png" alt="Button with image and short text">

<img src="https://i.stack.imgur.com/s6lL8.png" alt="Button with image and long text">

You can see that the actual frame of the button doesn't encompass the label (since the label is shifted 10 points to the right, outside the bounds), but we've achieved 10 points of padding between the text and the picture.

blocks|key|272937|text|我使用的解决方案是在按钮上添加一个宽度约束。然后在初始化的某个地方，在设置文本之后，像这样更新宽度约束：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|272938|self.buttonWidthConstraint.constant+=+self.shareButton.intrinsicContentSize.width+%2B+8;|offset|length|style|CODE|272939|其中8是你的inset的值。|272940|entityMap^0|0|0|2E|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

The solution I use is to add a width constraint on the button. Then somewhere in initialization, after your text is set, update the width constraint like so:

<code>self.buttonWidthConstraint.constant = self.shareButton.intrinsicContentSize.width + 8;</code>

Where 8 is whatever your inset is.

blocks|key|56593|text|该选项在接口构建器中也可用。请参见插图。我把“左”和“右”设为3。效果很好。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|56594|​|56595|📷|atomic|offset|length|56596|56597|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/00c33ad813e99ee9b3ccdb808127e148.png|imageAlt^0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@$G|V|H|W|1|X]]|A|$]]|$1|I|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q|R|-4]]]]

The option is also available in interface builder. See the Inset. I set left and right to 3. Works like a charm. 

<img src="https://i.stack.imgur.com/Nkmzv.png" alt="Interface builder screenshot">

blocks|key|56634|text|斯威夫特做到了这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|56635|extension+UIButton+{
++++override+open+var+intrinsicContentSize:+CGSize+{
++++++++let+intrinsicContentSize+=+super.intrinsicContentSize

++++++++let+adjustedWidth+=+intrinsicContentSize.width+%2B+titleEdgeInsets.left+%2B+titleEdgeInsets.right
++++++++let+adjustedHeight+=+intrinsicContentSize.height+%2B+titleEdgeInsets.top+%2B+titleEdgeInsets.bottom

++++++++return+CGSize(width:+adjustedWidth,+height:+adjustedHeight)
++++}
}|code-block|syntax|javascript|56636|爱你斯威夫特|56637|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

And for Swift worked this:

<pre><code>extension UIButton {
 override open var intrinsicContentSize: CGSize {
 let intrinsicContentSize = super.intrinsicContentSize

 let adjustedWidth = intrinsicContentSize.width + titleEdgeInsets.left + titleEdgeInsets.right
 let adjustedHeight = intrinsicContentSize.height + titleEdgeInsets.top + titleEdgeInsets.bottom

 return CGSize(width: adjustedWidth, height: adjustedHeight)
 }
}
</code></pre>

Love U Swift

blocks|key|273223|text|我想在我的UIButton图标和标签之间添加一个5pt的空格。这就是我是如何做到的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|273224|UIButton+*infoButton+=+[UIButton+buttonWithType:UIButtonTypeCustom];
//+more+button+config+etc
infoButton.contentEdgeInsets+=+UIEdgeInsetsMake(0,+0,+0,+5);
infoButton.titleEdgeInsets+=+UIEdgeInsetsMake(0,+5,+0,+-5);|code-block|syntax|javascript|273225|contentEdgeInsets、titleEdgeInsets和imageEdgeInsets之间的相互关系需要从每个插页中进行一些取舍。因此，如果您在标题的左侧添加一些插页，则必须在右侧添加负插页，并在内容右侧提供更多的空间(通过正插页)。|273226|通过添加正确的内容插入来匹配标题插入的移位，我的文本不会超出按钮的范围。|273227|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|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I wanted to add a 5pt space between my UIButton icon and the label. This is how I achieved it:

<pre><code>UIButton *infoButton = [UIButton buttonWithType:UIButtonTypeCustom];
// more button config etc
infoButton.contentEdgeInsets = UIEdgeInsetsMake(0, 0, 0, 5);
infoButton.titleEdgeInsets = UIEdgeInsetsMake(0, 5, 0, -5);
</code></pre>

The way contentEdgeInsets, titleEdgeInsets and imageEdgeInsets relate to each other requires a little give and take from each inset. So if you add some insets to the title's left you have to add negative inset on the right and provide some more space (via a positive inset) on the content right.

By adding a right content inset to match the shift of the title insets my text doesn't go outside the bounds of the button.

If I have a UIButton arranged using autolayout, its size adjusts nicely to fit its content.

If I set an image as <code>button.image</code>, the instrinsic size again seems to account for this.

However, if I tweak the <code>titleEdgeInsets</code> of the button, the layout does not account for this and instead truncates the button title.

How can I ensure that the intrinsic width of the button accounts for the inset?

<img src="https://i.stack.imgur.com/bFikp.png" alt="enter image description here">

Edit:

I am using the following:

<pre><code>[self.backButton setTitleEdgeInsets:UIEdgeInsetsMake(0, 5, 0, 0)];
</code></pre>

The goal is to add some separation between the image and the text.

Autolayout - intrinsic size of UIButton does not include title insets

如果我有一个使用自动布局的UIButton，它的大小可以很好地调整以适应它的内容。如果我将图像设置为button.image，则内部大小似乎再次说明了这一点。但是，如果我调整按钮的titleEdgeInsets，布局不会考虑到这一点，而是截断按钮标题。我如何确保按钮的固有宽度考虑到了插入？​​编辑：我正在使用以下内容：...

问自动布局- UIButton的固有大小不包括标题插入
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动布局- UIButton的固有大小不包括标题插入EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问自动布局- UIButton的固有大小不包括标题插入
EN