Custom Viewをxibファイルで作りたい時があると思います。そして、それをオブジェクト化する方法はいくつかあります。 Custom Viewクラスの初期化処理で、xibのViewをオブジェクト化して、それをaddSubviewする 自分はこれが最適解かなと思っています。理由は、 storyboard、xibでも、そのCustom Viewを使えるようになること initWithFrameなどプログラムから生成したい場合も対応可能 になることです。 手短に手順を説明すると以下のようになります。 xibファイルを作る xib上のViewにSubviewを配置する Custom Viewとなるクラスを作る xibのFile’s OwnerのCustom ClassをCustom Viewのクラス名にする CustomViewのinitWithCoder、initWithFrameで、xi

Auto LayoutでCustom Viewを作成し、それをViewController#viewに配置する方法について説明します。 サンプルコード: https://github.com/stack3/iOSAutoLayoutSamples サンプルコードのCustomViewを選択すると以下の画面が表示されます。 横画面にするとこうなります。 STCustomView.xib グレー背景の部分がCustomViewで、これはSTCustomView.xibでレイアウトされています。 構成は以下のとおり。 UIView – backgroundColorをgrayにしている UIImageView – アイコン表示 UILabel – 文字列表示 UIImageViewのConstraintは以下のようになっています。 要するに幅と高さは32pxでSuperviewとの間隔は8pxと

この記事はXcode 4.6.3 & iOS 6のものです。Xcode 5 & iOS 7はこちら。 http://blogios.stack3.net/archives/1330 今回はAuto Layoutでのsubview配置について説明したいと思います。 Auto Layoutによる配置の基本的な考え方 従来のframeのCGRect指定やAutoresizingMaskのFlexibleWidth、FlexibleHeightに慣れている人は、頭の切替が必要だと思います。Auto LayoutによるSubview配置は以下のようにして考えます。 Superviewの上端 or 下端 or 左端 or 右端からの間隔（Space） Superviewの水平方向中心、垂直方向中心に位置するかどうか 他のViewとの相対位置。間隔、アライン合わせ、サイズ合わせなど Documentを読