Jika tidak ada hasil Tampilan Tabel, tampilkan "Tidak Ada Hasil" di layar

Saya memiliki tableview, di mana kadang-kadang mungkin tidak ada hasil apa pun untuk dicantumkan , jadi saya ingin memasang sesuatu yang mengatakan "tidak ada hasil" jika tidak ada hasil (baik label atau sel tampilan tabel satu?).

Apakah ada cara termudah untuk melakukan ini?

Saya akan mencoba di labelbelakang tableviewlalu menyembunyikan salah satu dari dua berdasarkan hasil, tetapi karena saya bekerja dengan a TableViewControllerdan bukan normal, ViewControllersaya tidak yakin seberapa pintar atau bisa dilakukan itu.

Saya juga menggunakan Parsedan subclassing sebagai PFQueryTableViewController:

@interface TableViewController : PFQueryTableViewController

Saya dapat memberikan detail tambahan yang diperlukan, beri tahu saya!

TableViewController Adegan di Storyboard:

EDIT: Per Midhun MP, berikut kode yang saya gunakan

- (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;
}

Dan inilah Tampilan yang saya dapatkan, masih memiliki garis pemisah. Saya merasa ini adalah beberapa perubahan kecil, tetapi saya tidak yakin mengapa garis pemisah muncul?

Anda dapat dengan mudah mencapainya dengan menggunakan backgroundViewproperti UITableView.

Tujuan 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;
}

Cepat:

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
}

Referensi Referensi Kelas UITableView

backgroundView Properti

Tampilan latar belakang tampilan tabel.

Pernyataan

Cepat

var backgroundView: UIView?

Objective-C

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

Diskusi

Tampilan latar belakang tampilan tabel secara otomatis diubah ukurannya agar sesuai dengan ukuran tampilan tabel. Tampilan ini ditempatkan sebagai subview dari tampilan tabel di belakang semua sel, tampilan header, dan tampilan footer.

Anda harus menyetel properti ini ke nol untuk menyetel warna latar belakang tampilan tabel.

Untuk Xcode 8.3.2 - Swift 3.1

Berikut adalah cara yang tidak terlalu terkenal tetapi sangat mudah untuk mencapai penambahan tampilan "Tidak Ada Item" ke tampilan tabel kosong yang kembali ke Xcode 7. Saya akan menyerahkannya kepada Anda untuk mengontrol logika yang menambahkan / menghapus tampilan ke tampilan latar belakang tabel, tetapi berikut adalah alur untuk dan storyboard Xcode (8.3.2):

1. Pilih adegan di Papan Cerita yang memiliki tampilan tabel Anda.
2. Seret UIView kosong ke "Scene Dock" dari adegan itu

3. Tambahkan UILabel dan batasan apa pun ke tampilan baru, lalu buat IBOutlet untuk tampilan tersebut

4. Tetapkan tampilan itu ke tableView.backgroundView

5. Lihatlah keajaibannya!

Pada akhirnya ini berfungsi kapan saja Anda ingin menambahkan tampilan sederhana ke pengontrol tampilan yang tidak perlu Anda tampilkan segera, tetapi Anda juga tidak ingin memberikan kode tangan.

Versi Swift dari kode di atas: -

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
}

Tetapi Jika Anda sedang memuat Informasi Dari JSON, Anda perlu memeriksa apakah JSON kosong atau tidak, untuk itu jika Anda memasukkan kode seperti ini awalnya muncul Pesan "Tidak ada data" kemudian menghilang. Karena setelah tabel reload data pesan disembunyikan. Jadi Anda dapat meletakkan kode ini di mana memuat data JSON ke sebuah array. JADI: -

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
    })
}

Anda dapat mencoba kontrol ini. Ini cukup rapi. DZNEmptyDataSet

Atau jika aku jadi kamu, yang akan kulakukan hanyalah

• Periksa untuk melihat apakah larik data Anda kosong
• Jika kosong, tambahkan satu objek bernama @ "No Data" ke dalamnya
• Tampilkan string itu di cell.textLabel.text

Sangat mudah

Swift 3 (diperbarui):

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

Saya berharap itu server tujuan Anda ...... Dalam UITableViewController Anda.

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
        }
    }
}

Kelas Pembantu dengan fungsi:

 /* 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;
        }

Menurut saya cara paling elegan untuk menyelesaikan masalah Anda adalah beralih dari a UITableViewControllerke a UIViewControlleryang berisi UITableView. Dengan cara ini Anda dapat menambahkan apapun yang UIViewAnda inginkan sebagai subview dari tampilan utama.

Saya tidak akan merekomendasikan menggunakan UITableViewCell untuk melakukan ini, Anda mungkin perlu menambahkan hal-hal tambahan di masa mendatang dan segala sesuatunya bisa menjadi jelek dengan cepat.

Anda juga dapat melakukan sesuatu seperti ini, tetapi ini juga bukan solusi terbaik.

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

Gunakan kode ini dalam numberOfSectionsInTableViewmetode Anda : -

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

Jika Anda tidak menggunakan footer tableview dan tidak ingin tableview mengisi layar dengan sel tabel default kosong, saya sarankan Anda menyetel footer tableview Anda ke UIView kosong. Saya tidak tahu sintaks yang benar untuk melakukan ini di obj-c atau Swift, tetapi di Xamarin.iOS saya akan melakukannya seperti ini:

public class ViewController : UIViewController
{
    UITableView _table;

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

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

        _table.TableFooterView = new UIView();
    }
}

Kode di atas akan menghasilkan tampilan tabel tanpa sel kosong

Inilah solusi yang berhasil untuk saya.

1. Tambahkan kode berikut ke file baru.

2. Ubah kelas tabel Anda menjadi kelas khusus "MyTableView" dari storyboard atau .xib

(ini hanya akan bekerja untuk bagian pertama. Jika Anda ingin menyesuaikan lebih banyak, lakukan perubahan dalam fungsi MyTableView reloadData () sesuai untuk bagian lain)

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
            }
        }
    }
}

Saya akan menyajikan tampilan hamparan yang memiliki tampilan dan pesan yang Anda inginkan jika tampilan tabel tidak memiliki hasil. Anda bisa melakukannya di ViewDidAppear, sehingga Anda memiliki hasil sebelum menampilkan / tidak menampilkan tampilan.

Jika Anda ingin melakukan ini tanpa kode apa pun, coba ini!

Klik pada tableView Anda.

Ubah gaya dari "biasa" menjadi "dikelompokkan".

Sekarang saat Anda menggunakan ....

tableView.backgroundView = MASUKKAN LABEL ATAU LIHAT ANDA

Ini tidak akan menampilkan pemisah!

Tambahkan kode ini dalam satu file dan ubah jenis koleksi Anda ke 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
  }
}