Auto Layoutでsubviewを動的に非表示にしたときのマージンをどうにかする - 悪あがきプログラマー
やりたいこと こんな画面があります。各ラベルにheightのconstraintは指定していません。 この画面のLabel Bは値があったりなかったりで、無いときはトルツメしたいとします。 ※トルツメとは不要箇所を除いた後の空いた部分を詰めることです。トルツメとは ： - IT用語辞典バイナリ 何がうまくいかない？ Label Bの値を空にしてみます。 self.labelB.text = nil;すると、lable自体は消えたのですが、マージンがおかしいです。 なんでうまくいかない？ 何が起きているのかAuto LayoutのVisual Format Languageっぽく書いてみます。 オリジナル： "V:[labelA]-20-[labelB]-20-[labelC]" -20-がマージンです。 期待するレイアウト： "V:[labelA]-20-[labelC]" 実際のレイアウ
Adaptive UI Designについてのまとめ（Unified Storyboards, Size Classes, etc...） - Qiita
Adaptive UI Designについてのまとめ（Unified Storyboards, Size Classes, etc...）XcodeiOS この記事は、WWDC2014で発表されたBuilding Adaptive Apps with UIKitを元に、以下の項目についてまとめています。 Adaptive UIについてのざっくりとしたまとめ Size Class Traits Unified Storyboards Interface Builderを使った簡単なサンプル Size Classごとに画面のレイアウトを変えてみる（Size Classに応じて適用されるConstraintsを変える） 以下の項目については、この記事では触れません。別な記事で説明します。 * Appearance Proxy * Split View Controller 前提知識 解像度や画面
AutoLayoutとうまく付き合うコツ - NSBlogger
AutoLayoutと仲良くなった ぜんぜん言うこと聞かないからAutoLayout大嫌いだったんですが、接し方を変えたら言うこと聞くようになったので、そのコツを紹介します。 AutoLayoutにふりまわされないように AutoLayoutを使うと、色んな画面サイズに柔軟に対応することができます。今まではAutoresizingmaskを使っていましたが、AutoLayoutが主流になりつつあるので、積極的に使っていきたいです。 しかし、AutoLayoutを初めて触ったとき、なんで思い通りにならないんだ！と何度も悔しい思いをしたことがあります。挙句の果てには、見返してもよくわからない制約がいろんな場所についてしまって、しぶしぶ「Use AutoLayout」のチェックをはずしてリセットすることもありました。 初歩的なことですが、以下で紹介することを念頭においてAutoLayoutを設定
Auto Layout | Cyber Passion for iOS
Auto Layout UIScrollViewとAuto Layout その3 – 可変サイズのCustom View 前回のつづき前回でintrinsicContentSizeで正しいサイズを返せば、うまくスクロールすることを説明しました。今回は、スクロールするViewのサイズが可変する場合横画面対応について説明します。サンプルコードhttps://github.com/stac… UIScrollViewとAuto Layout その2 – Custom View 前回のつづき今回はCustom ViewをScrollViewで動作させる方法を説明します。Custom Viewが自身のサイズを返すようにするAuto Layout環境では、UIScrollView#contentSizeは、スクロールするView（UIScrollVie… UIScrollViewとAuto Layou
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 機能を使って複数画面サイズ対応する手順のチ
Auto Layout(iOS 7対応) その1 | Cyber Passion for iOS
iOS 7になってから、全画面表示が基本になりました。またXcode 5になってから、Interface Builder(以下IB)のAuto Layout関連のUIもガラリと変わりました。 今回は数回にわたってiOS 7 + Xcode 5 + Auto Layoutについて、解説していきたいと思います。 ごめんなさい、UIRectEdgeNoneを使った方法を書いてましたが、1ViewController + 1Storyboardの組み合わせの方が良いと思いましたので、記事を訂正しました。 2013/11/3 またiOS 7でViewが全画面になったことに関する理解がまだの人は、こちらの記事から先に読んだほうがよいかもしれません。 iOS 7の全画面対応 上記の記事に書いたように、 全画面対応はStoryboard + Auto Layoutで行う 1画面は1ViewControll
[iOS] Auto Layout を使いこなす。UITableViewCell と UIScrollView 編 - それはBooks
iPhone6 と iPhone6 Plus が発売になり、本格的に iOS でも Android のように複数解像度に対応したやり方をしないといけなくなってきました。 iPhone5S までは、縦幅が伸びただけだったので、なんとなく Auto Layout を使っていても問題は表面化しづらかったのですが、 iPhone6 で横幅が伸びてしまったことで、適当に Auto Layout を使ってコーディングしていると残念なことになっているアプリが結構あります。 僕も iPhone アプリを開発しているのでこのあたりは結構気を使ってはいるんですが、いかんせん自分のやり方がほんとに正しいのか、やや疑問なところもあります。 そこで、今の自分のやり方を晒して、世の iPhone アプリ開発者の人に突っ込んでもらえればと思い記事を書くことにしました。 間違っている箇所もあると思いますので、ドンドンツッ
[iOS 8] Autolayout でビューを等間隔に並べる | DevelopersIO
ビューを等間隔に並べる 実現方法はApple 公式のドキュメント（PDF）に書かれているのですが、その通りにやっても私の環境では上手く動作しませんでした。 よって、現在の最新環境 Xcode 6.1 での実現方法をご紹介します。 方法 （実際に画面に現れる）本体ビューをいくつか作る それよりもひとつ多い数のスペーサビューを作る スペーサビューを端に置き、本体ビューと交互に並べる 画面の左側から右側に向かって、次のようなパターンで並ぶ spacer1 | view1 | spacer2 | view2 | spacer3 スペーサビューに制約を設けて、いずれも長さが同じになるようにする 先頭のスペーサビューからコンテナビューへの前側（leading）制約を作る 末尾のスペーサビューからコンテナビューへの後側（tailing）制約を作る さらに、スペーサビューと本体ビューの間にも制約を作る イ
![[iOS 8] Autolayout でビューを等間隔に並べる | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
UIの実装におけるAuto Layout、AutoresizingMask、コードによる実装の使いわけ - Qiita
デフォルトの選択肢はAutoresizingMaskにしています。iOS5まではこれがGUIによる実装の唯一の選択肢でした。コードによる実装をすることがあっても、大体はこちらと併用しています。 AutoresizngMaskの注意点 UIViewControllerのviewにUIパーツを配置していきますが、その時に、UIのブロック単位（機能的、視覚的なまとまり）をUIViewで管理しておきます。そうするとそのブロックそれぞれを表示・非表示やアニメーションなどをするときにしやすくなります。後からそうした配置にしようとすると、結構な手間になるので、意識的にラッパーとなるUIViewを入れていきます。 最初はとっつきにくいのですが、慣れると素早く配置出来ますし、サイズ違い、具体的に言うとiPhone5と5以前の高さの違いを吸収するのに便利です。相対的な位置の指定が可能で、それによって高さの違い
実践 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 を用いたレイアウトに関するユースケース毎に簡潔に書いていますので、 「それ知ってるわ」みたいなのがあったら適宜読み飛ば
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
3 auto layout tips
@tomzoh による【第13回】potatotips(iOS/Android開発Tips共有会) の発表資料です。 #potatotipsRead less
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Auto Layout Under Control @ Pragma conference 2013
iOS6 Auto Layout