iOS以编程方式将左图像添加到Xcode中的UITextField？

Question

**

iOS 以编程方式将左图添加到 Xcode 中的 UITextField？

**

1) 我想在View 中添加UIview 和White Background color，我添加了4 Textfield's？

2) 我想将4 different images 添加到4 different textfields 内的left side View 具有以下属性？

视图属性 i) corner Radius---5 ii) Border Color----light Gray Color

3) 如何在下图中的Textfields 内的image 和Placeholder Text 之间添加Space 以及all textfields 和light gray color 的add layer？

我怎样才能做到这一点？？？？

The View Combined With Textfields and Images like this

Answer 1

UIImageView *imgforLeft=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 25, 25)]; // Set frame as per space required around icon
[imgforLeft setImage:[UIImage imageNamed:@"yourImagename.png"]];

[imgforLeft setContentMode:UIViewContentModeCenter];// Set content mode centre or fit 

self. yourTextfield.leftView=imgforLeft;
self. yourTextfield.leftViewMode=UITextFieldViewModeAlways;

选择-2

// short answer with out 
self. yourTextfield.leftViewMode = UITextFieldViewModeAlways;
self. yourTextfield.leftView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"yourImagename.png"]];

斯威夫特

self. yourTextfield.leftViewMode = UITextFieldViewMode.Always
self. yourTextfield.leftView = UIImageView(image: UIImage(named: "yourImagename.png"))

更新

对于 TextField1

UIImageView *imgforLeft1=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 25, 25)]; // Set frame as per space required around icon
[imgforLeft1 setImage:[UIImage imageNamed:@"yourImagename1.png"]];

[imgforLeft1 setContentMode:UIViewContentModeCenter];// Set content mode centre or fit 

self. yourTextfield1.leftView=imgforLeft1;
self. yourTextfield1.leftViewMode=UITextFieldViewModeAlways;

  self. yourTextfield1.layer.sublayerTransform = CATransform3DMakeTranslation(30, 0, 0);

对于 TextField2

UIImageView *imgforLeft2=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 25, 25)]; // Set frame as per space required around icon
[imgforLeft2 setImage:[UIImage imageNamed:@"yourImagename2.png"]];

[imgforLeft1 setContentMode:UIViewContentModeCenter];// Set content mode centre or fit 

self. yourTextfield2.leftView=imgforLeft1;
self. yourTextfield2.leftViewMode=UITextFieldViewModeAlways;

   self. yourTextfield2.layer.sublayerTransform = CATransform3DMakeTranslation(30, 0, 0);

对于 TextField3

UIImageView *imgforLeft3=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 25, 25)]; // Set frame as per space required around icon
[imgforLeft3 setImage:[UIImage imageNamed:@"yourImagename3.png"]];

[imgforLeft3 setContentMode:UIViewContentModeCenter];// Set content mode centre or fit 

self. yourTextfield3.leftView=imgforLeft1;
self. yourTextfield3.leftViewMode=UITextFieldViewModeAlways;

  self. yourTextfield3.layer.sublayerTransform = CATransform3DMakeTranslation(30, 0, 0);

对于 TextField4

UIImageView *imgforLeft4=[[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 25, 25)]; // Set frame as per space required around icon
[imgforLeft4 setImage:[UIImage imageNamed:@"yourImagename4.png"]];

[imgforLeft4 setContentMode:UIViewContentModeCenter];// Set content mode centre or fit 

self. yourTextfield4.leftView=imgforLeft1;
self. yourTextfield4.leftViewMode=UITextFieldViewModeAlways;

  self. yourTextfield4.layer.sublayerTransform = CATransform3DMakeTranslation(30, 0, 0);

Answer 2

UITextfield 具有允许设置左视图的属性，您可以将其用于您的目标

喜欢这个

[yourTextfield setLeftView:YOURVIEW];

Answer 3

@property (weak, nonatomic) IBOutlet UITextField *myTextField;


UIImageView * myImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0.0f, 0.0f, 15, 15)];
myImageView.image = [UIImage imageNamed:@"myImage"];
[myTextField addSubView:myImageView];

CGRectMake(0.0f, 0.0f, 15, 15) 部分可让您指定图像的位置和大小(xPos, yPos, width, height)