黑马程序员技术交流社区

标题: UITextField设置leftView的Insets [打印本页]

---

作者: sabjiang    时间: 2014-5-17 17:25
标题: UITextField设置leftView的Insets
Insets就是css中的padding

我们给UITextField设置了leftView，目的是在文本输入框左侧显示一个图标。但是在ios7里，这个图标会紧紧地挨着TextField的左边框，很不美观，所以就希望设置一个Insets。但是直接设置ImageView的bounds不行，需要用下面这个方法：

1. @interface YLSTextField : UITextField
   
2. 
   
3. -(id)initWithFrame:(CGRect)frame Icon:(UIImageView*)icon;
   
4. 
   
5. @end

复制代码

1. @implementation YLSTextField
   
2. 
   
3. -(id)initWithFrame:(CGRect)frame Icon:(UIImageView*)icon
   
4. {
   
5.   self = [super initWithFrame:frame];
   
6.   if (self) {
   
7.     self.leftView = icon;
   
8.     self.leftViewMode = UITextFieldViewModeAlways;
   
9.   }
   
10.   return self;
    
11. }
    
12. 
    
13. -(CGRect) leftViewRectForBounds:(CGRect)bounds {
    
14.   CGRect iconRect = [super leftViewRectForBounds:bounds];
    
15.   iconRect.origin.x += 10;// 右偏10
    
16.   return iconRect;
    
17. }
    
18. 
    
19. @end

复制代码

1. UIImage *usernameImage = [UIImage imageNamed:@"user"];
   
2. UIImageView *usernameIcon = [[UIImageView alloc] initWithImage:usernameImage];
   
3. usernameIcon.frame = CGRectMake(0, 0, 20, 20);
   
4.         
   
5. self.username = [[YLSTextField alloc] initWithFrame:CGRectMake(0, 0, 240, 30) Icon:usernameIcon];
   
6. self.username.placeholder = @"用户名";
   
7. self.username.borderStyle = UITextBorderStyleRoundedRect;
   
8. self.username.clearButtonMode = UITextFieldViewModeWhileEditing;
   
9. [self.username setKeyboardType:UIKeyboardTypeNumberPad];

复制代码

关键就是定义UITextField的子类，并覆盖其leftViewRectForBounds方法

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2