TableViewを実装する際に画一的な見た目のセルではなく、一つ一つのセルをカスタマイズしたい時があるかと思います。 僕の場合は、個人アプリのホーム画面にXibファイルで作成したTableViewを採用していますが、結構色んなことができて非常に便利でした。 今後、他のアプリでも活用する機会が増えると思ったので、今回はこれについて書いていきたいと思います。 できたもの カスタムセルを使い、異なるデザイン(とは言えLabelとHeightが異なるだけ)のセルをtableView上に描画しています。 このソースはGithubでも公開しているので、ぜひこちらも見てみて下さい。 Viewを追加 HeaderViewとTableViewをそれぞれStoryBoardに追加します。 Xibファイル追加 次にTableViewに表示したいCellの数だけXibファイルを追加していきます。 僕の場合はXi
![XibファイルでTableViewを実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/dca2c308b2ce98b3a7991a7f095ef773ee70dd57/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9WGliJUUzJTgzJTk1JUUzJTgyJUExJUUzJTgyJUE0JUUzJTgzJUFCJUUzJTgxJUE3VGFibGVWaWV3JUUzJTgyJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04ODg3YzhkYjg0OWQ3YTUzNzZjMjg3MmUyNTA2MGM3NQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweWFtYXRha3UyOSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9N2EzYjNhM2M1MmRmZjY4MGM2YTVkZDA5YjFiNjgyMjI%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dba85b9febd6902e98d46f1ee460fd489)