Tôi có một UITableview được nhóm lại được tạo theo chương trình. Ngoài ra, tôi cũng có một ô có tệp xib được điền trong chế độ xem bảng theo chương trình. Càng xa càng tốt. Nhưng tôi chỉ muốn loại bỏ đường phân cách bên ngoài. Tôi đã sử dụng mã bên dưới nhưng lần này đã loại bỏ tất cả dòng phân cách.
self.tableView.separatorColor = [UIColor clearColor];
đây không phải là lựa chọn tốt cho tình huống của tôi. Đây là ảnh chụp màn hình những gì tôi muốn làm;
Plain tableview, không phải Nhóm. Trong Grouped, nó đặt dấu phân cách trên đầu trang và chân trang.
Câu trả lời:
Tôi vừa tìm ra một giải pháp, vì ô có contentViewđó là a UIView, vì vậy tôi nghĩ bạn có thể chỉ cần tập trung vào điểm mấu chốt của contentView.
Đây là mã của tôi:
đầu tiên, bạn phải tạo dải phân cách để xóa
tableView.separatorColor = UIColor.clear
Thứ hai, trong cellForRowAtchức năng:
let bottomBorder = CALayer()
bottomBorder.frame = CGRect(x: 0.0, y: 43.0, width: cell.contentView.frame.size.width, height: 1.0)
bottomBorder.backgroundColor = UIColor(white: 0.8, alpha: 1.0).cgColor
cell.contentView.layer.addSublayer(bottomBorder)
ở đây bạn sẽ thấy giao diện người dùng như thế này:
Bạn có thể xóa dấu phân cách ngay cả trong UITableView được nhóm với Static Cell:
class CustomCell: UITableViewCell {
override func layoutSubviews() {
super.layoutSubviews()
for view in subviews where view != contentView {
view.removeFromSuperview()
}
}
Đây là giải pháp của tôi:
self.tableView.separatorColor = self.tableView.backgroundColor
Google, ngay cả trong năm 2018, đang phân phát trang này như là kết quả hàng đầu cho câu hỏi này. Tôi đã không gặp may trong iOS 11 với bất kỳ câu trả lời nào được cung cấp, vì vậy đây là những gì tôi đã nghĩ ra:
extension UITableViewCell {
func removeSectionSeparators() {
for subview in subviews {
if subview != contentView && subview.frame.width == frame.width {
subview.removeFromSuperview()
}
}
}
}
Việc gọi .removeSectionSeparators () trên bất kỳ cá thể UITableViewCell nào bây giờ sẽ giải quyết vấn đề. Trong trường hợp của tôi, ít nhất là các dấu phân tách phần là những dấu duy nhất có cùng chiều rộng với chính ô (vì các dấu khác đều được thụt lề).
Câu hỏi duy nhất còn lại là chúng ta nên gọi nó từ đâu. Bạn nghĩ willDisplayCell sẽ là lựa chọn tốt nhất, nhưng tôi phát hiện ra rằng lệnh gọi ban đầu xảy ra trước khi bản thân các khung nhìn phân tách được tạo, vì vậy không có xúc xắc.
Tôi đã kết thúc việc đưa cái này vào phương thức cellForRowAtIndexPath của mình ngay trước khi tôi trả về một ô được tải lại:
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "MyReusableIdentifier", for: indexPath)
Timer.scheduledTimer(withTimeInterval: 0.15, repeats: false) { (timer) in
cell.removeSectionSeparators()
}
return cell
}
Nó không cảm thấy thanh lịch, nhưng tôi chưa gặp phải bất kỳ vấn đề nào.
CHỈNH SỬA: Có vẻ như chúng tôi cũng cần điều này (cho các ô được sử dụng lại):
override func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
cell.removeSectionSeparators()
}
Đây là trước / sau trong ảnh chụp màn hình với mã này:
Trước
Sau
willDisplayhoặc cellForRowAtcả hai đều không hoạt động về phía tôi. Tôi đang sử dụng iOS 14 và Swift5.
Sau khi kiểm tra phân cấp chế độ xem, có vẻ như mỗi UITableViewCell chỉ có ba chế độ xem phụ: chế độ xem nội dung ( UITableViewCellContentView) và hai chế độ xem phân tách ( _UITableViewCellSeparatorView). Tôi không phải là người thích tính năng tạo lớp động từ NSStrings (và Apple cũng vậy 😉). Tuy nhiên, vì contentViewa UITableViewCellcó thể truy cập được mà không cần sử dụng các API riêng, nên giải pháp hóa ra khá dễ dàng.
Ý tưởng chỉ là lặp lại các UITableViewCellchế độ xem phụ của bạn và xóa bất kỳ chế độ xem nào không phải là contentView:
func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
let subviews = cell.subviews
if subviews.count >= 3 {
for subview in subviews {
if subview != cell.contentView {
subview.removeFromSuperview()
break
}
}
}
}
tableView(:willDisplayCell:forRowAtIndexPath:)được gọi nhiều lần trong quá trình kết xuất chế độ xem bảng, vì vậy ở trên theo dõi trạng thái bằng cách kiểm tra xem ô có bao nhiêu lần xem con. Nếu nó có ba lần xem phụ, cả hai dấu phân cách vẫn còn nguyên vẹn. Nó cũng chỉ loại bỏ một trong các dấu phân cách, nhưng bạn có thể loại bỏ cả hai bằng cách xóa break. Bạn cũng có thể chỉ định xóa dấu phân cách trên cùng hay dấu phân tách dưới cùng bằng cách kiểm tra khung của chế độ xem phụ. Nếu điểm gốc trục y của khung là 0, đó là dấu phân cách trên cùng. Nếu không 0, nó là đáy.
Hi vọng điêu nay co ich!
func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
let subviews = cell.subviews
guard subviews.count >= 3 else {
return
}
for subview in subviews where NSStringFromClass(subview.classForCoder) == "_UITableViewCellSeparatorView" {
subview.removeFromSuperview()
}
}
NSStringFromClassvà so sánh những giá trị chống lại "_UITableViewCellSeparatorView"và "UITableViewCellContentView"và sau đó loại bỏ.
#availablethuộc tính có phần nội dung trống cho bất kỳ phiên bản iOS nào lớn hơn phiên bản hiện tại.
Để loại bỏ phần trên và dưới của đường phân cách cho mỗi phần. Thêm cái này vào ô tĩnh của bạn.
override func layoutSubviews() {
super.layoutSubviews()
//Get the width of tableview
let width = subviews[0].frame.width
for view in subviews where view != contentView {
//for top and bottom separator will be same width with the tableview width
//so we check at here and remove accordingly
if view.frame.width == width {
view.removeFromSuperview()
}
}
}
Kết quả như hình ảnh bên dưới
Đó là một câu hỏi thực sự cũ, vẫn là một trong những mục đầu tiên trên google khi tìm kiếm cách loại bỏ dấu phân cách trên và dưới cho mỗi phần.
Sau một số cuộc điều tra, tôi phát hiện ra rằng không có cách nào và chỉ là Apple không có ý định làm cho điều này bằng cách nào đó xảy ra mà không có các vụ hack phức tạp một cách ngu ngốc của hệ thống phân cấp chế độ xem.
May mắn thay, có một cách hoàn toàn đơn giản và dễ dàng để đạt được vẻ ngoài như vậy:
Tôi nói đơn giản nhưng đối với người mới bắt đầu, điều này có thể khó khăn vì thiếu hiểu biết về cách UITableViewhoạt động và cách triển khai các tế bào của riêng bạn. Hãy để tôi cố gắng giải thích nó:
UITableViewCelllớp con@IBOutlet weak var separatorView: UIView!tínhUITableViews Separator Styleđể Noneche giấu các dấu phân cách mặc địnhUIViewô vào ô của bạn và thay đổi kích thước để ô nằm ở dưới cùng (hoặc trên cùng) của ô. Sử dụng chữ Size Inspectors Autoresizingđể ghim nó vào đầu / cuối / cuối và cung cấp cho nó chiều rộng linh hoạt (hoặc Autolayout nhưng chỉ ở trên cùng trong trường hợp này)UITableViewDataSources của bạn , cellForRowAtIndexPath:hãy đặt thuộc isHiddentính của dấu phân tách tùy chỉnh của bạn dựa trên nếu đó indexPath.rowlà hàng cuối cùng (hoặc đầu tiên, nếu chế độ xem của bạn ở trên cùng) trong phầnĐây là một số mã ví dụ:
class MyCell: UITableViewCell {
@IBOutlet weak var separatorView: UIView!
}
class ViewController: UITableViewController {
override func numberOfSections(in tableView: UITableView) -> Int {
return 3
}
override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return 3
}
override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath) as! MyCell
cell.separatorView.isHidden = indexPath.row == 2
return cell
}
}
Và đây là một số ảnh chụp màn hình:
Vâng, đó là một số công việc nhưng không có cách nào để có một thứ gì đó miễn phí khi viết mã. Cuối cùng, chúng ta là lập trình viên và việc viết mã là tùy thuộc vào chúng ta. Tốt hơn hết là dành 5-10 phút để thiết lập điều này hơn là chỉ sao chép, dán một số mã hack có thể không tiếp tục hoạt động trong tương lai khi Apple quyết định thay đổi hệ thống phân cấp chế độ xem.
Việc viết câu trả lời này thực sự tốn nhiều công sức hơn là thực hiện dấu phân tách. Tôi cũng đã tìm kiếm một giải pháp dễ dàng và nhanh chóng nhưng cuối cùng lại không có một giải pháp đủ tốt mà tôi cảm thấy đáng sử dụng.
Tôi hy vọng bạn cũng cảm thấy nghi ngờ khi bạn thấy các vòng lặp lặp lại trên các lần xem phụ của ô để ẩn hoặc thậm chí xóa các chế độ xem trong thời gian chạy khỏi hệ thống phân cấp chế độ xem mà Apple cung cấp cho bạn, khi có một giải pháp bằng chứng dễ dàng, linh hoạt, ổn định và trong tương lai ngay gần đó . 7 bước nhỏ thực sự là tất cả những gì bạn cần và chúng rất dễ hiểu.
Đây là những gì cuối cùng tôi đã nghĩ ra:
Tôi đã không thể tìm thấy một số cách tốt hơn thế này. Nhưng nó đang làm việc cho tôi rất nhiều. Lần thử cuối với Xcode Phiên bản 7.3.1 (7D1014). Thủ tục này được thực hiện thông qua bảng phân cảnh.
Về cơ bản, tôi thêm một UIView có độ cao 0,5 pt trên UITableViewCell và sau đó đặt màu nền cho UIView đó. Đặt Dấu phân tách của UITableView chính là Không có.
Đây là chi tiết:
Xem xét bạn đã đặt UITableViewCell, tùy chỉnh hoặc mặc định. Ở giai đoạn đầu tiên, đặt dấu phân tách của UITableView là Không có.
Tiếp theo, thêm UIView có Chiều cao 1 pt và đặt Nền như bạn cần, trong trường hợp của tôi là màu Đỏ.
Bắt đầu thiết lập các ràng buộc. Vấn đề là đặt chiều cao của UIView là 0,5 pt. Đây là vấn đề Sự cố duy nhất cho quy trình làm việc này.
Chia sẻ cách đặt độ cao 0.5 pt của UIView.
Đầu tiên (1) ghim khung nhìn và sau đó (2) đặt chiều cao là 0,5. Bấm phím Enter.
Cuối cùng UIView của bạn sẽ giống như sau.
Tôi không thể đặt chiều cao là 0,5 ngoài cách này.
Đây là giải pháp. Điều này dành cho các ô tĩnh. Nếu bạn muốn động thì chỉ cần viết lại "count". Hy vọng nó giúp.
extension NSObject {
var theClassName: String {
return NSStringFromClass(self.dynamicType).componentsSeparatedByString(".").last!
}
}
override func viewDidLoad() {
super.viewDidLoad()
tableView.separatorStyle = .None
}
override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
let count = tableView.numberOfRowsInSection(indexPath.section)
if ( indexPath.row != count - 1 ) {
for view in cell.subviews {
if view.theClassName == "_UITableViewCellSeparatorView" {
view.backgroundColor = UIColors.redColor()
}
}
}
}
Trong lớp ô tùy chỉnh:
override func layoutSubviews(){
super.layoutSubviews()
for subview in subviews where (subview != contentView && abs(subview.frame.width - frame.width) <= 0.1 && subview.frame.height < 2) {
subview.removeFromSuperview() //option #1 -- remove the line completely
//subview.frame = subview.frame.insetBy(dx: 16, dy: 0) //option #2 -- modify the length
}
}
Tôi muốn cảm ơn @cook vì giải pháp này, vì tôi đã xây dựng trên nó. Tôi gặp một số vấn đề với giải pháp của họ:
layoutSubviews()và không gặp sự cố nào.==, điều này có vẻ dễ xảy ra với tôi.Tôi đã thêm "tùy chọn số 2" trong mã, vì đó là giải pháp mà cá nhân tôi đang tìm kiếm (Tôi muốn duy trì dấu phân tách, nhưng tôi muốn nó ở cùng mức thụt lề như dấu phân tách ô thông thường, trong trường hợp của tôi là giá trị của 16).
Đã thử các giải pháp khác nhau dựa trên cell.separatorInset = UIEdgeInsetsMake()cách giải quyết, không giải pháp nào trong số chúng hoạt động bình thường.
Đối với UITableViewStyleGroupeddự án dựa trên iOS11 của tôi , điều này đã làm được:
self.tableView.separatorColor = self.tableView.backgroundColor;
Dựa trên câu trả lời của đầu bếp, nhưng không có hẹn giờ:
override func didAddSubview(_ subview: UIView) {
super.didAddSubview(subview)
if NSStringFromClass(subview.classForCoder) != "UITableViewCellContentView" && subview.frame.width == frame.width {
subview.removeFromSuperview()
}
}
Chỉ cần thêm điều này vào lớp con của ô và bạn không cần bất kỳ thứ gì khác. Hoạt động trên iOS 12.
Tôi gặp sự cố tương tự, trong đó tôi có UITableView được nhóm với các ô tùy chỉnh, tất cả đều được thiết kế với Giao diện xây dựng dưới dạng tệp .xib. Các ô có nền màu trắng, loại bỏ các dấu phân cách mặc định và thêm các ô của riêng tôi. Tôi cũng có Chế độ xem tiêu đề tùy chỉnh cho mỗi phần. Tôi đặt chiều cao của các Chế độ xem tiêu đề đó là 44 (có thể là bất kỳ thứ gì ...). Có một chế độ xem chiều cao 1 điểm giữa các phần của tôi, điều này có vẻ kỳ lạ. Rõ ràng, hệ thống thêm một số chế độ xem nền rõ ràng giữa các phần, ngay cả khi chúng tôi chỉ định chiều cao tùy chỉnh là 44 và Chế độ xem tiêu đề tùy chỉnh mà chúng tôi trả về có màu trắng (hoặc một số màu nền cụ thể). Màu mà chúng ta thấy đằng sau khung nhìn rõ ràng đó là màu nền của Table View thực sự. Trong trường hợp của tôi, cả chế độ xem bảng và các ô phải có màu trắng, và đặt nền của chế độ xem bảng thành màu trắng đã giải quyết được vấn đề (ít nhất là về mặt trực quan, nhưng đó là điều tôi muốn). Giải pháp thứ hai là giữ kiểu của Table View là đơn giản, nhưng triển khai phương thức ủy nhiệm UITableView để trả về 2 hoặc nhiều phần và cũng tạo tiêu đề tùy chỉnh nếu bạn cần. Nhưng điều đó sẽ làm cho các chế độ xem tiêu đề bám vào đầu một thời gian (trong khi cuộn), cho đến khi chế độ xem tiêu đề của phần tiếp theo tiến gần hơn đến nó và sau đó nó cũng bắt đầu đi lên (và đó có thể không phải là điều bạn thực sự muốn, nhưng có có thể là một cách dễ dàng để khắc phục điều đó, mặc dù không chắc chắn).
Bạn có thể truy cập chế độ xem bằng
override func tableView(_ tableView: UITableView, willDisplayHeaderView view: UIView, forSection section: Int) {
let header = view as! UITableViewHeaderFooterView
header.backgroundView . .....
Hãy thử điều này, nó sẽ loại bỏ dòng phân cách trên cùng.
-(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
if(indexPath.row == 0 && indexPath.section == 0) {
for (UIView *view in cell.subviews) {
if ([NSStringFromClass([view class]) containsString:@"CellSeparator"]) {
if (view.frame.origin.y == 0 && CGRectGetHeight(view.frame) < 1.01 ) { //Hide first UITableViewCellSeparatorView
NSLog(@"%s Remove View From Cell[Section:0 Row:0] for top border [%@]:%@",__FUNCTION__,NSStringFromClass([view class]),view);
view.hidden = YES; //Hide
}
}
}
}
}
Đối với phần một ô, chỉ cần ghi đè layoutSubviewsvà để trống là một mẹo nhỏ! https://stackoverflow.com/a/59733571/4442627
iOS 10 ~ 13 chỉ loại bỏ phần đầu dòng chân.
-(void)layoutSubviews{
[super layoutSubviews];
//for iOS10~iOS13: only remove section head foot line
for (UIView * v in self.subviews) {
if ( v != self.contentView &&
(v.frame.size.width == self.frame.size.width)){
[v removeFromSuperview];
}
}
}
nếu muốn xóa tất cả dòng:
for (UIView * v in self.subviews) {
if (v != self.contentView){
[v removeFromSuperview];
}
}
override func layoutSubviews() {
super.layoutSubviews()
subviews.filter { $0 != contentView && $0.frame.width == frame.width }.first?.removeFromSuperview()
}
Đây là giải pháp Swift hoạt động trên iOS 8 và 9.
Xác định một giao thức với một triển khai mặc định:
protocol CellSeparatorRemovable { }
extension CellSeparatorRemovable {
func removeSeparatorLinesFromCell(cell: UITableViewCell, section: Int, row: Int, indexPath: NSIndexPath) {
guard (section, row) == (indexPath.section, indexPath.row) else { return }
for view in cell.subviews where view != cell.contentView {
view.removeFromSuperview()
}
}
}
Sau đó, bất cứ nơi nào bạn muốn sử dụng nó, hãy tuân theo CellSeparatorRemovablegiao thức và gọi phương thức của nó từ …willDisplayCell…:
class SomeVC: UITableViewController, CellSeparatorRemovable {
override func tableView(tableView: UITableView, willDisplayCell cell: UITableViewCell, forRowAtIndexPath indexPath: NSIndexPath) {
removeSeparatorLinesFromCell(cell, section: 1, row: 1, indexPath: indexPath)
}
}
Đây là một giải pháp tối thiểu; bạn có thể cần phải cấu trúc lại nó nếu bạn đang xử lý nhiều ô để tránh các vấn đề đệ quy và / hoặc tái sử dụng ô quá mức.
UIViews vào ô làm dấu phân tách giả. Hy vọng rằng có một lựa chọn tốt hơn.