web-dev-qa-db-ja.com

Swiftを使用したMVVMでのUITableView

MVVMアーキテクチャ in Swift with UITableViewで作業中です。このために、サンプルテーブルビューを作成しました。

誰かが私が正しいかどうか、または他の改善が必要かどうかを提案できますか？

このアーキテクチャのクラスは次のとおりです。

  1. ViewController-UITableViewとそのdelegateおよび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：-これは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. 製品-これはモデルクラスです

    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-これはUITableViewCellクラスです

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

良い仕事をしていますが、次の機能を追加して直接モデルの配列を取得することで、製品モデルを改善することさえできます。 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
        }
    }

使用方法

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)

また、セルクラスは

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

}

}

使用法：

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