这篇文章给大家分享了一种利用iOS实现只有底部边框线的输入框,其实这个效果也挺常见的,本文给出了示例代码,下面来看看如何实现这种效果。
实现效果图:
实现过程
输入框一般有无边框(空白输入框),全边框(矩形输入框),加边框很简单,只需要设置UITextField的layer.borderColor属性和layer.borderWidth属性就可以了,如果要实现只带底部框线的输入框就不太好弄了,百度了一下找到了一个最笨也是挺不错的一个方法,那就是在下面直接给它加一条线就可以了。
示例代码:
UITextField *passwordTextField = [[UITextField alloc] initWithFrame:CGRectMake(60, 120, 140, 23)];
passwordTextField.font = FONT(15);
passwordTextField.placeholder = @"请输入密码";
[passwordTextField setSecureTextEntry:YES];
[self.view addSubview:passwordTextField];
UIView *lineView = [[UIView alloc]initWithFrame:CGRectMake(0,passwordTextField.height - 1, passwordTextField.width, 1)];
lineView.backgroundColor = [UIColor orangeColor];
[passwordTextField addSubview:lineView];
总结
以上就是这篇文章的全部内容,希望能对大家的学习或者工作带来一定的帮助,如果有疑问大家可以留言交流。
沃梦达教程
本文标题为:iOS实现只有底部边框线的输入框示例代码
猜你喜欢
- SurfaceView播放视频发送弹幕并实现滚动歌词 2023-01-02
- Android studio实现动态背景页面 2023-05-23
- 详解flutter engine 那些没被释放的东西 2022-12-04
- Android MaterialButton使用实例详解(告别shape、selector) 2023-06-16
- 最好用的ios数据恢复软件:PhoneRescue for Mac 2023-09-14
- iOS 对当前webView进行截屏的方法 2023-03-01
- Android实现轮询的三种方式 2023-02-17
- 作为iOS开发,这道面试题你能答出来,说明你基础很OK! 2023-09-14
- Android实现监听音量的变化 2023-03-30
- Flutter实现底部和顶部导航栏 2022-08-31
