searchTextfield开发搜索框的注意点

我们有时候常常需要时用textField来做搜索框
搜索框左边的一个放大镜的图标,应该怎么加呢
方法如下:
_searchTextfield.leftView = _searchButton;
leftView ,输入框里面的左边view。但是这样是不显示的。

还必须设置模式,这样才会一直显示。
_searchTextfield.leftViewMode = UITextFieldViewModeAlways;

往往还需要裁剪圆边:
_searchTextfield.layer.cornerRadius = 15.0f;
这样会出现问题: 放大镜的图片也被裁剪或者遮挡了

所以我们要把图片往右移动:
UIButton *searchButton = [UIButton buttonWithType:UIButtonTypeCustom];
searchButton.frame = CGRectMake(0, 4, 28, 20);
[searchButton setImage:[UIImage imageNamed:@"select_project_icon_search.png"] forState:UIControlStateNormal];
searchButton.imageEdgeInsets = UIEdgeInsetsMake(0, 8, 0, 0);
searchButton.layer.cornerRadius = 13.0;
searchButton.layer.masksToBounds = YES;

其他注意点:
_searchTextfield.returnKeyType = UIReturnKeySearch;
_searchTextfield.borderStyle = UITextBorderStyleNone;//iOS11上必须设置这个,否则有直角虚边
_searchTextfield.clearButtonMode = UITextFieldViewModeWhileEditing;
_searchTextfield.placeholder = @" 请输入搜索关键字";//左边要用空格,否则被裁剪或者遮挡

其余的注意点
_searchTextfield.layer.borderWidth = 0.5;
_searchTextfield.layer.borderColor = [UIColor whiteColor].CGColor;
//线宽,线色

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容