SwiftでもObjective-Cでもコードで簡単にAutoLayoutする - Qiita
MisterFusionを使ったコード 上記のレイアウトをMisterFusionを使って再現すると、以下のようなコードになります。まずは使いたいクラスの中で、import MisterFusionをしてください。 let redView = UIView() redView.backgroundColor = .redColor() self.view.addLayoutSubview(redView, andConstraints: redView.Top |+| 10, redView.Right |-| 10, redView.Left |+| 10 ) let yellowView = UIView() yellowView.backgroundColor = .yellowColor() self.view.addLayoutSubview(yellowView, andCon
iOS - Auto Layoutの設計ベストプラクティスと、Viewの種類ごとのテクニック集 - Qiita
Auto Layoutを使って既存アプリをiPhone 6(S)/6(S) Plus対応した際に得た知見をまとめてみました。 以下、上級編となります。 ※iOS 9で導入されたStack ViewについてはiOS 8を切れない事情で使えませんでしたorz... ※下記のサンプルに使用したStoryboardファイルはこちらです。 https://gist.github.com/ypresto/ee3b2f592b40936c11ec ※設計が悪くて画面サイズ変わるとぶっ壊れちゃう箇所をUnit Testで把握するライブラリ書きました https://github.com/ypresto/AutoLayoutLint http://qiita.com/yuya_presto/items/742a9e6dd95667bd62c9 詳解編 Auto Layoutの仕組みやPriority、Int
UILabel#preferredMaxLayoutWidthはなぜ必要か | Cyber Passion for iOS
AutoLayoutになってから追加されたUILabelのプロパティpreferredMaxLayoutWidth。なぜ必要になったんでしょうか？intrinsicContentSizeと共に理解する必要があるでしょう。 intrinsicContentSizeはViewの内容を表示するために必要なサイズを返します。UILabelやUIButtonの場合、文字列の長さによってサイズが可変します。UIImageViewの場合は画像サイズを返します。intrinsicContentSizeが返すサイズに応じてAutoLayoutはレイアウトします。 ただのUIViewなどは、それ自身でサイズは決められないので、intrinsicContentSizeはUIViewNoIntrinsicMetric（サイズ不明）を返します。こういったViewはSuperviewで設定されたConstraintに
AutoLayoutでスワイプできるUITableViewCellを実装する - tomoyaonishiのブログ
AutoLayoutを使ってセル上を左にスワイプすると、セルの右側がオープンするUITableViewCellを実装してみます。セルの削除のときによく出てくるあれを自分で実装する感じです。 AutoLayoutやstoryboardにある程度知識がある方を前提としていますので、適宜不足している情報は補って実装してみてください＞＜ 準備編 まずは、通常通りにstoryboardでUITableViewを実装します。 次に、スワイプした時にわかるようにセルの背景色を変えておきます。 これで準備完了です。スワイプできるセルを実装していきます。 TableViewを貼り付けているViewControllerは以下のようになっています。普通です。 import UIKit class ViewController: UIViewController, UITableViewDataSource {
AutoLayoutで画面の大きさに比例してViewの大きさを変えたい - Qiita
例えばデバイスの幅が1000pxだった時、Viewの幅は500px（50%）にしたい、という場合です。 AutoLayoutを始めて「これくらい当然できるでしょふふーん」と思っていじってみたけど、全然出来る気配がなくて、結局泣きながらコードと併用して対応したというお話です。 って、実はStoryboardエディタだけでできるのでしたら教えてください。 ＝＝＝＝＝ 追記 2014/11/30 3:56 できました Multiplierを使います。（いままでお試しでしか使ってなくて忘れていた・・・） 親をSuperviewとかにして、一度EqualWidthをつけたあと、Multiplierに0.5と入れると50%になります。こんな感じです。 まあ、ConstraintをIBOutletで引っ張って云々できる、というのは知っていて損がないので、それはそれ、これはこれで！ ＝＝＝＝＝ 結論からい
xcodeでAutoLayoutでレスポンシブデザイン - Qiita
xcode6になって 対応しなければならない画面サイズ（解像度の比率の種類）が５種類に増えました （iPhone4S,iPhone5(S),iPhone6(S),iPhone6 Plus(S)、iPad） デバイスの画面サイズの種類が増えたことで StoryboardやxibでAutoLayoutを使わないやり方でやると １つのレイアウトファイルではマルチデバイスのサイズに 対応ができなくなってしまっています 自分は今までAutoLayoutを使って来なかったので苦戦したので 他の困っている人向けに備忘録として残しておきます XCode7以降でも基本的には同じです。 長いです まず、AutoLayoutを使わない方法もあります ViewControllerを選択して ・Use Auto Layout ・Use Size Classes のデフォルトチェックを外します。 すると、従来通りAu
UIScrollViewとAuto Layout その1 – 画像表示 | Cyber Passion for iOS
今回はUIScrollViewとAuto Layoutの組み合わせについてです。ここでハマっている人は多いのではないでしょうか。私も見事にハマリました。その経験から、きちんと動作させる方法を解説したいと思います。 ※ 文中のIBはInterface Builderの略です。 以下のリンクのAppleのTechnical NoteにUIScrollViewとAuto Layoutの併用について書かれています。 UIScrollView and Autolayout Mixed Approach（非Auto LayoutとAuto Layoutの組み合わせ）とPure Auto Layout Approach（Auto Layoutのみ）の2種類説明されていますが、後者に絞りたいと思います。スクロールの中身のサイズが可変する時も含めると、Pure Auto Layoutで対処したほうが確実で楽
【iOS】LINE風チャットUIを実装〜メッセージ入力欄編〜 - Qiita
LINEとかチャット系アプリは大体踏襲しているアレです。 まとめて解説してるブログが見つからなかったので、必要最低限の部分だけメモっときたいと思います。 今回はメッセージ入力欄のみで、ポイントはこの二つ。 メッセージ入力欄・送信ボタンは下部固定（キーボード出現時は隠れないように移動） 入力テキストの行数によってメッセージ入力欄の高さが変わる 実現方法は色々だと思いますが、今回は StoryBoardでAutoLayout を使ってやります。 【完成イメージ】 StoryBoardでレイアウトを作成 まずは以下の構造で各種UIパーツをレイアウトします。 Constraintを設定 Constraintについてここでは詳しい説明はしませんが、View間の相対位置やサイズ等を定義するルールといったところです。 画面サイズが異なる端末でもそれぞれいい感じにレイアウトが組めるので便利です。 Stor
端末のサイズごとにViewのConstraintを変更する | Cyber Passion for iOS
前回のつづき。 特定のSize ClassごとにConstraintを設定する方法も、前回のViewの表示・非表示とほとんど変わりません。 説明の前に 前回書いたのと同じ内容ですが、この記事から見始めた人のためにもう一度書きます。 Storyboardの下部にあるボタンをSize Class選択ボタンと呼ぶことにします。 各種Auto Layout関係のボタンは以下のように呼ぶことにします。 右サイドのViewの各種設定を行うボタンを以下のように呼ぶことにします。 特定のSize ClassでConstraintを変更する ViewControllerが配置されたStoryboardを開きます。 画面下部の表示中のSize Class選択ボタンをw:Any h:Anyにします。 ここで注意すべきなのは、w:Any h:Any以外の状態でViewを配置すると、そのSize Classの組み合
Size Classesとは | Cyber Passion for iOS
今やiOSもさまざまな端末のサイズがあり今後も増えるかもしれません。Interface Builderもそれに対応してSize Classesという概念が導入されました。 Compact、Regularという表現でサイズを抽象化 Size Classesとは端末のサイズを抽象化したものです。縦横サイズをCompact、Regularの組み合わせで表現します。 以下、AppleのDocumentより引用し説明します。 iPadの場合 縦画面（Portrait）、横画面（Landscape）どちらも幅、高さ共にRegularとなります。 画像引用元: Adaptivity and Layout iPhone 6 Plusの場合 縦画面は幅Compact、高さRegular。横画面は幅Regular、高さCompact。 画像引用元: Adaptivity and Layout その他、iPho
【UIScrollView × Autolayout 問題】Appleエンジニア直伝のファイナルアンサー - その後のその後
iPhone6,6Plus サポートとか LaunchScreen.xib とか Size Class とか考えると、もはや Autolayout は必須な感じになってきてます。 http://d.hatena.ne.jp/shu223/20141002/1412209257 で、Autolayout ✕ UIScrollView の例の問題（UIScrollView のサイズを superview との制約で動的に変えるときにその中身も動的に変えたい、ってやつ。こんな雑な説明でもハマったことある人にはわかっていただけるかと・・・）、Apple 公式でこんなドキュメントが出てますが、 Technical Note TN2154: UIScrollView And Autolayout "Mixed Approach" とかなんか筋が悪い感じだし、"Pure Auto Layout Appr
[iOS] Auto Layout を使いこなす。UITableViewCell と UIScrollView 編 - それはBooks
iPhone6 と iPhone6 Plus が発売になり、本格的に iOS でも Android のように複数解像度に対応したやり方をしないといけなくなってきました。 iPhone5S までは、縦幅が伸びただけだったので、なんとなく Auto Layout を使っていても問題は表面化しづらかったのですが、 iPhone6 で横幅が伸びてしまったことで、適当に Auto Layout を使ってコーディングしていると残念なことになっているアプリが結構あります。 僕も iPhone アプリを開発しているのでこのあたりは結構気を使ってはいるんですが、いかんせん自分のやり方がほんとに正しいのか、やや疑問なところもあります。 そこで、今の自分のやり方を晒して、世の iPhone アプリ開発者の人に突っ込んでもらえればと思い記事を書くことにしました。 間違っている箇所もあると思いますので、ドンドンツッ
【Objective-C】コードでAutolayout
以前からAutolayoutの重要性や便利さをちらちら目にしてきましたがとっつきにくさからずっと避けてました。 そろそろ身につけなきゃとうことでレシピをまとめたいと思います。 参考 http://www.slideshare.net/classmethod/i-os-auto-layout を参考にさせて頂きました。 Autolayoutとは AutolayoutとはviewにConstraint（制約）を付けることでレイアウトする方法。 各view同士を5px間隔で配置する、など画面の大きさにとらわれず最適なviewの配置をします。 制約はNSLayoutConstraintクラスによって定義でき、制約には優先度を設定できます。 NSLayoutConstraint NSLayoutConstraintは2つのコンストラクタがあります。 constraintsWithVisualForm
Auto LayoutとSize Classesで謎の-16ptの記事を読んでもわからない人向けの説明 - Qiita
前振り Auto LayoutとSize Classesを有効にしたStoryboardにて、画面いっぱいのUIImageViewを作ろうとした際、UIViewControllerのviewにaddしているUIImageViewの制約を設定しようとすると左右-16ptがデフォルトで設定されてしまいました。 この-16ptを素直に設定しても見た目がおかしくなるわけではないし、0ptにする方法もあるんだけどなぜデフォルトで-16ptが必要なのかを調べたメモです。 謎の16ptについて説明されている記事 この文章で説明することは、下記のページで説明されているのでそれらを読んで分かるなら問題ないと思います。 SizeClassesとXcode6でのAutoLayoutの謎マージン http://qiita.com/uskiita/items/c643f5868f60b496911e What is
Auto LayoutでViewを等間隔に並べる記事読んでもわからない人向けの説明 - Qiita
前置き 最近Auto Layoutの記事をよく目にする事が多いのですが、Viewを等間隔に並べる記事はすんなりと理解できなかったため、自分がサンプルコードを動かしたりして理解していった内容を書いてみます。 きっかけになった記事：「実践 Auto Layout」 http://blog.jarinosuke.com/entry/auto-layout-best-practice サンプルが超絶参考になった：「Cocoaの日々 - Autolayoutでビューを等間隔に並べる」 http://cocoadays.blogspot.jp/2014/01/autolayout_7.html 公式リファレンスにもある（英語） https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/Autolayo
Xcode 6 時代のマルチデバイス対応 ～Size Classとベクター画像～ - Qiita
Xcode 6 の新しい仕組みである Size Class を使い、 iPad (Universal) iPhone 6 (4.7 inch) iPhone 6 Plus (5.5 inch) の複数画面サポートを行なった際の断片的なメモ集です。 同じく Xcode 6 から Asset Catalog でベクター形式がサポート されるようになったので、こちらについてわかったこと等も書いてあります。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 前提知識をつける Size Classsとは クラスメソッドさんの下記記事が日本語、図解入りでとてもわかりやすいです。 マルチデバイス対応の新機能「Trait Collection」 Size Class 機能を使って複数画面サイズ対応する手順のチ
SizeClassesとXcode6でのAutoLayoutの謎マージン - Qiita
Xcode6からSizeClassesという概念が加わったのと、AutoLayoutも微妙に変更されていて謎のMarginが出るようなので調査した結果をまとめました。 SizeClassesとは Xcode6からAutoLayoutに加え、SizeClassesという概念が加わりました。 Xcode5では、Universalアプリを作るには、iPhone向けとiPad向けのStoryboardをそれぞれ用意していましたが、Xcode6/iOS8からは、一つのStoryboard（あるいはXib）で対応させてしまおう、というのがSizeClassesです。 考え方としては、iPhoneやiPadの特定のサイズではなく、抽象的なサイズを扱うということです。ですので、今まで以上にAutoLayoutの制約によるレイアウトデザインが重要になります。 注目すべきは赤枠で囲った２箇所です。 まず右側。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クックパッド社で #potatotips 第11回に参加してきた！あのApple Watch用SDKのTipsもあった！
Understanding Autolayout
GitHub - marchv/AutoLayoutAnimationDemo: AutoLayoutAnimationDemo is a small iOS app that shows how changing of auto-layout constraints can be animated using CoreAnimation.
