【Objective-C】Xcode、storyboard、constraintsの使い方と説明
iOS6から導入された画面サイズや向きの違いにも、柔軟にレイアウトを作成することができる「Auto Layout」。 今回はこのAuto Layoutの使い方についてヤフーiOS 7エンジニア勉強会・運営チームの山口恭兵さんに解説いただきました。 by 馬場美由紀 （CodeIQ中の人） 今回はiOS6から導入されたAuto Layoutについて解説を行います。Auto Layoutを使うことで画面サイズや向きの違いにも、柔軟に対応できるレイアウトを作成することができます。今後発売されるiOS端末は画面サイズの拡大などが予想されており、Auto Layoutを使ったUI設計の重要さが増してくると考えられます。 制約（Constraint）ベースのレイアウト Auto Layoutの基本的な考えとなるのが、制約（Constraint）です。画面上に配置されたView要素に対して、「ある要素か
Auto Layoutは結構理解するの大変だよねメモ - Qiita
自分がAuto Layoutを使ってみた感じでは、回転なしの基礎的なことを習得してプロジェクトに使えるようになるのに6時間位は使ってしまって、これは勉強するの無駄じゃないのって気もしないでもないので折角なら忘れないようにおさらい。 Auto Layoutの使いどころ Auto Layoutは画面サイズによって複数のUIコンポーネントの座標値がそれぞれ微妙に変化する場合に使える。画面デザインによるが、それ以外はAuto Reisizeと自前での座標値計算を行うことでなんとかなる事が多い。 また、回転を考慮する場合もAuto Layoutのほうが楽かもしれない。 Auto Resizeのできること Auto Resizeは親Viewからの相対的な位置と大きさの自動的な適用ができる。 例えば 画面の下にToolBarを固定することが出来る UITableViewCellのなかで画像位置を固定する
[iOS 7] Xcode 5 で始める Auto Layout 入門 #2 – Interface Builder 編 | DevelopersIO
Xcode 5 の Auto Layout サポート機能 iOS 6 で Auto Layout が導入された際に、Xcode 4 の Interface Builder においても Auto Layout における制約を編集する機能が追加されました。しかし、慣れないうちはこちらが意図しない挙動をしているように見えやすく、また、コンポーネントの数が多くなると制約の数が爆発的に増えてしまう事もあり、この機能はお世辞にも使いやすいとは言い難いものでした。 Xcode 5 では、Auto Layout における制約の編集機能が一新されています。やはり、Auto Layout の制約に関する最低限の知識は必要とされるものの、制約の編集がしやすくなったことで格段に使いやすくなりました。 今回は、Xcode 5 の Auto Layout 関連機能を確認したいと思います。 Auto Layout の切
![[iOS 7] Xcode 5 で始める Auto Layout 入門 #2 – Interface Builder 編 | 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 | DevelopersIO
Objective-Cに替わる新しいプログラミング言語Swiftの登場 WWDC2014で発表された新しいプログラミング言語Swiftでできることを紹介したいと思います。 今までとこれから Swift使うとこんなにコードが短くなるぜという例です。 今まで これから 確かにスマートですね。 言語ガイドをダウンロード iBookでガイドを読めますのでダウンロードしてみましょう。 変数の宣言 varは変数、letは定数 var myVar = 42 myVar = 50 let myConst = 42 コントロール if,switch,for-in,for,while,do-while let individualScores = [76, 43, 103, 87, 12] var teamScore = 0 for score in individualScores { if score >
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
