2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

iOS?的控件，只看到?UIButton?可以設(shè)置 Padding/Insets，即按鈕上文字或圖片與按鈕邊界的間隙，對與?CSS?來說叫做 Padding，在?iOS?中叫做?Insets，UIButton?設(shè)置?Insets?相應(yīng)的屬性如下：

Configuring Edge Insets

????? contentEdgeInsets? property
????? titleEdgeInsets? property
????? imageEdgeInsets? property?

它們接受的屬性類型是：UIEdgeInsets，由函數(shù) UIEdgeInsetsMake ( CGFloat top, CGFloat left, CGFloat bottom, CGFloat right );???? 構(gòu)造出，分別表示其中的內(nèi)容/標(biāo)題/圖片離各邊的距離。

在?xib?中也有界面來對按鈕的這三個?EdgeInsets?屬性的設(shè)置，分別是按鈕的?Edge?和?Inset?屬性。

印像中，Swing?的許多組件都可設(shè)置?Insets?屬性，可對于?iOS?的控件就沒那么幸運了，比如我想設(shè)置?UILable?或?UITextField?中的文本離邊界的間隙，無倫是在?xib?里還是直接代碼的方式都無能為力，因為它們根據(jù)未開放相應(yīng)的屬性讓你去控制。

辦法當(dāng)然還是有的，自定義相應(yīng)自己的控件了，比如 InsetsLabel?或是? InsetsTextField，接著就是覆蓋某些個方法來達成。

首先來看?UILabel?的子類 InsetsLabel?的實現(xiàn)代碼：

//1.header file #import <UIKit/UIKit.h>@interface InsetsLabel : UILabel @property(nonatomic) UIEdgeInsets insets; -(id) initWithFrame:(CGRect)frame andInsets: (UIEdgeInsets) insets; -(id) initWithInsets: (UIEdgeInsets) insets; @end//2. implementation file #import "InsetsLabel.h"@implementation InsetsLabel @synthesize insets=_insets; -(id) initWithFrame:(CGRect)frame andInsets:(UIEdgeInsets)insets {self = [super initWithFrame:frame];if(self){self.insets = insets;}return self; }-(id) initWithInsets:(UIEdgeInsets)insets {self = [super init];if(self){self.insets = insets;}return self; }-(void) drawTextInRect:(CGRect)rect {return [super drawTextInRect:UIEdgeInsetsInsetRect(rect, self.insets)]; }

關(guān)鍵就是覆蓋了 -(void) drawTextInRect: (CGRect) rect;?方法，在畫??Label?的文本時分別設(shè)置文本與??Label?四個邊的間隙，即畫在?Label?內(nèi)的一個小矩形內(nèi)，這個例子提供了便利的構(gòu)造函數(shù)，提供自己的 UIEdgeInsets?屬性。另外，函數(shù)?UIEdgeInsetsInsetRect(CGRect, UIEdgeInsets)?應(yīng)該是好理解的。

再看如何設(shè)置?UITextField?中文本到四邊的間距，這里也可以定義自己的?InsetsTextField：

// // Created by Unmi on 11/2/11. // Copyright (c) 2011 http://unmi.cc. All rights reserved. //#import <UIKit/UIKit.h>@interface InsetsTextField : UITextField @end@implementation InsetsTextField //控制 placeHolder 的位置，左右縮 20 - (CGRect)textRectForBounds:(CGRect)bounds {return CGRectInset( bounds , 20 , 0 ); // CGRect inset = CGRectMake(bounds.origin.x + 10, bounds.origin.y, bounds.size.width - 10, bounds.size.height); //更好理解些 // return inset; }// 控制文本的位置，左右縮 20 - (CGRect)editingRectForBounds:(CGRect)bounds {return CGRectInset( bounds , 20 , 0 ); //CGRect inset = CGRectMake(bounds.origin.x + 10, bounds.origin.y, bounds.size.width - 10, bounds.size.height); // return inset; } @end//----------------------------------------------------------------- //下面是使用 InsetsTextField 的代碼，可放在 viewDidLoad 等代理方法中 InsetsTextField *insetTextField = [[InsetsTextField alloc]initWithFrame:CGRectMake(10, 10, 180, 25)];//須手動設(shè)置它的 borderStyle, 不然看不到邊框的 insetsTextField.borderStyle = UITextBorderStyleRoundedRect; [self.view addSubview:insetsTextField]; [insetsTextField release];

效果如下：

上面更像是借鑒的?InsetsLabel?的實現(xiàn)，其實對于 UITextField?還有更好的實現(xiàn)辦法，而且更簡單，因為?UITextFiled?原來就支持的做法。比如它可以讓你做出在文本框最前方固定一個 $ 符號，表示這個文本框是輸入錢的，第一個$ 是不能被刪除的。確實，你可以在 TextField?上貼個?Label，然后文本框的光標(biāo)后移，稍顯麻煩了。

而 UITextField?可以直接設(shè)置 leftView?或 rightView,?然后文本輸入?yún)^(qū)域就在 leftView?和 rightView?之間了，看例子：

UILabel *paddingView = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 10, 25)]; paddingView.text = @"$"; paddingView.textColor = [UIColor darkGrayColor]; paddingView.backgroundColor = [UIColor clearColor]; textfield.leftView = paddingView; textfield.leftViewMode = UITextFieldViewModeAlways;

rightView?也是一樣的設(shè)置方式，其中的? Mode?有四種，看到名字應(yīng)該不難理解：

??? UITextFieldViewModeNever,
??? UITextFieldViewModeWhileEditing,
??? UITextFieldViewModeUnlessEditing,
??? UITextFieldViewModeAlways

它的效果呢就更酷了：

文本框的起始光標(biāo)是從上圖數(shù)字 1?位置開始的。

實際應(yīng)用中，對于?UITextField?如果有類似的需求，我會毫不猶豫的使用 leftView/rightView?屬性來設(shè)置。

參考：1.?http://stackoverflow.com/questions/2694411/text-inset-for-uitextfield
??????????? 2.?http://stackoverflow.com/questions/5674655/uitextfield-align-left-margin

轉(zhuǎn)載于:https://my.oschina.net/leeming/blog/51818

總結(jié)

以上是生活随笔為你收集整理的[转]设置 UILabel 和 UITextField 的 Padding 或 Insets的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。