非 iOS エンジニアのための Auto Layout 入門-基礎編- #Zaim｜akatsuki174
はじめにこんにちは。Zaim で iOS エンジニアをしている@akatsuki174 です。 iOS アプリのレイアウトを作る上で Auto Layout は非常に重要です。これのおかげでサイズが異なる端末でも比較的楽に対応できます。 ここでは主に iOS エンジニアではない人向けに Auto Layout とはどんなものなのか説明します。たぶん 4 本立てくらいかなとぼんやり思っています（気分屋なので変わる可能性大）。 1 本目：基礎編 Auto Layoutの概要や基礎知識について 2 本目：応用編 複雑な指定への対応、多サイズ対応について 3 本目：実践編 お題の UI を実現する Auto Layout の制約を、紙の上で解いてみる 4 本目：コミュニケーション編 デザイナーからどう依頼されたらやりやすいのか ※わかりやすさ優先のため若干不正確な表現がありますが、ご了承ください
WWDC15 - Videos - Apple Developer
Collections Audio & Video Design Developer Tools Graphics & Games Maps & Location Privacy & Security Safari & Web System Services Platforms iOS iPadOS macOS tvOS visionOS watchOS Audio & Video 35:51 Editing Movies in AV Foundation macOS Learn how to use the new AVMutableMovie class to modify media files and simplify your editing workflows. See how to support segment-based editing and discover the
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
Layout System Improvements in iOS 9
Presented at potato tips #18
実践で学ぶAutoLayoutの使い方～SwiftからはじめるiOSアプリ開発:その6【初心者向けアプリ開発3分tips】 - エンジニアtype | 転職type
iOS、Android、Unityなどのアプリ開発について、初心者向けの内容を『RainbowApps』講師陣が分かりやすく解説していきます。 第5回に引き続き、「AutoLayoutの使い方」です。 第5回ではAutoLayoutの基本的な使い方を学びましたので、今回はより実践的なレイアウトを組んでいくことで、AutoLayoutへの理解を深めていきましょう。 【1】画面サイズに応じた大きさでViewを表示する 【2】等間隔にViewを表示する 【3】宿題 最終的に下記のような画面を作っていきます。 【1】画面サイズに応じた大きさでViewを表示する ImageViewを用いて写真やコンテンツの画像を「どーんと表示したい」ことはよくあると思います。しかし、画像のアスペクト比（縦横比）が変わってしまっては台無しですね。 そこで、アスペクト比を維持したまま画面サイズに応じて大きさが変わるよう
AutoLayoutに虐げられているIOSエンジニア向け、AutoResize再考 - Qiita
by @mixiappwchr 最近開発してるとAutoLayoutが出てきてからアプリ開発を始めている方も多く、AutoResizeってなんなの？って聞かれたので、最近語られないAutoResizeの方に目を向けてみようと思います。 AutoLayoutしかやったことなく、苦しんでいる方に光明を与えられればと思います。 AutoResize概要 親のViewのサイズに合わせて * top,bottom,right,leftの位置を固定 or 自動調整 * width,heightの位置を固定 or 自動調整 これだけです。 これだけです!! これだけだと大したことできないんじゃないからAutoLayout使わないといけないんじゃないの？と思っている人もいると思いますので実際にAutoResizeでレイアウト何ができるか具体例を書いていきます。 サイズの自動調整 例えば上下50%ずつのVi
【iOS】LINE風チャットUIを実装〜メッセージ入力欄編〜 - Qiita
LINEとかチャット系アプリは大体踏襲しているアレです。 まとめて解説してるブログが見つからなかったので、必要最低限の部分だけメモっときたいと思います。 今回はメッセージ入力欄のみで、ポイントはこの二つ。 メッセージ入力欄・送信ボタンは下部固定（キーボード出現時は隠れないように移動） 入力テキストの行数によってメッセージ入力欄の高さが変わる 実現方法は色々だと思いますが、今回は StoryBoardでAutoLayout を使ってやります。 【完成イメージ】 StoryBoardでレイアウトを作成 まずは以下の構造で各種UIパーツをレイアウトします。 Constraintを設定 Constraintについてここでは詳しい説明はしませんが、View間の相対位置やサイズ等を定義するルールといったところです。 画面サイズが異なる端末でもそれぞれいい感じにレイアウトが組めるので便利です。 Stor
【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
黒魔術AutoLayoutとiPhone 6/6 Plus
iOS 8 & iPhone6/6 Plus 開発知見共有会での発表資料です。
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の制約によるレイアウトデザインが重要になります。 注目すべきは赤枠で囲った２箇所です。 まず右側。
【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
StoryBoard+AutoLayout Bad Knowhow
iphone_dev_jp 東京 feat. Ben Zottoの発表資料です
Cocoaの日々: Autolayoutでビューを等間隔に並べる
Autolayoutで等間隔にビューを並べる方法はガイドに記載がある。 Auto Layout ガイド - ビューを等間隔で並べる (P.31) ビューの等間隔配置の機能は Autolayoutの自体には無くて、それぞれのビューの間にスペーサとなるビューを入れて間隔を調整する方法を取るらしい。
Autolayout に対応した画面で UIScrollView を使う時のコツ - A Day In The Life
iOS 6から導入された Autolayout(オートレイアウト)を最近になって本格的に使うようになりました。 4-inch の iPhone が主流になりつつある中、アプリを Autolayout に対応させるのはほぼ必須といっても良いと思います。Storyboard と格闘してなんとかコツはつかめたものの UIScrollView だけは一筋縄ではいかず苦労しました。 というわけで Autolayout に対応した画面で UIScrollView を使う時のコツをまとめてみました。 なおこの記事で説明する内容は Storyboard 上で Autolayout がオンになっていることが前提になっています。 Autolayout 対応画面で UIScrollView を使うための2種類の方法 Autolayout に対応した画面で UIScrollView を使うには以下の2つの方法があ
Auto Layoutチュートリアル その1 | Cyber Passion for iOS
この記事はXcode 4.6.3 & iOS 6のものです。Xcode 5 & iOS 7はこちら。 http://blogios.stack3.net/archives/1330 今回はAuto Layoutでのsubview配置について説明したいと思います。 Auto Layoutによる配置の基本的な考え方 従来のframeのCGRect指定やAutoresizingMaskのFlexibleWidth、FlexibleHeightに慣れている人は、頭の切替が必要だと思います。Auto LayoutによるSubview配置は以下のようにして考えます。 Superviewの上端 or 下端 or 左端 or 右端からの間隔（Space） Superviewの水平方向中心、垂直方向中心に位置するかどうか 他のViewとの相対位置。間隔、アライン合わせ、サイズ合わせなど Documentを読
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - SnapKit/Masonry: Harness the power of AutoLayout NSLayoutConstraints with a simplified, chainable and expressive syntax. Supports iOS and OSX Auto Layout
iOS6 Auto Layout
iOS6で始まったオートレイアウトのかんどころ