หากไม่มีผลลัพธ์ของ Table View ให้แสดง“ No Results” บนหน้าจอ

ฉันมีtableviewที่ซึ่งบางครั้งอาจไม่มีผลลัพธ์ใด ๆ ให้แสดงดังนั้นฉันจึงต้องการใส่บางสิ่งที่ระบุว่า "ไม่มีผลลัพธ์"หากไม่มีผลลัพธ์ (ไม่ว่าจะเป็นป้ายกำกับหรือเซลล์มุมมองตารางเดียว)

มีวิธีที่ง่ายที่สุดในการดำเนินการนี้หรือไม่?

ฉันจะลองlabelอยู่เบื้องหลังtableviewแล้วซ่อนหนึ่งในสองบนพื้นฐานของผล แต่เนื่องจากผมทำงานด้วยTableViewControllerและไม่ปกติViewControllerผมไม่แน่ใจว่าวิธีการที่สมาร์ทหรือที่เป็นไปได้

ฉันยังใช้Parseและคลาสย่อยเป็นPFQueryTableViewController:

@interface TableViewController : PFQueryTableViewController

ฉันสามารถให้รายละเอียดเพิ่มเติมที่จำเป็นเพียงแจ้งให้เราทราบ!

TableViewController ฉากในสตอรี่บอร์ด:

แก้ไข: สำหรับ Midhun MP นี่คือรหัสที่ฉันใช้

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    NSInteger numOfSections = 0;
    if ([self.stringArray count] > 0)
    {
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
        numOfSections                 = 1;
        //yourTableView.backgroundView   = nil;
        self.tableView.backgroundView = nil;
    }
    else
    {
        UILabel *noDataLabel         = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, self.tableView.bounds.size.width, self.tableView.bounds.size.height)];
        noDataLabel.text             = @"No data available";
        noDataLabel.textColor        = [UIColor blackColor];
        noDataLabel.textAlignment    = NSTextAlignmentCenter;
        //yourTableView.backgroundView = noDataLabel;
        //yourTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
        self.tableView.backgroundView = noDataLabel;
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    }

    return numOfSections;
}

และนี่คือมุมมองที่ฉันได้รับมันยังมีเส้นคั่น ฉันรู้สึกว่านี่เป็นการเปลี่ยนแปลงเล็กน้อย แต่ฉันไม่แน่ใจว่าทำไมเส้นคั่นจึงปรากฏขึ้น?

คุณสามารถบรรลุว่าด้วยการใช้ทรัพย์สินของbackgroundViewUITableView

วัตถุประสงค์ C:

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{
    NSInteger numOfSections = 0;
    if (youHaveData)
    {
        yourTableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine;
        numOfSections                = 1;
        yourTableView.backgroundView = nil;
    }
    else
    {   
        UILabel *noDataLabel         = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, yourTableView.bounds.size.width, yourTableView.bounds.size.height)];
        noDataLabel.text             = @"No data available";
        noDataLabel.textColor        = [UIColor blackColor];
        noDataLabel.textAlignment    = NSTextAlignmentCenter;
        yourTableView.backgroundView = noDataLabel;
        yourTableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    }

    return numOfSections;
}

สวิฟท์:

func numberOfSections(in tableView: UITableView) -> Int
{
    var numOfSections: Int = 0
    if youHaveData
    {
        tableView.separatorStyle = .singleLine
        numOfSections            = 1
        tableView.backgroundView = nil
    }
    else
    {
        let noDataLabel: UILabel  = UILabel(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: tableView.bounds.size.height))
        noDataLabel.text          = "No data available"
        noDataLabel.textColor     = UIColor.black
        noDataLabel.textAlignment = .center
        tableView.backgroundView  = noDataLabel
        tableView.separatorStyle  = .none
    }
    return numOfSections
}

อ้างอิงการอ้างอิงคลาส UITableView

backgroundView คุณสมบัติ

มุมมองพื้นหลังของมุมมองตาราง

การประกาศ

รวดเร็ว

var backgroundView: UIView?

Objective-C

@property(nonatomic, readwrite, retain) UIView *backgroundView

อภิปรายผล

มุมมองพื้นหลังของมุมมองตารางจะถูกปรับขนาดโดยอัตโนมัติเพื่อให้ตรงกับขนาดของมุมมองตาราง มุมมองนี้ถูกวางเป็นมุมมองย่อยของมุมมองตารางด้านหลังเซลล์ทั้งหมดมุมมองส่วนหัวและมุมมองส่วนท้าย

คุณต้องตั้งค่าคุณสมบัตินี้เป็นศูนย์เพื่อตั้งค่าสีพื้นหลังของมุมมองตาราง

สำหรับ Xcode 8.3.2 - Swift 3.1

ต่อไปนี้เป็นวิธีที่ไม่ค่อยเป็นที่รู้จัก แต่ง่ายอย่างไม่น่าเชื่อในการเพิ่มมุมมอง "ไม่มีรายการ" ไปยังมุมมองตารางว่างที่กลับไปที่ Xcode 7 ฉันจะปล่อยให้คุณควบคุมตรรกะที่เพิ่ม / ลบ ดูมุมมองพื้นหลังของตาราง แต่นี่คือโฟลว์สำหรับและ Xcode (8.3.2) storyboard:

1. เลือกฉากใน Storyboard ที่มีมุมมองตารางของคุณ
2. ลาก UIView ที่ว่างเปล่าไปที่ "Scene Dock" ของฉากนั้น

3. เพิ่ม UILabel และข้อ จำกัด ใด ๆ ในมุมมองใหม่จากนั้นสร้าง IBOutlet สำหรับมุมมองนั้น

4. กำหนดมุมมองนั้นให้กับ tableView.backgroundView

5. ดูมายากล!

ท้ายที่สุดแล้วสิ่งนี้ใช้ได้ทุกเมื่อที่คุณต้องการเพิ่มมุมมองแบบธรรมดาให้กับตัวควบคุมมุมมองของคุณซึ่งคุณไม่จำเป็นต้องแสดงทันที แต่คุณก็ไม่ต้องการส่งรหัสด้วยมือ

เวอร์ชัน Swift ของโค้ดด้านบน: -

func numberOfSectionsInTableView(tableView: UITableView) -> Int {

    var numOfSection: NSInteger = 0

    if CCompanyLogoImage.count > 0 {

        self.tableView.backgroundView = nil
        numOfSection = 1


    } else {

        var noDataLabel: UILabel = UILabel(frame: CGRectMake(0, 0, self.tableView.bounds.size.width, self.tableView.bounds.size.height))
        noDataLabel.text = "No Data Available"
        noDataLabel.textColor = UIColor(red: 22.0/255.0, green: 106.0/255.0, blue: 176.0/255.0, alpha: 1.0)
        noDataLabel.textAlignment = NSTextAlignment.Center
        self.tableView.backgroundView = noDataLabel

    }
    return numOfSection
}

แต่หากคุณกำลังโหลดข้อมูลจาก JSON คุณต้องตรวจสอบว่า JSON ว่างเปล่าหรือไม่ดังนั้นหากคุณใส่โค้ดแบบนี้ในตอนแรกจะแสดงข้อความ "ไม่มีข้อมูล" จากนั้นจะหายไป เนื่องจากหลังจากตารางโหลดข้อมูลซ้ำข้อความจะซ่อน ดังนั้นคุณสามารถใส่รหัสนี้ที่โหลดข้อมูล JSON ไปยังอาร์เรย์ ดังนั้น: -

func numberOfSectionsInTableView(tableView: UITableView) -> Int {

    return 1
}

func extract_json(data:NSData) {


    var error: NSError?

    let jsonData: AnyObject? = NSJSONSerialization.JSONObjectWithData(data, options:NSJSONReadingOptions.MutableContainers , error: &error)
    if (error == nil) {
        if let jobs_list = jsonData as? NSArray
        {
            if jobs_list.count == 0 {

                var noDataLabel: UILabel = UILabel(frame: CGRectMake(0, 0, self.tableView.bounds.size.width, self.tableView.bounds.size.height))
                noDataLabel.text = "No Jobs Available"
                noDataLabel.textColor = UIColor(red: 22.0/255.0, green: 106.0/255.0, blue: 176.0/255.0, alpha: 1.0)
                noDataLabel.textAlignment = NSTextAlignment.Center
                self.tableView.backgroundView = noDataLabel

            }

            for (var i = 0; i < jobs_list.count ; i++ )
            {
                if let jobs_obj = jobs_list[i] as? NSDictionary
                {
                    if let vacancy_title = jobs_obj["VacancyTitle"] as? String
                    {
                        CJobTitle.append(vacancy_title)

                        if let vacancy_job_type = jobs_obj["VacancyJobType"] as? String
                        {
                            CJobType.append(vacancy_job_type)

                            if let company_name = jobs_obj["EmployerCompanyName"] as? String
                            {
                                CCompany.append(company_name)

                                    if let company_logo_url = jobs_obj["EmployerCompanyLogo"] as? String
                                    {
                                        //CCompanyLogo.append("http://google.com" + company_logo_url)

                                        let url = NSURL(string: "http://google.com" + company_logo_url )
                                        let data = NSData(contentsOfURL:url!)
                                        if data != nil {
                                            CCompanyLogoImage.append(UIImage(data: data!)!)
                                        }

                                        if let vacancy_id = jobs_obj["VacancyID"] as? String
                                        {
                                            CVacancyId.append(vacancy_id)

                                        }

                                    }

                            }

                        }
                    }
                }
            }
        }
    }
    do_table_refresh();


}

func do_table_refresh() {

    dispatch_async(dispatch_get_main_queue(), {
        self.tableView.reloadData()
        return
    })
}

คุณสามารถลองใช้การควบคุมนี้ มันค่อนข้างเรียบร้อย DZNEmptyDataSet

หรือถ้าฉันเป็นคุณทั้งหมดฉันจะทำก็คือ

• ตรวจสอบว่าอาร์เรย์ข้อมูลของคุณว่างเปล่า
• หากว่างเปล่าให้เพิ่มออบเจ็กต์หนึ่งชื่อ @ "ไม่มีข้อมูล" เข้าไป
• แสดงสตริงนั้นใน cell.textLabel.text

peasy ง่าย

Swift 3 (อัพเดท):

override func numberOfSections(in tableView: UITableView) -> Int {
    if myArray.count > 0 {
        self.tableView.backgroundView = nil
        self.tableView.separatorStyle = .singleLine
        return 1
    }

    let rect = CGRect(x: 0,
                      y: 0,
                      width: self.tableView.bounds.size.width,
                      height: self.tableView.bounds.size.height)
    let noDataLabel: UILabel = UILabel(frame: rect)

    noDataLabel.text = "Custom message."
    noDataLabel.textColor = UIColor.white
    noDataLabel.textAlignment = NSTextAlignment.center
    self.tableView.backgroundView = noDataLabel
    self.tableView.separatorStyle = .none

    return 0
}

Swift3.0

ฉันหวังว่ามันจะเป็นเซิร์ฟเวอร์ตามวัตถุประสงค์ของคุณ ...... ใน UITableViewController ของคุณ

override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    if searchController.isActive && searchController.searchBar.text != "" {
        if filteredContacts.count > 0 {
            self.tableView.backgroundView = .none;
            return filteredContacts.count
        } else {
            Helper.EmptyMessage(message: ConstantMap.NO_CONTACT_FOUND, viewController: self)
            return 0
        }
    } else {
        if contacts.count > 0 {
            self.tableView.backgroundView = .none;
            return contacts.count
        } else {
            Helper.EmptyMessage(message: ConstantMap.NO_CONTACT_FOUND, viewController: self)
            return 0
        }
    }
}

Helper Class พร้อมฟังก์ชั่น:

 /* Description: This function generate alert dialog for empty message by passing message and
           associated viewcontroller for that function
           - Parameters:
            - message: message that require for  empty alert message
            - viewController: selected viewcontroller at that time
         */
        static func EmptyMessage(message:String, viewController:UITableViewController) {
            let messageLabel = UILabel(frame: CGRect(x: 0, y: 0, width: viewController.view.bounds.size.width, height: viewController.view.bounds.size.height))
            messageLabel.text = message
            let bubbleColor = UIColor(red: CGFloat(57)/255, green: CGFloat(81)/255, blue: CGFloat(104)/255, alpha :1)

            messageLabel.textColor = bubbleColor
            messageLabel.numberOfLines = 0;
            messageLabel.textAlignment = .center;
            messageLabel.font = UIFont(name: "TrebuchetMS", size: 18)
            messageLabel.sizeToFit()

            viewController.tableView.backgroundView = messageLabel;
            viewController.tableView.separatorStyle = .none;
        }

ฉันคิดว่าวิธีที่ดีที่สุดในการแก้ปัญหาของคุณคือการเปลี่ยนจากUITableViewControllerไฟล์UIViewControllerไฟล์UITableView. ด้วยวิธีนี้คุณสามารถเพิ่มสิ่งที่UIViewคุณต้องการเป็นมุมมองย่อยของมุมมองหลัก

ฉันไม่แนะนำให้ใช้ UITableViewCell เพื่อทำสิ่งนี้คุณอาจต้องเพิ่มสิ่งต่างๆเพิ่มเติมในอนาคตและสิ่งต่างๆอาจทำให้น่าเกลียดได้อย่างรวดเร็ว

คุณสามารถทำสิ่งนี้ได้เช่นกัน แต่นี่ไม่ใช่วิธีที่ดีที่สุดเช่นกัน

UIWindow* window = [[UIApplication sharedApplication] keyWindow];
[window addSubview: OverlayView];

ใช้รหัสนี้ในnumberOfSectionsInTableViewวิธีการของคุณ: -

if ([array count]==0
{

    UILabel *fromLabel = [[UILabel alloc]initWithFrame:CGRectMake(50, self.view.frame.size.height/2, 300, 60)];                                                                                        
    fromLabel.text =@"No Result";
    fromLabel.baselineAdjustment = UIBaselineAdjustmentAlignBaselines;
    fromLabel.backgroundColor = [UIColor clearColor];
    fromLabel.textColor = [UIColor lightGrayColor];
    fromLabel.textAlignment = NSTextAlignmentLeft;
    [fromLabel setFont:[UIFont fontWithName:Embrima size:30.0f]];
    [self.view addSubview:fromLabel];
    [self.tblView setHidden:YES];
}

SWIFT 3

        let noDataLabel: UILabel     = UILabel(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: tableView.bounds.size.height))
        noDataLabel.text             = "No data available"
        noDataLabel.textColor        = UIColor.white
        noDataLabel.font             = UIFont(name: "Open Sans", size: 15)
        noDataLabel.textAlignment    = .center
        tableView.backgroundView = noDataLabel
        tableView.separatorStyle = .none

หากคุณไม่ได้ใช้ส่วนท้าย tableview และไม่ต้องการให้ tableview เต็มหน้าจอด้วยเซลล์ตารางเริ่มต้นที่ว่างเปล่าฉันขอแนะนำให้คุณตั้งค่าส่วนท้าย tableview ของคุณเป็น UIView ที่ว่างเปล่า ฉันไม่รู้ไวยากรณ์ที่ถูกต้องในการทำสิ่งนี้ใน obj-c หรือ Swift แต่ใน Xamarin.iOS ฉันจะทำเช่นนี้:

public class ViewController : UIViewController
{
    UITableView _table;

    public ViewController (IntPtr handle) : base (handle)
    {
    }

    public override void ViewWillAppear(bool animated) {
        // Initialize table

        _table.TableFooterView = new UIView();
    }
}

โค้ดด้านบนจะส่งผลให้ tableview ไม่มีเซลล์ว่าง

นี่คือวิธีแก้ปัญหาที่เหมาะกับฉัน

1. เพิ่มรหัสต่อไปนี้ในไฟล์ใหม่

2. เปลี่ยนคลาสตารางของคุณเป็นคลาสที่กำหนดเอง "MyTableView" จากสตอรี่บอร์ดหรือ. xib

(จะใช้ได้กับส่วนแรกเท่านั้นหากคุณต้องการปรับแต่งเพิ่มเติมให้ทำการเปลี่ยนแปลงในฟังก์ชัน MyTableView reloadData () ตามส่วนอื่น ๆ )

public class MyTableView: UITableView {

    override public func reloadData() {
        super.reloadData()

        if self.numberOfRows(inSection: 0) == 0 {
            if self.viewWithTag(1111) == nil {
                let noDataLabel = UILabel()
                noDataLabel.textAlignment = .center
                noDataLabel.text = "No Data Available"
                noDataLabel.tag = 1111
                noDataLabel.center = self.center
                self.backgroundView = noDataLabel
            }

        } else {
            if self.viewWithTag(1111) != nil {
                self.backgroundView = nil
            }
        }
    }
}

ฉันจะนำเสนอมุมมองภาพซ้อนทับที่มีรูปลักษณ์และข้อความที่คุณต้องการหาก tableview ไม่มีผลลัพธ์ คุณสามารถทำได้ใน ViewDidAppear ดังนั้นคุณจึงมีผลลัพธ์ก่อนที่จะแสดง / ไม่แสดงมุมมอง

หากคุณต้องการทำสิ่งนี้โดยไม่ต้องใช้รหัสใด ๆ ลองสิ่งนี้!

คลิกที่ tableView ของคุณ

เปลี่ยนรูปแบบจาก "ธรรมดา" เป็น "จัดกลุ่ม"

ตอนนี้เมื่อคุณใช้ ....

tableView.backgroundView = ใส่ LABEL หรือ VIEW ของคุณ

มันจะไม่แสดงตัวคั่น!

เพิ่มรหัสนี้ในไฟล์เดียวและเปลี่ยนประเภทคอลเล็กชันของคุณเป็น CustomCollectionView

import Foundation

class CustomCollectionView: UICollectionView {

  var emptyModel = EmptyMessageModel()
  var emptyView: EmptyMessageView?
  var showEmptyView: Bool = true

  override func reloadData() {
    super.reloadData()

    emptyView?.removeFromSuperview()
    self.backgroundView = nil

    if !showEmptyView {
      return
    }

    if numberOfSections < 1 {
      let rect = CGRect(x: 0,
                        y: 0,
                        width: self.bounds.size.width,
                        height: self.bounds.size.height)

      emptyView = EmptyMessageView()
      emptyView?.frame = rect
      if let emptyView = emptyView {
        //                self.addSubview(emptyView)
        self.backgroundView = emptyView
      }
      emptyView?.setView(with: emptyModel)

    } else {
      emptyView?.removeFromSuperview()
      self.backgroundView = nil
    }
  }
}

class EmptyMessageView: UIView {

  @IBOutlet weak var messageLabel: UILabel!
  @IBOutlet weak var imageView: UIImageView!

  var view: UIView!

  override init(frame: CGRect) {
    super.init(frame: frame)
    xibSetup()
  }

  required init?(coder aDecoder: NSCoder) {
    super.init(coder: aDecoder)
    xibSetup()
  }

  func xibSetup() {
    view = loadViewFromNib()

    view.frame = bounds

    view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
    addSubview(view)
  }

  func loadViewFromNib() -> UIView {

    let bundle = Bundle(for: type(of: self))
    let nib = UINib(nibName: "EmptyMessageView", bundle: bundle)
    let view = nib.instantiate(withOwner: self, options: nil)[0] as! UIView

    return view
  }

  func setView(with model: EmptyMessageModel) {
    messageLabel.text = model.message ?? ""
    imageView.image = model.image ?? #imageLiteral(resourceName: "no_notification")
  }
}

///////////
class EmptyMessageModel {
  var message: String?
  var image: UIImage?

  init(message: String = "No data available", image: UIImage = #imageLiteral(resourceName: "no_notification")) {
    self.message = message
    self.image = image
  }
}