【iOS】一定以上スクロールするとタブの位置が固定されるUIの実装について - ZOZO TECH BLOG
こんにちは。iOSエンジニアの遠藤です。 最近のiQONはコンテンツ量が増えてユーザーの詳細ページに表示する情報が多くなってきました。今のデザインでは情報量が多すぎて詳細ページが見づらい状況になっています。そこで以下のようなコンテンツをタブで管理できるかつユーザー情報を表示してスクロールするデザインを実装しました。 実装について色々と調べたのですがあまり情報が無かったので共有したいと思います。実装する上で参考になれば幸いです。 今回のUIを実現する上で解決しなければいけない課題 ・スワイプでもタブの切り替えができる ・ある一定以上スクロールした場合にタブの位置を固定する 解決策 既にiQONの仕組みとしてある、スワイプでタブの切り替えをするところから考えていきたいと思います。 【スワイプでタブの切り替えについて】 ・スワイプでタブを切り替えるにはUIPageViewControllerを使
メッセンジャーUIの実現方法
###前提・実現したいこと TableViewの下が最新情報を表示するメッセンジャー機能の実装です。 (例：Line、Facebook Messenger） 画面遷移後に一番下に最新のメッセージを表示したい。 無理やり実現しているがより良い実装方法を知りたい。 皆さんの知見を是非お貸しください。 ###発生している問題・エラーメッセージ 配列情報を取得後に tableView.scrollToRowAtIndexPath(lastIndexPath atScrollPosition: .Bottom, animated: animted) （lastIndexPathは最後のSectionの最後のCell、つまり最新メッセージを示すNSIndexPathです） を実行しても、一番下のセルまで表示されない。 ###現在の実装 サーバから、JSON配列でメッセージ情報を受信時間による降順で受信
Autolayout で UITableViewCell の高さを設定すると reloadData 後にカクカクすることがある - Qiita
Autolayout で UITableViewCell の高さを設定すると reloadData 後にカクカクすることがあるObjective-CiOS 未だセルの高さ計算処理は面倒くさい気がする UITableViewCell の高さを動的に計算する（セルの中身に合わせてセルの高さが変わる）という仕組みの実装はある意味で iOS プログラミングの定石かつ鬼門な気がしてなりません。ベストソリューションがあれば是非教えて下さい。 iOS 8からは Self Sizing Cells という方法が登場し、 Autolayout+UITableViewAutomaticDimension でセルの高さを自動計算してくれるようになりました。 Understanding Self Sizing Cells and Dynamic Type in iOS 8 http://www.appcoda.c
なめらかに動作するUITableViewのつくりかた
矢口裕也です。 Advent Calendar 10日目はiOSのUITableViewの話をします。 ぼやき iOSアプリを開発していると70%くらいの時間はUITableViewに費やしている気がしてきます。 UITableViewは非常にめんどうなものですが、パフォーマンスがシビアでかつユーザーの快適さに直結するものなので大いに手間をかける価値があります。 この記事ではガクガク処理落ちするUITableViewを例として改善していきながら快適なUITableViewのつくりかたを解説します。 目的 以下のケーススタディでは次の目的でコードを改善していきます なめらかに動くようにする ここでのポイントは実際速くなくてもユーザが快適に感じればOKである、ということです。処理速度が高速である必要はありません。 戦略 UITableViewでのパフォーマンス問題は次の2点であることが多いです
scrollViewDidScroll:が「呼ばれる」問題 - Qiita
UITableViewのメソッドscrollToRowAtIndexPath:atScrollPosition:animated:は、最新のiOS 6.1 doc setによると、 Invoking this method does not cause the delegate to receive a scrollViewDidScroll: message, as is normal for programmatically-invoked user interface operations. (拙訳) このメソッドを呼び出しても、通常のプログラマチックに呼び出されたユーザインタフェース操作のように、デリゲートはscrollViewDidScroll:メッセージを受け取りません。 と書いてありますが、実際には呼び出されてしまいます。 では、ユーザがTableViewをスクロールした時に
Swift 2: UITableViewDataSource protocol extension
I have been playing around with protocol extensions and I have a problem. Maybe what I want to achieve can’t be done. I have this playground: //: Playground - noun: a place where people can play import UIKit protocol ArrayContainer { typealias T var array: [T] { get } } class MyViewController: UIViewController, ArrayContainer, UITableViewDataSource { typealias T = String var array = ["I am", "an A
UITableViewCellの高さを自動で計算する: UITableViewAutomaticDimension - tomoyaonishiのブログ
UITableViewCellのUITableViewAutomaticDimensionを使えば、セルのそれぞれの高さを自動で計算させることができます。 optional func tableView(tableView: UITableView, heightForRowAtIndexPath indexPath: NSIndexPath) -> CGFloat こいつとはおさらばです。 以下実装方法です。 まず通常のUITableViewの実装の方法でStoryboardを作っていきます。 カスタムセルに対してUILabelを1つ置きます。ここで以下の画像のようにセル全体にLabelが広がるようにAutoLayoutを設定します。なお、カスタムセルではなくBasicStyleのセルであればここでは何もしなくてもよいです。 次にカスタムセル、BasicStyleのセルであったとしても以
UITableViewCellの高さを可変にする | Hack
Auto Layoutを活用してUITableViewCellの高さを可変にするやり方です。 基本的には[iOS] Auto Layout を使いこなす。UITableViewCell と UIScrollView 編のまとめになります。 UITableViewCellの高さが子のUILabelなどの高さにあわさってくれないのは、コンテンツを設定するUITableViewDataSource#cellForRowAtIndexPathの呼び出しがAuto Layoutの計算を行うUIViewController#viewDidLayoutSubviewsよりも遅いことによるようです。 そこで、UIViewController#viewDidLayoutSubviewsでCellの高さを求めているUITableViewDelegate#heightForRowAtIndexPathの中からU
[iOS] Auto Layout を使いこなす。UITableViewCell と UIScrollView 編 - それはBooks
iPhone6 と iPhone6 Plus が発売になり、本格的に iOS でも Android のように複数解像度に対応したやり方をしないといけなくなってきました。 iPhone5S までは、縦幅が伸びただけだったので、なんとなく Auto Layout を使っていても問題は表面化しづらかったのですが、 iPhone6 で横幅が伸びてしまったことで、適当に Auto Layout を使ってコーディングしていると残念なことになっているアプリが結構あります。 僕も iPhone アプリを開発しているのでこのあたりは結構気を使ってはいるんですが、いかんせん自分のやり方がほんとに正しいのか、やや疑問なところもあります。 そこで、今の自分のやり方を晒して、世の iPhone アプリ開発者の人に突っ込んでもらえればと思い記事を書くことにしました。 間違っている箇所もあると思いますので、ドンドンツッ
アコーディオンメニューを実装する - Qiita
やっはろー。セクションごとに開閉できるテーブルビュー、いわゆるアコーディオンメニューを実装したい、という話をします。 開閉する セクションの開閉とは要するにセル数の増減のことなのでそのようにします。 override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int { if openedSections.contains(section) { return items[section].members.count } else { return 0 } } override func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? { let view
tips: UITableViewで余分な境界線（separator）を非表示にする : ワタブログ
これが一番簡単っぽい。 self.tableView.tableFooterView = [[[UIView alloc] init] autorelease]; 例えば UITableView を使っていて、 self.tableView.separatorStyle = UITableViewCellSeparatorStyleSingleLine; のように境界線をONにしているとき、 画面の高さに対して、 UITableView の高さが足りてない（セルの要素数が足りてない）とき、空のセルが余白を埋めるかのように表示されてしまう。境界線なしのときは気にならないんだけど、境界線があると気になる。というか表示したくない。 検索してみるとStack Overflowがよく引っかかるんだけど、どうも解決策がまちまちで、例えば、 viewDidLoad 内で、 self.tableView.
Storyboard上のUITableViewCellをxibで作る場合はregisterNib:forCellReuseIdentifier:メソッドが便利 - Qiita
Storyboard上のUITableViewCellをxibで作る場合はregisterNib:forCellReuseIdentifier:メソッドが便利Objective-CiPhoneiOS Storyboardを使ってUITableViewのある画面を作り、そのCellを複数画面で使いまわすためにxibとして作成するときのTipsです。 UITableViewにiOS5から追加されたregisterNib:forCellReuseIdentifier:メソッドを使うことで、作成したxibをUITableViewに登録することができ、nilチェックとloadNibを必要としないシンプルなコードにすることができます。 コードで例を示すために使いまわしたいCellを"SampleTableViewCell"とします。作成するのは3つ SampleTableViewCell.xib Sa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UITableViewのセルの高さを動的に計算するSelf-Sizing Cellsを試してみた(iOS8, Swift)