info.plist内のセクション名をUITableVIewに設定したい

Question

前提・実現したいこと

info.plist内のセクション名をUITableVIewに設定する上で必要なのは以下の2つだと思っています。
・「titleForHeaderInSection」メソッドでセクション名を取得して設定する
・「cellForRowAt」メソッドでセクション毎のセルを取得して設定する

理想は以下の形でTableViewが表示されること
■Section1
・Mickey（「Image」「Name」）
■Section2
・Minnie（「Image」「Name」）
・Donald（「Image」「Name」）
・Goofy（「Image」「Name」）
・Pluto（「Image」「Name」

発生している問題・エラーメッセージ

現状Arrayの中身を表示しているなので、画像の通りになっています。

該当のソースコード

import UIKit

class ViewController: UIViewController ,UITableViewDelegate, UITableViewDataSource{
     var _items:NSArray = []

        override func viewDidLoad() {
            super.viewDidLoad()

            // Plistファイルパス
            let path = Bundle.main.path(forResource: "DisneyCharacterList", ofType:"plist")
            _items = NSArray(contentsOfFile:path!)!
            //println(_items);
    }
    
    // 設定
    func numberOfSectionsInTableView(tableView: UITableView) -> Int {
        return 1
    }
    
    // 設定（行数）
    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int)
        -> Int {
            return _items.count
    }
    
    // 設定（セル）
    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {

        let cell = tableView.dequeueReusableCell(withIdentifier: "DisneyCell", for: indexPath as IndexPath)
        let dic = _items.object(at: indexPath.row) as! NSDictionary
        cell.textLabel!.text = dic.value(forKey: "Name") as? String
        let imageName = dic.value(forKey: "Image") as! String
        cell.imageView?.image = UIImage(named: imageName)
        return cell
    }
   
    //セクション数の設定
    func numberOfSections(in tableView: UITableView) -> Int {
        return 2
    }
    
    //セクション名設定
    let sectionTitles = ["セクション1","セクション2"]
    func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String?
    {
        return sectionTitles[section]
    }

}

AssetCatalog

info.Plist

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<array>
	<dict>
		<key>SectionName</key>
		<string>Section1</string>
		<key>Items</key>
		<array>
			<dict>
				<key>Image</key>
				<string>0.MickeyIcon</string>
				<key>Name</key>
				<string>Mickey</string>
			</dict>
		</array>
	</dict>
	<dict>
		<key>SectionName</key>
		<string>Section2</string>
		<key>Items</key>
		<array>
			<dict>
				<key>Image</key>
				<string>1.MinnieIcon</string>
				<key>Name</key>
				<string>Minnie</string>
			</dict>
			<dict>
				<key>Image</key>
				<string>2.DonaldIcon</string>
				<key>Name</key>
				<string>Donald</string>
			</dict>
			<dict>
				<key>Image</key>
				<string>3.GoofyIcon</string>
				<key>Name</key>
				<string>Goofy</string>
			</dict>
			<dict>
				<key>Image</key>
				<string>4.PlutoIcon</string>
				<key>Name</key>
				<string>Pluto</string>
			</dict>
		</array>
	</dict>
</array>
</plist>

参考サイト

セクションとセルをViewDidload内で関数で指定する方法は検索するとよく出てくるのですが、
ネストした構造のplistから取得して表示する方法がみつからなかったです…
[iPhone] UITableView Section の設定
【Swift】複数の section がある tableView で二次元配列を使う。
【初心者向け】UITableViewのSection(セクション)の使い方
Swift4 でTableViewを使ってみる2 「セクション機能を使いこなそう」
【Objective-C】【Swift】TableViewの基本設定について
019 セクション分けしたUITableViewを作る
[swift]ネストしたDictionaryの取得

追加修正

import UIKit

struct HogeItem: Decodable {
let Name: String
let Image: String
}

struct HogeSection: Decodable {
let SectionName: String
let items: [HogeItem]
}

var _items: [HogeSection] = []

class ViewController: UIViewController,UITableViewDelegate, UITableViewDataSource {

override func viewDidLoad() {
super.viewDidLoad()

if let path = Bundle.main.path(forResource: "DisneyCharacterList", ofType:"plist" ) {
let data = try! Data(contentsOf: URL(fileURLWithPath: path))
_items = try! PropertyListDecoder().decode([HogeSection].self, from: data)
}
}

// 設定
func numberOfSectionsInTableView(tableView: UITableView) -> Int {
return _items.count
}

// 設定（行数）
func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
return _items[section].items.count
}

// 設定（セクションタイトル）
func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
return _items[section].SectionName
}

// 設定（セル）
func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
let item = _items[indexPath.section].items[indexPath.row]

let cell = tableView.dequeueReusableCell(withIdentifier: "DisneyCell", for: indexPath as IndexPath)
cell.textLabel?.text = item.Name
cell.imageView?.image = UIImage(named: item.Image)
return cell
}

//セルタップ時にセルの内容を取得する
func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
let item = _items[indexPath.section].items[indexPath.row]

print(item.Name)
}
}

「キーに関連付けられた値はありません」のようなメッセージです。

Thread 1: Fatal error: 'try!' expression unexpectedly raised an error: Swift.DecodingError.keyNotFound(CodingKeys(stringValue: "items", intValue: nil), Swift.DecodingError.Context(codingPath: [_PlistKey(stringValue: "Index 0", intValue: 0)], debugDescription: "No value associated with key CodingKeys(stringValue: \"items\", intValue: nil) (\"items\").", underlyingError: nil))

Answer 1

前回の質問の https://teratail.com/questions/284934 の追記2でも書かせていただきましたが、PropertyListDecoder を使ったデシリアライズ方法を使ってコードの見た目をスッキリさせる方法をご提案したいです。

import UIKit

struct ItemData: Decodable {
    let Name: String
    let Image: String
}

struct ItemGroup: Decodable {
    let SectionName: String
    let Items: [ItemData]
}

class ViewController: UITableViewController {

    var _items: [ItemGroup] = []

    override func viewDidLoad() {
        super.viewDidLoad()

        // Plistファイルパス
        if let path = Bundle.main.path(forResource: "DisneyCharacterList", ofType:"plist" ) {
            let data = try! Data(contentsOf: URL(fileURLWithPath: path))
            _items = try! PropertyListDecoder().decode([ItemGroup].self, from: data)
        }
    }

    // MARK: - Table view data source

    override func numberOfSections(in tableView: UITableView) -> Int {
        return _items.count
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return _items[section].Items.count
    }

    override func tableView(_ tableView: UITableView, titleForHeaderInSection section: Int) -> String? {
        return _items[section].SectionName
    }
    
    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        let item = _items[indexPath.section].Items[indexPath.row]

        let cell = tableView.dequeueReusableCell(withIdentifier: "DisneyCell", for: indexPath)
        cell.textLabel?.text = item.Name
        cell.imageView?.image = UIImage(named: item.Image)
        return cell
    }
    
    override func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {
        let item = _items[indexPath.section].Items[indexPath.row]

        print("item: (item.Name)")
    }
}

ItemGroupやItemDataのプロパティ名は異なりますが、 PropertyListDecoder を使ったサンプルプロジェクトをGitHubへアップロードいたしました。 Xcode 11.6/iOS 13.6 にて動作確認をおこなっております。

• https://github.com/CH3COOH/Samples/tree/master/SamplePlistDecode

Comments

[Risney]

回答ありがとうございます。

ItemGroupやItemDataのプロパティ名を自分のものに合わせ、
実装しましたがエラーが出てしまいました。

実装内容、とエラー内容は、
質問文に追記いたしました。

[ch3cooh]

plistでは Items になっているのに、 HogeSectionは items になっているのが原因かと思います (plistでのkeyとプロパティ名を一致させる必要があります)。

↓ でいかがでしょうか？

struct HogeSection: Decodable {
let SectionName: String
let Items: [HogeItem]
}

[Risney]

即レスありがとうございます！！

ビルドした結果、
セクション1のヘッダーとミッキーのアイコンのみしか表示されてない状態だったので、
以下のメソッドを追加したところ無事表示されました！

func numberOfSections(in tableView: UITableView) -> Int {
return 2
}

ただ、理想としてはこれも数字で返すのではなく、
セクション名をカウントして返したいと考えたのですが、
下記の通りにすると、_itemsの後の「section」に対してエラーが出てしまいます。

func numberOfSections(in tableView: UITableView) -> Int {
return _items[section].SectionName.count
}

エラー内容「Use of unresolved identifier 'section'」

[ch3cooh]

numberOfSections(in:) はセクション(複数のアイテムをまとめたもの)の数を返しますので、以下のようにセクションの数を返却してみてはいかがでしょうか。

func numberOfSections(in tableView: UITableView) -> Int {
return _items.count
}

[Risney]

カウントするものが違っていたのですね！無事にできました(っ ̯- )
丁寧にわかりやすく教えていただき本当にありがとうございました。

今色々とswiftの勉強としてサンプルを作成中なので、
また質問させて頂くと思いますが、
その時は何卒宜しくお願い致します。