はてなブックマーク

UIKit では、Mac 用フレームワーク AppKit にはなかった構造体、UIEdgeInsets が登場しました。いろいろな場面で便利に使える構造体で、実際に UIKit の中でもよく使われています。 今回は、UIEdgeInsets を紹介します。 UIEdgeInsets は、マージンを表す構造体です。上下左右のマージンを表す4つのフィールドを持っています。 typedef struct UIEdgeInsets { CGFloat top, left, bottom, right; } UIEdgeInsets; 下図のピンクのビューは w100 × h100 のビューですが、top: 10, left: 20, bottom: 30, right: 40 の UIEdgeInsets を適用した矩形は、その中の半透明なグレーのビューが表す矩形になります。 UIEdgeInse

“UITextView：キーボード絡みの挙動・問題点”では、いろいろなタイミングで UITextView の contentInset.bottom が強制的に変わってしまうことを説明しました。 “UITextView をキーボードと連携させる”では、UITextView のもともとの contentInset.bottom が 0 であれば、UITextView をキーボードと連携させることができることを説明しました。 今回は、UITextView のもともとの contentInset.bottom が 0 ではない場合、UITextView をどうやってキーボードと連携させるのかを紹介します。 UIEdgeInsets に関連する Tips 第5段です。 RLRTextView を作る まず、“UITextView：キーボード絡みの挙動・問題点”を解決するためのクラス RLRText

画面上に UITextView がある場合、キーボードが競り上がったときに被ってしまう領域を考慮して UITextView を調節する必要があります。 今回は、UIEdgeInsets に関連する Tips 第4段として、UITextView をキーボードと連携させる方法を紹介します。 “キーボードに合わせて画面を上げ下げする”では、UIScrollView の contentInset と scrollIndicatorInsets を調節することで、キーボードに隠れてしまう領域ができる問題を回避しました。UITextView も UIScrollView のサブクラスなので同じ方法が使えそうですが、実は使えません。“UITextView：キーボード絡みの挙動・問題点”で説明した通り、UITextView の contentInset.bottom はいろいろなタイミングで変わってしまう

画面の下の方に TextField がある場合、キーボードが競り上がっても隠れないよう、キーボードが競り上がるのに合わせて画面をにょいっと上げてやる処理が必要になります。 今回は、UIEdgeInsets に関連する Tips 第2段として、キーボードに合わせて画面を上げ下げする方法を紹介します。 まずは、”Lorem ipsum…” UITextView、”Name:” UILabel、UITextField を、UIScrollView に入れます。このビュー構成で次のことをします： キーボードが上がり下がりするタイミングを知らせてもらえるようにする キーボードが競り上がるのに合わせて、画面を上げる キーボードの Done ボタンが押されたら、キーボードを隠す キーボードが隠れるのに合わせて、画面を下げる キーボードが上がり下がりするタイミングを知らせてもらえるようにする キーボードが

前回の記事「UITableViewCell の背景を画像にする」では、UITableViewCell とそれに乗った UILabel の背景色が意図せずに変わってしまう現象を紹介しました。 UITableViewCell の背景色を任意の色にしたい場合も、同じ原因で意図した色にならない問題に遭遇することがあります。 今回は、前回のおさらいをしながら、セルの背景色が交互に替わるテーブルビューを作りたいと思います。 以下のコードは、UITableView の dataSource オブジェクトが UITableViewCell を返すところです。 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { // Assure cell UITab

UITableViewCell の背景を画像にする場合、UITableViewCell の backgroundView プロパティに UIImageView をセットします。しかし、これだけでは問題が発生してしまうことがあります。 今回は、その問題を乗り越えて、UITableViewCell の背景を画像にする方法を紹介します。 以下のコードは、UITableView の dataSource オブジェクトが UITableViewCell を返すところです。UITableViewCell の背景を画像にしたいので、backgroundView プロパティに UIImageView をセットしています。 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)

ナビゲーションバーの背景を画像にしたい。そうすることによって、アプリケーションの世界観を前面に押し出したい。たとえば「iBooks」のように。たとえば「メモ」のように。 「そんなの簡単。UIImageView を UINavigationBar に insertSubview: atIndex: すればよいだけの話」と思いきや、そうではありませんでした。ある問題があったのです。 今回は、まずその問題を明らかにし、その問題を踏まえた上で、ナビゲーションバーの背景を画像にする方法を紹介します。 ナビゲーションバーの背景を画像にするとき、真っ先に思いつくのが「UINavigationBar に UIImageView を insertSubview: atIndex: する」という方法ではないでしょうか。 // Get navigationBar UINavigationBar *navigat