Si aucun résultat de la vue tableau, affiche «Aucun résultat» à l'écran

J'ai un tableview, où parfois il n'y a pas de résultats à lister, donc je voudrais mettre quelque chose qui dit "pas de résultats" s'il n'y a pas de résultats (soit une étiquette ou une cellule de vue de tableau?).

Existe-t-il un moyen le plus simple de le faire?

J'essaierais un labelderrière tableviewpuis cacherais l'un des deux en fonction des résultats, mais comme je travaille avec un TableViewControlleret pas un normal, ViewControllerje ne sais pas à quel point c'est intelligent ou faisable.

J'utilise également Parseet je sous-classe en tant que PFQueryTableViewController:

@interface TableViewController : PFQueryTableViewController

Je peux fournir tous les détails supplémentaires nécessaires, faites le moi savoir!

TableViewController Scène dans Storyboard:

EDIT: Par Midhun MP, voici le code que j'utilise

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

Et voici la vue que j'obtiens, elle a toujours des lignes de séparation. J'ai le sentiment qu'il s'agit d'un petit changement, mais je ne sais pas pourquoi des lignes de séparation apparaissent?

Vous pouvez facilement y parvenir en utilisant la backgroundViewpropriété de UITableView.

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

Rapide:

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
}

Référence Référence de classe UITableView

backgroundView Propriété

La vue d'arrière-plan de la vue de table.

Déclaration

Rapide

var backgroundView: UIView?

Objectif c

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

Discussion

La vue d'arrière-plan d'une vue de tableau est automatiquement redimensionnée pour correspondre à la taille de la vue de tableau. Cette vue est placée en tant que sous-vue de la vue tableau derrière toutes les cellules, vues d'en-tête et vues de pied de page.

Vous devez définir cette propriété sur nil pour définir la couleur d'arrière-plan de la vue tableau.

Pour Xcode 8.3.2 - Swift 3.1

Voici un moyen pas si connu mais incroyablement simple d'ajouter une vue "Aucun élément" à une vue de table vide qui remonte à Xcode 7. Je vous laisse le contrôle de cette logique qui ajoute / supprime le vue de la vue d'arrière-plan de la table, mais voici le flux pour et le storyboard Xcode (8.3.2):

1. Sélectionnez la scène dans le Storyboard qui a votre vue de table.
2. Faites glisser un UIView vide vers le "Dock des scènes" de cette scène

3. Ajoutez un UILabel et toutes les contraintes à la nouvelle vue, puis créez un IBOutlet pour cette vue

4. Attribuez cette vue à tableView.backgroundView

5. Voici la magie!

En fin de compte, cela fonctionne chaque fois que vous souhaitez ajouter une vue simple à votre contrôleur de vue que vous ne voulez pas nécessairement afficher immédiatement, mais que vous ne voulez pas non plus transmettre de code.

Version Swift du code ci-dessus: -

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
}

Mais si vous chargez des informations à partir d'un JSON, vous devez vérifier si le JSON est vide ou non, par conséquent, si vous mettez un code comme celui-ci, il affiche initialement le message "Aucune donnée" puis disparaît. Parce qu'après le rechargement de la table, le message se cache. Vous pouvez donc placer ce code à l'endroit où charger les données JSON dans un tableau. ALORS :-

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

Vous pouvez essayer ce contrôle. C'est assez soigné. DZNEmptyDataSet

Ou si j'étais toi, tout ce que je ferais c'est

• Vérifiez si votre tableau de données est vide
• S'il est vide, ajoutez-y un objet appelé @ "No Data"
• Afficher cette chaîne dans cell.textLabel.text

Peasy facile

Swift 3 (mis à jour):

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

J'espère qu'il servira votre objectif ...... Dans votre 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
        }
    }
}

Classe d'assistance avec fonction:

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

Je pense que le moyen le plus élégant de résoudre votre problème est de passer d' UITableViewControllerunUIViewController contenant un UITableView. De cette façon, vous pouvez ajouter ce que UIViewvous voulez en tant que sous-vues de la vue principale.

Je ne recommanderais pas d'utiliser un UITableViewCell pour ce faire, vous devrez peut-être ajouter des éléments supplémentaires à l'avenir et les choses peuvent rapidement devenir laides.

Vous pouvez également faire quelque chose comme ça, mais ce n'est pas non plus la meilleure solution.

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

Utilisez ce code dans votre numberOfSectionsInTableViewméthode: -

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

Si vous n'utilisez pas le pied de page tableview et que vous ne voulez pas que la tableview remplisse l'écran avec des cellules de tableau par défaut vides, je vous suggère de définir votre pied de page tableview sur un UIView vide. Je ne connais pas la syntaxe correcte pour faire cela dans obj-c ou Swift, mais dans Xamarin.iOS, je le ferais comme ceci:

public class ViewController : UIViewController
{
    UITableView _table;

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

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

        _table.TableFooterView = new UIView();
    }
}

Le code ci-dessus entraînera une vue de table sans les cellules vides

Voici la solution qui a fonctionné pour moi.

1. Ajoutez le code suivant à un nouveau fichier.

2. Remplacez votre classe de table par la classe personnalisée "MyTableView" à partir du storyboard ou du .xib

(cela ne fonctionnera que pour la première section. Si vous souhaitez personnaliser davantage, apportez les modifications nécessaires à la fonction reloadData () MyTableView pour les autres sections)

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

Je présenterais une vue de superposition qui a l'apparence et le message que vous voulez si la vue de la table n'a pas de résultats. Vous pouvez le faire dans ViewDidAppear, vous avez donc les résultats avant d'afficher / de ne pas afficher la vue.

Si vous voulez faire cela sans aucun code, essayez ceci!

Cliquez sur votre tableView.

Changez le style de "simple" à "groupé".

Maintenant, lorsque vous utilisez ...

tableView.backgroundView = INSERER VOTRE ETIQUETTE OU VUE

Il ne montrera pas les séparateurs!

Ajoutez ce code dans un fichier et changez votre type de collection en 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
  }
}