UIButton背景不包括整个视图

Question

I use uibutton to display some text in title ,sometimes text is long and I set

text.TitleLabel.LineBreakMode = UILineBreakMode.WordWrap; 

when there are 2 or more lines , background doesn't have enough height

This is my code for button:

text = new UIButton ();
        text.Layer.CornerRadius = 5;
        text.Font = UIFont.FromName ("DIN Condensed", text.Font.PointSize);

        text.SetTitle (Original._hint, UIControlState.Normal);
        text.SizeToFit ();
        text.TitleLabel.LineBreakMode = UILineBreakMode.WordWrap; 

        var rec = new UILongPressGestureRecognizer (() => {     

            text.Frame = new CGRect ((UIApplication.SharedApplication.KeyWindow.Frame.Width / 2.0f) - (250 / 2.0f),
                this.Superview.Superview.Superview.Frame.Height / 2.0f,250, text.Frame.Height);
            Animate (0.6f, () => {
                this.Superview.Superview.Superview.AddSubview (text);
            }, () => {
                text.Layer.ZPosition = int.MaxValue;
            });

            viewToremove=text;
        });


        text.SetTitleColor (UIColor.White, UIControlState.Normal);
        text.BackgroundColor = UIColor.Black;

        TargetView.AddGestureRecognizer (rec);

Answer 1

To makes things more clear:

1. Make your image strechable, that can be easily done in the image asset directory by showing slicing here , this will guarantee that you button will keep the same aspect also in the corners
2. Use button inset, you can do it in IB Than I would avoid to use add a gesture recognizer to a UIButton, but I think it will work anyway.

Answer 2

I think your problem might be cause by your .SizeToFit() method. Generally, you want the .SizeToFit() method to be the last modification of a UIButton, or any other control for that matter. This is to prevent .Frame issues, and text not properly displaying. This probably goes for the background of the UIButton too. So:

• Initialise your button (I usually keep the width static (screenwidth) and set the height to a high number, like 200 or something).
• Modify its properties (including .Title and .BackgroundColor)
• Add a delegate or eventhandler.
• Shrink the button using .SizeToFit();

Let me know if it works. Good luck!

Love and regards, Björn

Answer 3

Have you tried using a 9patch drawable as your background image? Those are designed specifically for situations where you are unsure about the length of the content and require your background image to stretch/shrink to fit. More info here