web-dev-qa-db-fra.com

UITableView avec MVVM utilisant Swift

Je travaille sur architecture MVVM dans Swift avec UITableView. Pour cela, j'ai créé un exemple de vue de table.

Quelqu'un peut-il s'il vous plaît suggérer si je vais bien ou si d'autres améliorations doivent être apportées?

Voici les classes de cette architecture.

  1. ViewController - Contient UITableView et ses méthodes delegate et datasource.

    class ViewController: UIViewController {
    let PRODUCT_CELL_IDENTIFIER = "ProductCellIdentifier"

    @IBOutlet weak var productTableView: UITableView!

    var productViewModel: ProductViewModel = ProductViewModel()

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

//UITableView Delegate Methods
extension ViewController {
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return productViewModel.numberOfRowsInSection()
    }

    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCell(withIdentifier: PRODUCT_CELL_IDENTIFIER) as! ProductTableViewCell
        let product = productViewModel.productsArray[indexPath.row]
        cell.productName.text = product.name
        cell.productQuantity.text = "\(product.quantity)"
        return cell
    }
}

  2. ProductViewModel: - Il s'agit de la classe ViewModel.

    class ProductViewModel: NSObject {
    var productsArray = Array<Product>()

    override init() {
        let product1 = Product(name: "Prodcut1", image_url: "", quantity: 2)
        let product2 = Product(name: "Prodcut2", image_url: "", quantity: 3)
        productsArray.append(product1)
        productsArray.append(product2)
    }

    func numberOfRowsInSection() -> Int {
        return productsArray.count
    }
}

  3. Product - Ceci est la classe de modèle

    class Product: NSObject {
    var name: String
    var image_url: String
    var quantity: Int

    init(name: String, image_url: String, quantity: Int) {
        self.name = name
        self.image_url = image_url
        self.quantity = quantity
    }
}

  4. ProductTableViewCell - Ceci est la classe UITableViewCell

    class ProductTableViewCell: UITableViewCell {
    @IBOutlet weak var productQuantity: UILabel!
    @IBOutlet weak var productName: UILabel!
    @IBOutlet weak var productImageView: UIImageView!
}
iosswiftuitableviewmvvm
16
Dhanunjaya

Vous faites du bon travail, mais vous pouvez même améliorer votre modèle de produit en ajoutant la fonction suivante pour obtenir un tableau de modèles directs. Il est très utile lorsque vous avez créé un tableau à partir d'une réponse Web Api.

class Product : NSObject
    {

        var imgUrl : String!
        var name : String!
        var quantity : Int!

        init(dictionary: [String:Any])
        {
            imgUrl = dictionary["img_url"] as? String
            name = dictionary["name"] as? String
            quantity = dictionary["quantity"] as? Int
        }
        init(name: String, image_url: String, quantity: Int)
        {
        self.name = name
        self.imgUrl = image_url
        self.quantity = quantity
        }
        public class func modelsFromArray(array:[[String:Any]]) -> [Product]
        {
            var models:[Product] = []
            for item in array
            {
                models.append(Product.init(dictionary:item))
            }
            return models
        }
    }

Avec une utilisation comme

let product1 = Product(name: "Prodcut1", image_url: "", quantity: 2) //Normal Case

    let productList:[[String:Any]] =
        [
        ["name":"Jaydeep","img_url":"xyz","quantity":1],
        ["name":"Jaydeep","img_url":"xyz","quantity":2],
        ["name":"Jaydeep","img_url":"xyz","quantity":3],
        ["name":"Jaydeep","img_url":"xyz","quantity":4],
        ["name":"Jaydeep","img_url":"xyz","quantity":5],
        ["name":"Jaydeep","img_url":"xyz","quantity":6]
        ]
    //Assign Direct Dictionary to Get Array Of Models
/* Very useful when productList is dictionary from server response*/
    let productArray:[Product] = Product.modelsFromArray(array: productList)

Et aussi votre classe de cellule est améliorée par

class ProductTableViewCell: UITableViewCell {

@IBOutlet weak var productQuantity: UILabel!
@IBOutlet weak var productName: UILabel!
@IBOutlet weak var productImageView: UIImageView!
func setProductData(product:Product)
{
 self.productName.text = product.name
 self.productQuantity.text = "\(product.quantity)"

}

}

tilisation:

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: PRODUCT_CELL_IDENTIFIER) as! ProductTableViewCell
    let product = productViewModel.productsArray[indexPath.row]
    cell.setProductData(product:product)
    return cell
  }
15
Jaydeep Vyas