Cocoaの日々

UITableView の背景に画像を表示したい。タイルパターンではなく１枚絵。こんなやつ。

※この絵は下記からダウンロードした。
Free Concrete Textures from TextureKing

UITableView.backgroundColor

まずネットで良く紹介されていたは UITableView.backgroundColor に画像を指定してみる。

self.tableView.backgroundColor =
    [UIColor colorWithPatternImage:[UIImage imageNamed:@"background.jpg"]];
self.tableView.backgroundColor = [UIColor clearColor];

結果はこう。
一見よさそうに見えるが、セルの両側にも背景画像が使われていてNG。
タイルパターン画像なら良いが、一枚絵の場合には使えない。

（結論）タイルパターンを背景画像に使いたい場合は backgroundColor が使える。

UIImageViewを下におく

他に良い方法が見つからなかったので、結局 UITableView の下に UIImageView を配置してそこへ画像を表示するようにした。InterfaceBuidlerで UIImageViewを配置し、あらかじめ背景画像を指定しておく。
UITableView の背景色は透明にしておく。これを忘れると背景画像が表示されない。

self.tableView.backgroundColor = [UIColor clearColor];

結果はこう。
plane の場合はこう。
スケスケになってしまった。この場合は UITableView.contentView.backgroundColor に色を指定しておく。

cell.contentView.backgroundColor = [UIColor whiteColor];