タグ

AutoLayoutに関するcpp_0302のブックマーク (3)

  • Auto LayoutでCustom Viewを作る その1 | Cyber Passion for iOS

    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と

    Auto LayoutでCustom Viewを作る その1 | Cyber Passion for iOS
  • iOSのAutoLayoutの基本的な記述方法とエラーメッセージの種類

    Android, iPhone等のスマートフォン向けアプリ開発などの話題を中心に、時事ネタなどを気の向くままに書いています。 iOS 6にて導入されたAutoLayoutですが、iOS 7にて更に重要度が増し、いやがうえにも使用せざる終えなくなっている方も多いかと思います。 しかし、AutoLayoutは意外にわかりにくく、慣れが必要ではないかと思います。 そこで、備忘録を兼ねて少しAutoLayoutの基的な記述方法とエラーの種類について記載したいと思います。 間違いがありましたならばご指摘ください。 ただし、私自身がStoryBoardを使わない派なので、ソースコードでの指定方法です(笑) しかし、ソースコードでの記述方法を知るとStoryBoardでのAutoLayout指定の理解が深まるのではないかと思います。 加えて、ソースコードでの記述方法を知れば動的にAutoLayoutの

  • AutolayoutのAspect Ratio固定でリサイズしたUIViewの子Viewを比率を合わせてリサイズする - Qiita

    Storyboardを使って、比率を維持しながらsubviewもリサイズするのに苦労したのでまとめ。 要件 4インチでは全画面で表示しているUIViewを、3.5インチの端末で起動した時に縦横比率を保ったまま、横に余白を開ける。 子Viewは、親Viewが縮小された比率に合わせて大きさ、場所を調整したい。 親Viewを3.5インチで縦横比率を保ってセンタリング まずStoryboardで、UIViewControllerの中に親ViewとなるUIView(水色)を載せ、子ViewとなるUILabel(黄緑)を100x100のサイズで載せました。 普通に3.5インチ端末で起動すると、下が切れます。 左右に余白を開けて、縦横の比率(320x568)を固定したまま縮小するため、AutolayoutのPinで、上下を端に固定、Aspect RatioにチェックをしてAdd 3 Constraint

    AutolayoutのAspect Ratio固定でリサイズしたUIViewの子Viewを比率を合わせてリサイズする - Qiita
  • 1