圓弧邊角的searchBar的實現(xiàn)

在開發(fā)過程中,有時候系統(tǒng)給的searchBar和項目的風格不相同,有時候需要圓弧邊角的searchBar,如圖:


屏幕快照 2016-08-19 下午6.00.18.png

現(xiàn)在分享他的實現(xiàn)。
方法一:用系統(tǒng)自帶的searchBar:

    UISearchBar *searchBar = [[UISearchBar alloc] init];
    searchBar.delegate = self;
    searchBar.frame = CGRectMake(10, 28, SCREEN_WIDTH - 20, 32);
    searchBar.backgroundColor = [UIColor redColor];
    searchBar.layer.cornerRadius = 16;
    searchBar.layer.masksToBounds = YES;
    [searchBar.layer setBorderWidth:8];
    [searchBar.layer setBorderColor:[UIColor whiteColor].CGColor];  //設置邊框為白色
    searchBar.placeholder = @"請輸入關鍵詞來查找房源";
    [self.view addSubview:searchBar];

方法二:用UITextField改裝成searchBar:

UIView *searchView = [[UIView alloc] initWithFrame:CGRectMake(0, 64, self.view.frame.size.width, 40*(self.view.frame.size.height/568))];
searchView.backgroundColor = [UIColor clearColor];

UIImageView *searchBg = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"citySelectbg"]];
searchBg.frame = CGRectMake(0, 0, searchView.frame.size.width, searchView.frame.size.height);
[searchView addSubview:searchBg];

//搜索框
_searchText = [[UITextField alloc]initWithFrame:CGRectMake(30*(self.view.frame.size.width/320), 0, self.view.frame.size.width-30, searchView.frame.size.height)];
_searchText.backgroundColor = [UIColor greenColor];
_searchText.font = [UIFont systemFontOfSize:13];
_searchText.placeholder  = @"請輸入城市名稱或首字母查詢";
_searchText.returnKeyType = UIReturnKeySearch;
_searchText.textColor    = [UIColor colorWithRed:58/255.0 green:58/255.0 blue:58/255.0 alpha:1];
_searchText.delegate     = self;
[_searchText addTarget:self action:@selector(textChange:) forControlEvents:UIControlEventEditingChanged];
[searchView addSubview:_searchText];
[self.view addSubview:searchView];

第二個方法實現(xiàn)的界面如圖:


屏幕快照 2016-08-19 下午6.14.18.png

把綠色改成clearColor后:


屏幕快照 2016-08-19 下午6.16.11.png

看上去就像是一個searchBar。

@"citySelectbg":

citySelectbg@2x.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容