Jeśli nie ma wyników w widoku tabeli, wyświetl na ekranie „Brak wyników”

Mam tableview, gdzie czasami może nie być żadnych wyników do wyświetlenia, więc chciałbym umieścić coś, co mówi „brak wyników”, jeśli nie ma żadnych wyników (etykieta lub jedna komórka widoku tabeli?).

Czy jest na to najłatwiejszy sposób?

Spróbowałbym z labeltyłu, a tableviewnastępnie ukrył jeden z dwóch w oparciu o wyniki, ale ponieważ pracuję z TableViewControllera nie normalnym, ViewControllernie jestem pewien, jak to jest inteligentne lub wykonalne.

Używam również Parsei podklasy jako PFQueryTableViewController:

@interface TableViewController : PFQueryTableViewController

Mogę podać dodatkowe informacje, po prostu daj mi znać!

TableViewController Scena w Storyboard:

EDYCJA: Per Midhun MP, oto kod, którego używam

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

A oto widok, który otrzymuję, wciąż ma linie separatora. Mam wrażenie, że to mała zmiana, ale nie jestem pewien, dlaczego pojawiają się linie separatora?

Możesz to łatwo osiągnąć za pomocą backgroundViewwłaściwościUITableView .

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

Szybki:

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
}

Odwołanie do klasy UITableView

backgroundView własność

Widok tła widoku tabeli.

Deklaracja

Szybki

var backgroundView: UIView?

Cel C

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

Dyskusja

Rozmiar widoku tła widoku tabeli jest automatycznie zmieniany w celu dopasowania do rozmiaru widoku tabeli. Ten widok jest umieszczany jako widok podrzędny widoku tabeli za wszystkimi komórkami, widokami nagłówków i widokami stopki.

Aby ustawić kolor tła widoku tabeli, należy ustawić tę właściwość na nil.

W przypadku Xcode 8.3.2 - Swift 3.1

Oto niezbyt dobrze znany, ale niewiarygodnie łatwy sposób na dodanie widoku „Brak elementów” do widoku pustej tabeli, który powraca do Xcode 7. Zostawię ci kontrolę nad logiką, która dodaje / usuwa widok do widoku tła tabeli, ale tutaj jest przepływ dla i scenorysu Xcode (8.3.2):

1. Wybierz scenę w Storyboard, która zawiera widok tabeli.
2. Przeciągnij pusty UIView do „Scene Dock” tej sceny

3. Dodaj UILabel i wszelkie ograniczenia do nowego widoku, a następnie utwórz IBOutlet dla tego widoku

4. Przypisz ten widok do tableView.backgroundView

5. Spójrz na magię!

Ostatecznie działa to zawsze, gdy chcesz dodać prosty widok do kontrolera widoku, który niekoniecznie chcesz, aby był wyświetlany natychmiast, ale także nie chcesz ręcznie kodować.

Szybka wersja powyższego kodu: -

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
}

Ale jeśli ładujesz informacje z JSON, musisz sprawdzić, czy JSON jest pusty, czy nie, dlatego jeśli umieścisz kod w ten sposób, początkowo wyświetli się komunikat „Brak danych”, a następnie zniknie. Ponieważ po przeładowaniu tabeli dane wiadomość się ukrywa. Możesz więc umieścić ten kod w miejscu ładowania danych JSON do tablicy. WIĘC :-

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

Możesz wypróbować tę kontrolę. Jest całkiem schludny. DZNEmptyDataSet

Albo na twoim miejscu wszystko co bym zrobił

• Sprawdź, czy tablica danych jest pusta
• Jeśli jest pusty, dodaj do niego jeden obiekt o nazwie @ „No Data”
• Wyświetl ten ciąg w cell.textLabel.text

Bułka z masłem

Swift 3 (zaktualizowany):

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

Mam nadzieję, że serwer służy do Twojego celu ...... W Twoim 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
        }
    }
}

Klasa pomocnicza z funkcją:

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

Myślę, że najbardziej eleganckim sposobem rozwiązania twojego problemu jest przejście z a UITableViewControllerdo UIViewControllerzawierającego UITableView. W ten sposób możesz dodać cokolwiekUIView chcesz jako podglądy głównego widoku.

Nie polecałbym używania UITableViewCell, aby to zrobić, może być konieczne dodanie dodatkowych rzeczy w przyszłości, a rzeczy mogą szybko stać się brzydkie.

Możesz też zrobić coś takiego, ale to też nie jest najlepsze rozwiązanie.

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

Użyj tego kodu w swojej numberOfSectionsInTableViewmetodzie: -

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

Jeśli nie używasz stopki widoku tabeli i nie chcesz, aby widok tabeli wypełniał ekran pustymi domyślnymi komórkami tabeli, sugerowałbym ustawienie stopki widoku tabeli na puste UIView. Nie znam poprawnej składni do zrobienia tego w obj-c lub Swift, ale w Xamarin.iOS zrobiłbym to tak:

public class ViewController : UIViewController
{
    UITableView _table;

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

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

        _table.TableFooterView = new UIView();
    }
}

Powyższy kod spowoduje wyświetlenie tabeli bez pustych komórek

Oto rozwiązanie, które zadziałało dla mnie.

1. Dodaj następujący kod do nowego pliku.

2. Zmień klasę tabeli na klasę niestandardową „MyTableView” z serii ujęć lub .xib

(zadziała to tylko dla pierwszej sekcji. Jeśli chcesz dostosować więcej, wprowadź zmiany w funkcji MyTableView reloadData () odpowiednio dla innych sekcji)

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

Przedstawiłbym widok nakładki, który ma wygląd i wiadomość, którą chcesz, jeśli widok tabeli nie daje wyników. Możesz to zrobić w ViewDidAppear, więc masz wyniki przed pokazaniem / niewidocznością widoku.

Jeśli chcesz to zrobić bez żadnego kodu, spróbuj tego!

Kliknij swój tableView.

Zmień styl z „zwykły” na „zgrupowany”.

Teraz, kiedy używasz ....

tableView.backgroundView = WSTAW SWOJĄ ETYKIETĘ LUB WIDOK

Nie pokaże separatorów!

Dodaj ten kod w jednym pliku i zmień typ kolekcji na 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
  }
}