如何調整表格視圖佈局？

Question

我想創建一個表格部分看起來像這樣。

正如您所看到的，它是一個包含兩個輸入文本字段和一個ui控件的單個表格單元格。

我能夠做這樣的事

我的問題是我怎麼做的繪製文本字段，以及如何刪除文本字段的邊框之間的線。

感謝

Answer 1

假設你是通過子類的UITableView使用自定義單元格，指定其他視圖的自定義編程，如：

//borderless UITextField 
[textField setBorderStyle:UITextBorderStyleNone]; 

和文本字段之間的線，有上一堆選項怎麼做。一個快速簡便的方法是指定所需的寬度的1個像素高的UIView，帶有灰色背景顏色

UIView *line = [[UIView alloc] initWithFrame:CGRectMake(startingX, startingY, desiredWidth, 1)]; 
line.backgroundColor = [UIColor grayColor]; 
[cell addSubview:line]; 

Answer 2

嘗試使用自定義的細胞通過繼承的UITableViewCell它會更容易爲你設計和製造的佈局完全相同像你要的那樣。

如果您不想繼承UITableViewCell，那麼您可以通過刪除表格邊框來實現此目的。

tableView.layer.borderWidth = 0; 
tableView.layer.borderColor = [UIColor clearColor]; 

您需要爲此添加QuartzCore框架。然後將需要在.h文件中寫入下面的行

#import <QuartzCore/QuartzCore.h> 

對於2行之間的單元格，您可以添加圖像。在此之前，您應該將tableview的分隔符樣式更改爲無。