設置UILabel和UITextField的Insets

Insets這個名字有點讓人費解，其實它表示的是內容與控件邊界的距離，相當於CSS中的padding。

目前，在iOS的控件中，只看到UIButton可以設置Insets，對應的屬性是：contentEdgeInsets、titleEdgeInsets、imageEdgeInsets，它們接受的屬性類型都是UIEdgeInsets，可以由函數UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right)構造。在xib中也有界面來對按鈕的這三個EdgeInsets屬性進行設置，分別是按鈕的Edge和 Inset屬性。

如果想設置UILable或UITextField中的文本離邊界的距離，無倫是在xib裡還是直接代碼的方式都無能為力，因為蘋果未開放相應的屬性讓你去控制，所以，我們只能自定義相應的控件。

首先來看看UILabel的子類InsetsLabel的實現代碼。

InsetsLabel.h

1. #import <UIKit/UIKit.h>
3. @interface InsetsLabel : UILabel
5. @property(nonatomic) UIEdgeInsets insets;
7. - (id)initWithFrame:(CGRect)frame andInsets:(UIEdgeInsets) insets;
8. - (id)initWithInsets:(UIEdgeInsets) insets;
10. @end

InsetsLabel.m

1. #import "InsetsLabel.h"
3. @implementation InsetsLabel
5. @synthesize insets = _insets;
7. - (id)initWithFrame:(CGRect)frame andInsets:(UIEdgeInsets)insets {
8. self = [super initWithFrame:frame];
9. if(self) {
10. self.insets = insets;
11. }
12. return self;
13. }
15. - (id)initWithInsets:(UIEdgeInsets)insets {
16. self = [super init];
17. if(self) {
18. self.insets = insets;
19. }
20. return self;
21. }
23. - (void)drawTextInRect:(CGRect)rect {
24. return [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.insets)];
25. }
27. @end

再來看看UITextField的子類InsetsTextField的實現代碼。

InsetsTextField.h

1. #import <UIKit/UIKit.h>
3. @interface InsetsTextField : UITextField
5. @end

InsetsTextField.m

1. #import "InsetsTextField.h"
3. @implementation InsetsTextField
5. //控制placeHolder的位置
6. - (CGRect)textRectForBounds:(CGRect)bounds {
7. return CGRectInset(bounds, 20, 0);
8. }
10. //控制文本的位置
11. - (CGRect)editingRectForBounds:(CGRect)bounds {
12. return CGRectInset(bounds, 20, 0);
13. }
15. @end

上面實現InsetsTextField的方式更像是借鑒的InsetsLabel的實現，其實對於 UITextField還有更好的實現方式，而且更簡單，因為這是UITextFiled本來就支持的做法。例如它可以讓你做出在文本框最前方固定放一個$符號，表示這個文本框是輸入金額的，這個$是不能被刪除的。確實，你可以在UITextField上貼個UILabel，然後文本框的光標後移，但這個顯得有點麻煩了。

UITextField可以直接設置leftView或rightView，然後文本輸入區域就在leftView和 rightView之間了。

1. UITextField *textField = [[UITextField alloc] init];
2. UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 10, 25)];
3. label.text = @"$";
4. label.textColor = [UIColor darkGrayColor];
5. label.backgroundColor = [UIColor clearColor];
6. textField.frame = CGRectMake(0, 0, 180, 25);
7. textField.borderStyle = UITextBorderStyleRoundedRect;
8. textField.leftView = label;
9. textField.leftViewMode = UITextFieldViewModeAlways;
10. [self.view addSubview:textField];
11. [label release];
12. [textField release];