iOS: How To Make AutoLayout Work On A ScrollView
Posted on June 11th, 2014 Ok, I’ll admit. I’ve been seriously struggling with AutoLayout ever since it’s been introduced. I understand the concept, and I LOVE the idea of it, but when I actually do it, it almost never behaves as it does in my head. So when I had a chance to go talk to an actual Apple Engineer about AutoLayout last week at WWDC, I made sure to go. I thought of my most painful exper
iOSメモ - Auto Layout勘所 - Qiita
図を書いた方がいいな...orz 追記1 self.automaticallyAdjustsScrollViewInsets = NO;//コレ何やねん1 Default value is YES, which allows the view controller to adjust its scroll view insets in response to the screen areas consumed by the status bar, navigation bar, and toolbar or tab bar. Set to NO if you want to manage scroll view inset adjustments yourself, such as when there is more than one scroll view in the view hi
【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
[iOS] Auto Layout を使いこなす。UITableViewCell と UIScrollView 編 - それはBooks
iPhone6 と iPhone6 Plus が発売になり、本格的に iOS でも Android のように複数解像度に対応したやり方をしないといけなくなってきました。 iPhone5S までは、縦幅が伸びただけだったので、なんとなく Auto Layout を使っていても問題は表面化しづらかったのですが、 iPhone6 で横幅が伸びてしまったことで、適当に Auto Layout を使ってコーディングしていると残念なことになっているアプリが結構あります。 僕も iPhone アプリを開発しているのでこのあたりは結構気を使ってはいるんですが、いかんせん自分のやり方がほんとに正しいのか、やや疑問なところもあります。 そこで、今の自分のやり方を晒して、世の iPhone アプリ開発者の人に突っ込んでもらえればと思い記事を書くことにしました。 間違っている箇所もあると思いますので、ドンドンツッ
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
実践 Auto Layout - jarinosuke blog
今こそ frame 思考脱却の時 Xcode 4 / iOS 6 から存在していた Auto Layout でしたが、 当時は Interface Builder の Auto Layout 対応も中々ひどく、使うのが辛かった記憶があります。 そんななか僕は順調に layoutSubviews に傾倒していったわけですが、 iPhone 6/iPhone 6 plus がついに登場し、Size Class という新しい概念も投入され 現状では間違いなく2年前とは比べ物にならないレベルで Universal アプリは作りやすくなりました。（ただし iOS 8 専用アプリのみ） ある程度のデザインパターンを懐に用意していた方が時間が省けます。 ここでは Auto Layout を用いたレイアウトに関するユースケース毎に簡潔に書いていますので、 「それ知ってるわ」みたいなのがあったら適宜読み飛ば
黒魔術AutoLayoutとiPhone 6/6 Plus
iOS 8 & iPhone6/6 Plus 開発知見共有会での発表資料です。
Achieving Zen With Auto Layout (2nd Edition)
Auto Layout is the future of laying out your user interfaces on Apple's macOS and iOS platforms. While powerful, Auto Layout also comes with a fairly steep learning curve that can cause headaches for many developers. Justin Williams aims to demystify Auto Layout for you by building a foundation based on the history of Auto Layout, its key terminology, and real-world applications of its power in an
Autolayout と transform のいけない関係 - Qiita
なにがいけないの？ Autolayout で制約をかけているビューを transform で変形させると、transform の結果に応じて制約がはたらく。 ここで transform にアニメーションを付けたりすると、アニメーション開始の瞬間に位置がずれる、ワープするような挙動が発生する。 これらはおそらく、移動先でのフレームが正しくなるように、アニメーション開始時に制約が働くためだろう。 制約を初期配置のためだけに使う Constraint はビルダー上での配置のためだけに使うことも出来る。 ビルダー上で Constraint を選択すると、インスペクタに Placeholder という項目がある。 これをチェックすることで、その制約はビルド時に削除されるようになる。 つまり、その制約によってもたらされた最初の位置情報だけがビューに反映される。 リアルタイムに制約を反映させる必要がなけ
【Objective-C】 Auto Layout + Storyboard で高さ可変のUITableViewCellを作成する
はじめに 高さ可変のテーブルビューセルを作成する方法はいくつかありますが、今回は「Storyboard」上で「Auto Layout」を設定することで実現してみます。環境は以下の通りです。 Xcode 5.1.1 SDK 7.1 Development Target 7.0 完成図 ↑こんな感じに仕上がります。 「Master-Detail Application」テンプレートに手を加えていきます。「Master-Detail Application」は画面上部のプラスボタンを押すと、現在時刻を表示するセルが増えるサンプルですが、セルのラベルを２つに増やし、高さが可変のラベル(ランダムな文字列を表示)と高さ固定のラベル(時刻を表示)が表示されるようにします。また、ラベルの高さに合わせてセルの高さも変わるようにします。 実装 プロジェクト作成 XcodeのFileメニューから New → P
UILabel sizeToFit doesn't work with autolayout ios6
Please note that in most cases Matt's solution works as expected. But if it doesn't work for you, please, read further. To make your label automatically resize height you need to do following: Set layout constrains for label Set height constraint with low priority. It should be lower than ContentCompressionResistancePriority Set numberOfLines = 0 Set ContentHuggingPriority higher than label's heig
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と
Cocoaの日々: Autolayoutでビューを等間隔に並べる
Autolayoutで等間隔にビューを並べる方法はガイドに記載がある。 Auto Layout ガイド - ビューを等間隔で並べる (P.31) ビューの等間隔配置の機能は Autolayoutの自体には無くて、それぞれのビューの間にスペーサとなるビューを入れて間隔を調整する方法を取るらしい。
iOS 7の全画面対応 その2 | Cyber Passion for iOS
前回のつづき。 今回はScrollViewおよびそのSubclassを表示する場合について。 サンプルコード: https://github.com/stack3/iOS7FullScreenViewSamples 前回のサンプルコードを起動して、ScrollView with NavigationBar and Toolbarを選択してください。 TextView（ScrollViewのSubclass）が表示されています。 上へスクロールさせてみましょう。 StatusBarとNavigationBarに文字が透けてにじんだようになっています。 Toolbarの方も見てみると同じように文字が透けています。 スクリーンショットではわかりづらいかもしれませんが、実際に動かしてみるとわかります。 このようにスクロールの内容がNavigationBarなどに透けて見える動作は、Appleのプリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
