SwiftでもObjective-Cでもコードで簡単にAutoLayoutする - Qiita
MisterFusionを使ったコード 上記のレイアウトをMisterFusionを使って再現すると、以下のようなコードになります。まずは使いたいクラスの中で、import MisterFusionをしてください。 let redView = UIView() redView.backgroundColor = .redColor() self.view.addLayoutSubview(redView, andConstraints: redView.Top |+| 10, redView.Right |-| 10, redView.Left |+| 10 ) let yellowView = UIView() yellowView.backgroundColor = .yellowColor() self.view.addLayoutSubview(yellowView, andCon
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
AutoLayoutでアニメーションを設定する方法(Swift版) - Qiita
以前書いたAutoLayoutでアニメーションを設定する方法のSwift版です。 アニメーションで動かしたいものの例 例として、mainViewの上に乗った、movableViewを下に動かすことを考えます。 movableViewの制約は、superViewであるmainViewに対して、以下のような制約を持っているとします。 Top Space, Trailing Space, Leading Spaceの各種の制約の値は0になっています。高さは適当です。 やってみる 基本的な考え方は、既に付いているautoLayoutの制約を外し、別の制約を付ける、ということです。今回の場合、"Top Space to SuperView = 0" の制約を外し、Top Space to mainView = 30 といった制約をつけます。 まず外す対象の制約をoutletでソースに結び付けておきま
【iOS】LINE風チャットUIを実装〜メッセージ入力欄編〜 - Qiita
LINEとかチャット系アプリは大体踏襲しているアレです。 まとめて解説してるブログが見つからなかったので、必要最低限の部分だけメモっときたいと思います。 今回はメッセージ入力欄のみで、ポイントはこの二つ。 メッセージ入力欄・送信ボタンは下部固定（キーボード出現時は隠れないように移動） 入力テキストの行数によってメッセージ入力欄の高さが変わる 実現方法は色々だと思いますが、今回は StoryBoardでAutoLayout を使ってやります。 【完成イメージ】 StoryBoardでレイアウトを作成 まずは以下の構造で各種UIパーツをレイアウトします。 Constraintを設定 Constraintについてここでは詳しい説明はしませんが、View間の相対位置やサイズ等を定義するルールといったところです。 画面サイズが異なる端末でもそれぞれいい感じにレイアウトが組めるので便利です。 Stor
端末のサイズごとにViewのConstraintを変更する | Cyber Passion for iOS
前回のつづき。 特定のSize ClassごとにConstraintを設定する方法も、前回のViewの表示・非表示とほとんど変わりません。 説明の前に 前回書いたのと同じ内容ですが、この記事から見始めた人のためにもう一度書きます。 Storyboardの下部にあるボタンをSize Class選択ボタンと呼ぶことにします。 各種Auto Layout関係のボタンは以下のように呼ぶことにします。 右サイドのViewの各種設定を行うボタンを以下のように呼ぶことにします。 特定のSize ClassでConstraintを変更する ViewControllerが配置されたStoryboardを開きます。 画面下部の表示中のSize Class選択ボタンをw:Any h:Anyにします。 ここで注意すべきなのは、w:Any h:Any以外の状態でViewを配置すると、そのSize Classの組み合
Size Classesとは | Cyber Passion for iOS
今やiOSもさまざまな端末のサイズがあり今後も増えるかもしれません。Interface Builderもそれに対応してSize Classesという概念が導入されました。 Compact、Regularという表現でサイズを抽象化 Size Classesとは端末のサイズを抽象化したものです。縦横サイズをCompact、Regularの組み合わせで表現します。 以下、AppleのDocumentより引用し説明します。 iPadの場合 縦画面（Portrait）、横画面（Landscape）どちらも幅、高さ共にRegularとなります。 画像引用元: Adaptivity and Layout iPhone 6 Plusの場合 縦画面は幅Compact、高さRegular。横画面は幅Regular、高さCompact。 画像引用元: Adaptivity and Layout その他、iPho
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 機能を使って複数画面サイズ対応する手順のチ
Technical Note TN2154: UIScrollView And Autolayout
IntroductionThis technote provides some information regarding Auto Layout support for UIScrollView. Specifically it demonstrates a "mixed" and a "pure" auto layout approach for UIScrollViews. In Depth ExplanationIn general, Auto Layout considers the top, left, bottom, and right edges of a view to be the visible edges. That is, if you pin a view to the left edge of its superview, you’re really pinn
Adaptive Layout Tutorial in iOS 11: Getting Started
Update 6/20/17: This tutorial was updated to iOS 11, Xcode 9, and Swift 4 by József Vesza. The original tutorial was written by Sam Davies. The introduction of Adaptive Layout caused a huge paradigm shift for iOS app designers. When designing your app, you can now create a single layout, which works on all current iOS devices – without crufty platform-specific code! This tutorial serves as your in
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
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の制約によるレイアウトデザインが重要になります。 注目すべきは赤枠で囲った２箇所です。 まず右側。
StoryBoard+AutoLayout Bad Knowhow
iphone_dev_jp 東京 feat. Ben Zottoの発表資料です
CGGeometry 啓蒙活動 - jarinosuke blog
コードを用いてのレイアウト処理 iOS 6 から Auto Layout が導入され、レイアウトに関するコードを書く機会が ずいぶんと減ってきていると思いつつもなかなか減らない今日この頃。 最後の砦となるのはやはり以下の2メソッドでしょう。 //UIView - (void)layoutSubviews; //UIViewController - (void)viewDidLayoutSubviews; 上記2メソッド内でコードを用いて様々なレイアウトを行うわけですが、 今回はその中でのコーディング作法として CGGeometry をもっと使って読みやすくできるよ！ という事を知って欲しくて書きました。 CGGeometry CGGeometry というと聞き慣れないですが、CGRect や CGPoint, CGSize などの構造体と、それを取り巻くマクロ関数を含めた総称です。 CGG
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つの方法があ
iOS 7 エンジニア勉強会 @Yahoo - 2013/10/07
iOS7Yahoo.md Yahoo! 株式会社 2013/10/07 資料は後ほどシェア iOS 7 でアプリ開発はどう変わる (佐野さん) iOS 7 のデザイン原則 UI はコンテンツに従順 * Safari が分かりやすい * ナビゲーションバーが殆ど消える * コンテンツを強調 分かりやすくスッキリしている 余白がたっぷり 平面的 アイコンよりもテキスト 奥行きがある iOS 7 = フラットを鵜呑みにしてはいけない UI は平面的 OS 全体では奥行きが大切にされている iOS 6 は操作が理解できる iOS 7 はコンテンツに集中できる iOS 7 はユーザーが学習済みであるというデザイン原則がある iOS 7 時代の開発 Xcode 5 テスト周りが充実 Storyboard と Autolayout (Xcode 5 からは標準) iOS 7 と iOS 6 のコンポーネ
意外と知られていないxibのこと - Qiita
意外と知られていない？ 使われていない？ xibの解説です。やっぱりUI関連はxib(Storyboard)がとても便利です。 コードから読み込み これをこのように読み込みます。 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { // Override point for customization after application launch. UINib *objectsNib =[UINib nibWithNibName:@"Objects" bundle:nil]; NSArray *objects = [objectsNib instantiateWithOwner:nil options:nil]; NS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
