0

xcode8 & swiftでiPad用のアプリを作っています。
Storyboard & Autolayoutを使っています。
iOS10.xがターゲットです。

UIScrollViewの中にUITableViewを入れて上下左右共に画面よりも大きな表を表示し、上下左右にスクロールして表示ができています。(↓こんなイメージ)

表全体のスクロール

現在、画面の一部(例えば1列目)のみ左右固定にして2列目以降をスクロールさせようとしていますが、どうすれば実現できるのか見当が付きません。(↓こんなイメージ)

一部固定のスクロール

何かわかる方がおられたら教えていただけないでしょうか?
「ここを見れば」とか「この本を見れば」とかでも構いません。
よろしくお願いします。

2 件の回答 2

1

UITableViewUIScrollViewの組み合わせで実現するのはあまり向いてないと思います。できなくはないですが、制御しなければならないことがすごくたくさんになるのでとても大変です。

UICollectionViewを使うことを検討してみてはいかがですか?UICollectionViewにはsectionHeadersPinToVisibleBoundsというプロパティがあるので、もしそれで望みの動作が実現できるなら、それが一番簡単だと思います。

そうでない場合、UICollectionViewのレイアウトをカスタマイズして、固定ヘッダーを実現する方法があります。
具体的にはlayoutAttributesForSupplementaryViewOfKind(elementKind:atIndexPath indexPath:)でスクロールの左端(=contentOffset.x)に常に張り付くようにします。

少し古いですがこちらの記事が参考になると思います。
http://dativestudios.com/blog/2015/01/10/collection_view_sticky_headers/

似たような画面をかなり汎用的に実現できる既存のライブラリとして、
https://github.com/stuffrabbit/SwiftSpreadsheet

があります。こちらはUICollectionViewを用いてスプレッドシートのようなUIを実現するためのカスタムレイアウトを提供しています。これがそのまま使えないとしても、コードは非常に参考になると思います。

もう一つは私が作ったものですが
https://github.com/kishikawakatsumi/SpreadsheetView

というのもあります。これはUIScrollViewの組み合わせで実現しています。上記のライブラリと比べるとかなりコードが複雑なことがわかると思います。

これらを参考にして、やりたいことにマッチするアーキテクチャを選択するのが良いと思います。

1
  • これから詳しく見てみますが、私がやりたいことそのもののように思います。ありがとうございます。
    – mooi
    Commented 2017年5月29日 2:46
0

名前のビューとその他のビューを分けて2つ作れば良いのではないでしょうか?
それぞれ、UIScrollViewDelegateを設定し、互いにスクロールを伝達しあえば良いとおもいます。

1
  • これは私も考えたのですが、互いのスクロールのずれが目立つのではないかと懸念しています。
    – mooi
    Commented 2017年5月29日 2:45

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。