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?中也有界面來對按鈕的這三個(gè)?EdgeInsets?屬性的設(shè)置，分別是按鈕的?Edge?和?Inset?屬性。
印像中，Swing?的許多組件都可設(shè)置?Insets?屬性，可對于?iOS?的控件就沒那么幸運(yùn)了，比如我想設(shè)置?UILable?或?UITextField?中的文本離邊界的間隙，無倫是在?xib?里還是直接代碼的方式都無能為力，因?yàn)樗鼈兏鶕?jù)未開放相應(yīng)的屬性讓你去控制。
辦法當(dāng)然還是有的，自定義相應(yīng)自己的控件了，比如 InsetsLabel?或是? InsetsTextField，接著就是覆蓋某些個(gè)方法來達(dá)成。
首先來看?UILabel?的子類 InsetsLabel?的實(shí)現(xiàn)代碼：
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
|
//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í)分別設(shè)置文本與??Label?四個(gè)邊的間隙，即畫在?Label?內(nèi)的一個(gè)小矩形內(nèi)，這個(gè)例子提供了便利的構(gòu)造函數(shù)，提供自己的 UIEdgeInsets?屬性。另外，函數(shù)?UIEdgeInsetsInsetRect(CGRect, UIEdgeInsets)?應(yīng)該是好理解的。
再看如何設(shè)置?UITextField?中文本到四邊的間距，這里也可以定義自己的?InsetsTextField：
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
//
//? 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 );
}
?
// 控制文本的位置，左右縮 20
- (CGRect)editingRectForBounds:(CGRect)bounds {
????
return
CGRectInset( bounds , 20 , 0 );
}
@end
?
//-----------------------------------------------------------------
//下面是使用 InsetsTextField 的代碼，可放在 viewDidLoad 等代理方法中
InsetsTextField *insetTextField = [[InsetsTextField alloc]
??????????????????????????????????
initWithFrame:CGRectMake(10, 10, 180, 25)];
?
//須手動(dòng)設(shè)置它的 borderStyle, 不然看不到邊框的
insetsTextField.borderStyle =
UITextBorderStyleRoundedRect
;
[
self
.view addSubview:insetsTextField];
[insetsTextField release];
|
效果如下：
上面更像是借鑒的?InsetsLabel?的實(shí)現(xiàn)，其實(shí)對于 UITextField?還有更好的實(shí)現(xiàn)辦法，而且更簡單，因?yàn)?UITextFiled?原來就支持的做法。比如它可以讓你做出在文本框最前方固定一個(gè) $ 符號，表示這個(gè)文本框是輸入錢的，第一個(gè)$ 是不能被刪除的。確實(shí)，你可以在 TextField?上貼個(gè)?Label，然后文本框的光標(biāo)后移，稍顯麻煩了。
而 UITextField?可以直接設(shè)置 leftView?或 rightView,?然后文本輸入?yún)^(qū)域就在 leftView?和 rightView?之間了，看例子：
|
1
2
3
4
5
6
|
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,
??? UITextFieldViewModeU
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
