#iOSDC でAuto Layoutのデバッグの話をしました - とりあえずやってみればいいじゃん
今年は30分枠をもらってAuto Layoutのデバッグの話をしたので、そのことについて書きたいと思います。 スライド資料 省略版はこちらです。これを元にトークをしました。 完全版はこちらです。 ※自分のトークと同時に公開したのですが、その時は完全版と言いつつ完全版になっていませんでした。すいません。今は16tips、181枚揃ってます。 事前準備 詳しいことや完全版のスライド資料にも乗らなかった補足説明はこちら↓に書いてます。ものすごい時間帯でのトークになってしまったということ、iOSDCという大きな舞台でのトークであること、「Auto Layouをデバッグする時にこれを見れば大丈夫！」というものを作りたかったということもあり、かなり入念に調べ、連日資料作りをしていました。たぶん今までで一番時間をかけて準備したトークです。 akatsuki174.hatenablog.com おかげさま
Debugging Auto Layout feedback loops
Debugging Auto Layout feedback loops How to use UIViewLayoutFeedbackLoopDebuggingThreshold today This article is dedicated to Marian Goldeen and Russell Ladd, who work tirelessly to help all of us build great apps. A while ago, Tyler Fox mentioned Auto Layout’s feedback loop debugger on Twitter, which was a feature announced back in WWDC 2016 but largely seems to have gone unnoticed since. Apple c
Auto Layout 固有サイズに関するメモ - Qiita
##固有サイズ(intrinsic content size) イメージやテキスト用のビューについて、そのコンテンツを圧縮する、切り出すことなく表示するために必要な最小サイズのこと。 例えばボタンなら、タイトルとなる文字列が短くなったり長くなったりするのに合わせて、固有サイズが変わる。 これは、サイズに関するその他の制約が存在しない、または優先度が低い場合に有効となる。 固有サイズは、ビューのプロパティintrinsicContentSizeに設定される。 ##- (CGSize)systemLayoutSizeFittingSize:(CGSize)targetSize すべての制約（サブビューの制約含めて）を考慮して、最適なサイズを返却する。 制約を考慮する際に、サブビューの固有サイズが利用される。 targetSize description
Auto Layoutの静的な制約で実現する伸び縮みするヘッダービュー - 24/7 twenty-four seven
TL;DR, 優先度の異なる複数の制約を同時に定義することで、静的な定義だけで動的な振る舞いを実現できる 動的な要素の少ない構造のビューはより堅牢である はじめに 読みやすくメンテナンスしやすいソフトウェアを作るために重要なことの一つは構造をシンプルに保つことです。 iOSアプリのビューは壊れやすいソフトウェアの代表ですが、できるだけシンプルに作ることで変化に強い、堅牢で壊れにくいソフトウェアにできます。 動的な要素が少ないということは、ビューがシンプルであるということの指標の１つと言えます。 この記事では下記に示すような、スクロールに合わせて伸び縮みするヘッダーを、動的な要素を無くし、Auto Layoutの静的な制約のみで実現する方法を解説します。 動的な要素とは、実行時におけるビューおよび制約の追加・削除、Frameや制約を更新することと、機種やスクリーンサイズ、標準UIコンポーネン
GitHub - nakiostudio/EasyPeasy: Auto Layout made easy
EasyPeasy is a Swift framework that lets you create Auto Layout constraints programmatically without headaches and never ending boilerplate code. Besides the basics, EasyPeasy resolves most of the constraint conflicts for you and also can attach to a constraint conditional closures that are evaluated before applying a constraint, this way you can install an Auto Layout constraint depending on plat
【書評】初学者はもちろん、中級者にもオススメのAuto Layout解説書「よくわかるAuto Layout」の紹介 - Qiita
（Kindle版もありますが、固定レイアウトのようです。） ・・・と、Auto Layoutに自信のない初学者の方には当然のようにオススメなのですが、AutoLayoutがそれなりにわかっている（と自分では思っていた）僕が読んでも、勉強になったポイントがいくつもありました。以下で紹介していきます。 ##Content Hugging Priority と Content Compression Resistance Priority と Instrinsic Content Size 250とか750とかのデフォルト値が振られてるアレです。 Auto Layoutはわかっているつもりでも、このへんの理解が曖昧なままwarningが出たときになんとなく優先度をいじってみたりしている、みたいな人は実は多いのではないでしょうか。私がまさにそうでしたが、本書では詳細かつ明解に解説されていて、曖昧に
Keamanan Teruji, Togelon di 5 Bandar Teratas Terpercaya
Keamanan Teruji, Togelon di 5 Bandar Teratas Terpercaya Dalam dunia taruhan togel resmi, nama TOGELON telah menjadi sinonim dengan kepercayaan dan kualitas. Sebagai salah satu bandar togel terbaik sekaligus teratas, TOGELON menawarkan pengalaman taruhan yang tidak hanya aman tetapi juga penuh dengan berbagai pilihan permainan nan menarik. Dengan sistem keamanan paling canggih, TOGELON memastikan s
NSLayoutConstraintをコードで変更するお話
バリバリとStoryboardで制約をつけて開発...している毎日ですが、動的に制約内容を変えたくなる場面が多々発生します。 ボタンを押したら、このViewのサイズをググッと大きくする とか。 そうしたい時は、制約(NSLayoutConstraint)をViewControllerに紐付けて、ViewControllerで書き換えます。 view.frame で直接サイズを設定して変えることもできますが、元に戻ってしまうことがあるので、使わないほうがいいと思います。 書き換える方法は、NSLayoutConstraintのconstant(値)を変えればOK。 @IBOutlet weak var myConstraint: NSLayoutConstraint! func changeSize() { myConstraint.constant = 20 self.view.layou
iOSアプリケーションでコードベースのレイアウトを積極利用する - クックパッド開発者ブログ
海外事業向けのiOSアプリケーション開発を担当している西山(@yuseinishiyama)です。クックパッドは現在、海外複数カ国に向けてサービスを展開しています。 XcodeにはInterface Builderと呼ばれる、リッチなGUIを持ったデザインツールが付属しており、これを用いて画面のレイアウトを構成することが主流となっています。弊社ブログでも、iOS開発でstoryboardとxibをうまく使い分けるプラクティス等の記事で、GUIベースのレイアウトについて触れています。しかし、現在私が担当しているプロジェクトでは、Interface Builderを用いずに、レイアウトの大半をコードで記述しています。 今回は、コードベースのレイアウトを実装していく中で得た知見を、以下の3つの部分に分けて共有したいと思います。 Interface Builderを用いたレイアウトとコードベースの
iOS - Auto Layoutの設計ベストプラクティスと、Viewの種類ごとのテクニック集 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Auto Layoutを使って既存アプリをiPhone 6(S)/6(S) Plus対応した際に得た知見をまとめてみました。 以下、上級編となります。 ※iOS 9で導入されたStack ViewについてはiOS 8を切れない事情で使えませんでしたorz... ※下記のサンプルに使用したStoryboardファイルはこちらです。 https://gist.github.com/ypresto/ee3b2f592b40936c11ec ※設計が悪くて画面サイズ変わるとぶっ壊れちゃう箇所をUnit Testで把握するライブラリ書きました h
iOS7・iOS8の処理分岐なし！UITableViewのCellの高さをAutolayoutで自動計算する方法 | 株式会社エウレカ
iOS7・iOS8の処理分岐なし！UITableViewのCellの高さをAutolayoutで自動計算する方法 こんにちは、 iOSエンジニアの木村です。 2015年最初のエントリーはUITableViewCellの高さをAutolayoutを用いて計算する方法を紹介したいと思います。 一見、チュートリアルなどでよく見かける内容ですが、iOS8対応をするとiOS7ではうまく動かなくなってしまうなど、OSの違いが元でUITableView周りは結構トラブルが起こります。 今回はiOS7とiOS8で分岐を行わず、同じコードで動く方法を紹介したいと思います。 iOS7との互換性を保つためUIAutomaticDimensionは使用しません。 今回作るもの 以下のように タイトル(title) 詳細(body) を持ったDataオブジェクトを一覧で表示したいと思います。 class Data
Advanced Auto Layout Toolbox · objc.io
Auto Layout was introduced in OS X 10.7, and one year later it made its way into iOS 6. Soon apps on iOS 7 will be expected to honor the systemwide font size setting, thus requiring even more flexibility in the user interface layout next to different screen sizes and orientations. Apple is doubling down on Auto Layout, so now is a good time to get your feet wet if you haven't done so yet. Many dev
[iOS 7] Xcode 5 で始める Auto Layout 入門 #6 – 補足編 | DevelopersIO
補足事項まとめ 今回は、前回まで説明してきた内容の補足事項についてまとめたいと思います。 iOS 6 以前のデバイスでの表示互換性 iOS 6 以前のデバイスでの表示を修正する 前回作成したレイアウトを iOS 6 以前のデバイスで表示してみましょう。すると、下図のように上側の UIView とステータスバーの間に間隔がありません。 iOS 7 では、ステータスバーは透明でコンテンツ部に覆い被さるものに変更されました。そのため、このレイアウトで問題なかったのですが、iOS 6 ではこのレイアウトは不自然です。 この問題を修正しましょう。 制約を再設定する まず、上側の UIView に設定されている親ビューの上端との間隔に関する制約を選択して削除します。制約の削除は、制約を選択後、delete キーを押下することでできます。 次に、再度親ビューの上端との間隔に関する制約を追加します。上側の
![[iOS 7] Xcode 5 で始める Auto Layout 入門 #6 – 補足編 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/d6d42bb8eb763a9d4914eebb951bc5e3e7718d03/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fios7_logo_xcode5.png){kind=logo}
SwiftでAuto Layoutがめっちゃ楽に書けるライブラリ「Crew」
みなさま、Auto Layout書いてますか。 あれ、コードで書くのめっちゃめんどいですよね。クラス名もメソッド名も長いし。 Visual Format使うと無駄にDictionary作る必要がある上にミスっててもコンパイルで教えてくれへんし。 Storyboardはチーム開発で泣きそうになるし。 そんなあなたに、めっちゃイケてるライブラリのご紹介です。 その名も”Crew“。 使い方はREADMEを見ていただければ一発なんですが、とにかく記述量が少なくなります。 そして覚えることが少なくて直感的に書けるので、前書いたコードを探してコピペすることもなくなりました。 例えば横幅いっぱいのviewを縦に3つ、10ptずつ開けて置こうと思ったら、普通に書くと多分こんな感じになりますよね。 let views = ["topView": topView, "midView": midView, "
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adventures in iOS Programming: Self-Sizing Cells - BiTE Interactive
30 Auto Layout Best Practices for Xcode 10 Storyboards and iOS 12
Debugging Out of Memory Issues: Catching Layout Feedback Loop with the Runtime Magic
WTF Auto Layout?
GitHub - roberthein/TinyConstraints: Nothing but sugar.
バグのことは嫌いになってもXcodeのことは嫌いにならないでください。
