UITextField 的左视图 --用户名和密码框的标志

一般软件都有登录和注册的页面，都有2个输入框，输入框前一般会有一个图标代表用户名的头像和密码的锁

这个功能如何实现？

可以在UITextField的前面添加一张图片UIImageView 再做约束即可。

但是

UITextField本身是有一个左视图的属性的，默认情况是不显示的。我们可以通过左视图实现该功能。代码如下：

@interfaceKRLoginViewController()

#pragma mark -连线是为了给输入框设置左视图
//用户名和密码的输入框

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

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

@end

- (void)viewDidLoad {
    [super viewDidLoad];

#pragma mark -设置用户名输入框的左视图
    UIImageView *userNameLeftViewIV = [[UIImageViewalloc]initWithImage:[UIImageimageNamed:@"icon"]];
    //图片的显示模式
    userNameLeftViewIV.contentMode= UIViewContentModeCenter;
    //图片的位置和大小
    userNameLeftViewIV.frame= CGRectMake(0,0,55,20);
    //左视图默认是不显示的设置为始终显示
    self.userNameTF.leftViewMode= UITextFieldViewModeAlways;
    self.userNameTF.leftView= userNameLeftViewIV;

    //密码框的左视图
    UIImageView*passWordLeftViewIV = [[UIImageViewalloc]initWithImage:[UIImageimageNamed:@"lock"]];
    //设置图片中间显示

passWordLeftViewIV.contentMode= UIViewContentModeCenter;

passWordLeftViewIV.frame= CGRectMake(0,0, 55, 20);

//设置左视图一直显示

self.passWordTF.leftViewMode= UITextFieldViewModeAlways;

self.passWordTF.leftView= passWordLeftViewIV;

}

效果如下：

UITextField 的左视图 --用户名和密码框的标志相关推荐

python 共享文件夹密码_用不同的用户名和密码登录网络上的共享文件夹
网络共享时,有时不同的文件夹需要不同的用户名和密码登入,而windows已经记录了一个原来使用的用户名及密码默认使用这个用户名及密码不再弹出用户名及密码输入提示对话框.简易解决办法.如下: 1.注销当 ...
搜狗浏览器下禁止浏览器自动填写用户名、密码
搜狗浏览器下,会出现把用户设置记住密码的表单(用户名和密码)乱放在,网站中其他成对出现的用户名及密码框中. 如何解决这种不负责任的可恨问题,网上有很多方案,但最终都未果. 一.先把网上搜到的方案放下: ...
用不同的用户名和密码登录网络上的共享文件夹
2014-05-20 22:49 by MikeZhou, 10697 阅读, 0 评论, 收藏, 编辑 https://www.cnblogs.com/jinjiangongzuoshi/p/374 ...
win7系统搜索共享的计算机名,win7系统共享打印机搜索ip需用户名和密码怎么回事...
满意答案 HDS海谛s 2013.01.23 采纳率:40% 等级:12 已帮助:14343人 1.WIN7的工作组和XP的工作组是不是一样的不一样就修改成一样的,比如:XP上的工作组是w ...
怎样取消计算机用户名和密码设置密码,电脑密码怎么设置取消怎么把电脑密码取消...
电脑密码怎么设置取消?怎么把电脑密码取消?在特殊时期我们给电脑设置了开机密码,但没有必要时可以取消掉,免得开机时每次都需要密码才能进入桌面.为了全面一些,下面分别是XP.Win7.Win8.Win10 ...
进入登录页时，用户名输入框自动聚焦、按enter键让密码框聚焦，完整输入信息后登录
让element-ui的输入框聚焦的4种方式思路:(可以跳过这一步看完整代码--完整代码) 1. 进入页面时,用户名输入框就要获取焦点,使用自定义指令聚焦更方便.当然也可以用 ref 在 mou ...
利用git提交网站到码云出现权限问题，弹框要求输入用户名和密码老是出错
一般情况下利用git提交网站到码云的步骤如下: 1.git config --global user.name "用户名" git config --global user.ema ...
windows连接代理服务器,总是弹出输入用户名和密码的框的问题
win7连接代理服务器,总是弹出输入用户名和密码的框的问题 . 1. 首先确认一下控制面板-系统和安全-windows防火墙-允许的程序里打开了"文件和打印机共享" 2. ...
Chrome谷歌浏览器弹框提示：代理要求提供用户名与密码
Chrome谷歌浏览器弹框提示:代理要求提供用户名与密码问题出现: 分析: 解决: 问题出现: chrome浏览器打开之后出现代理弹框的提示(没截图,大概比划一下). 本人用的是 Ghelper. ...

UITextField 的左视图 --用户名和密码框的标志

UITextField 的左视图 --用户名和密码框的标志相关推荐

最新文章

热门文章