CATiledLayerとUIScrollViewを使って、超巨大な画像を表示するサンプル - 24/7 twenty-four seven

(参考) 無為空間 |タイルビューの挙動確認用サンプル CATiledLayerとUIScrollViewを組み合わせて、巨大な画像をスムーズにスクロールして表示するサンプルです。 表示する画像はこちらを使用しました。Garden | photo page - everystockphoto 画像の大きさは2448x3264です。 大きな画像を一度に読み込むとメモリが足りなくなるので、あらかじめ小さな単位に分割しておきます。 画像の分割はGraphicConverterなどを使用すると簡単です。 分割した画像を、画面に表示される部分だけ読み込むので、ファイル名を規則的に付けておきます。 GraphicConverterなら、自動的にimage-01-01.jpg, image-01-02.jpg, ...のような名前に自動的に付けてくれます。 今回は、タテ、ヨコそれぞれ10分割にしました。

[kokoroku]

ios catiledlayer

[watanata2000]

タイル表示 CATiledLayer TiledView

[desing]

画像を分割してその都度表示

[kokogiko]

うわ！こんなのあったのか。もうRouteMeベースでほとんど作っちゃったとこなのに…。まあマーカーやタイルキャッシュも含めRouteMeだと処理できるからいいけど。

[paella]

必読。CATiledLayerは適宜drawRectを呼んでくれるので、そこで画像を渡す。