Auto Layoutをコードで書いてみた - Qiita
生成したビューのプロパティにtranslatesAutoresizingMaskIntoConstraintsというものがあり、これをオフにする必要があります。 このプロパティはAuto Layout以前に使われていた、AutoresizingMaskという仕組みで、ビューの動的なサイズ変更を実現していました。 これをAuto Layoutに変換するかどうかを設定するフラグです。 このtranslatesAutoresizingMaskIntoConstraintsは、AutoresizingMaskの設定値を Auto Layoutの制約に変換するかどうかを決めるものです。 デフォルトではtrueになっていて、これをtrueにすると、自分で追加する制約とコンフリクトしてしまうので、特に理由がなければ上記のようにfalseにしておく方がいいです。 NSLayoutAnchorを使ってみる
脱Storyboardのすすめ - Qiita
iOSでアプリを作るとだいたい使うことになるStoryboardですが、Storyboardを使わずコードベースでレイアウトを実装したらすごく良かったので、布教活動の一環として。 Storyboardでなくコードでレイアウトを実装するメリット、デメリット メリット リソースの管理が楽 コンフリクトしても修正が容易 変更点がgithub上で分かりやすい 設定されているpropertyがコードに集約されるので分かりやすい ファイルをオープンするのが早い 大きいStoryboardだと開くのに数秒待たされる ABテストの条件分岐が容易 流用や変更が容易 デメリット ぱっと見で画面イメージがつかない コード量が増える 多少のデメリットはあれどメリットがいっぱい！ 画面イメージとかはコンフルに画面遷移図+スクショでも貼っておけば解決！ ライブラリ いざAutoLayoutをNSLayoutConst
コードでAutolayoutを簡単に書く方法2つ - Qiita
動的に生成されるViewに対して、marginなどを指定したいとき Autolayoutをコードで書く必要があります。 ただ、普通に書くと.. addConstraint(NSLayoutConstraint( item: button1, attribute: .Right, relatedBy: .Equal, toItem: button2, attribute: .Left, multiplier: 1.0, constant: -12.0 )) たかだか左右のmarginを書くだけでもこれだけのコード量を書かねば ならず、直感的ではないです。 何かCSSのように、簡単に書ける方法がないか探したところ 2パターンの書き方がありました。 [パターン1]Cartographyを使う Cartography というライブラリを使うと、 Swiftのクロージャを使って簡単にレイアウトが組め
1画面1Storyboardのススメ
Developers Summit 2013【14-E-4】デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜 デブサミ2013（Developers Summit 2013）Action! 1日目のデザインセッション「デザインをするときにデザイナーが考えること〜デザイナーの頭の中〜」の発表資料（2013年2月14日） -------------------------------------------------- 途中、時間がなくて話せなかったところも入っています（そこがかなりいい話だったりする）ので、やっぱりここも実際に聞きたい！という方はまたどこかで呼んでくださいm(_ _)m よろしくお願いします。
RxSwiftのすぐに取り込める使用例をまとめてみた🏄🏻 - Qiita
自分自身の理解を確認するためにRxSwiftのサンプルアプリを作ってみた。 サンプルコードはここ この記事の大部分はRxのオペレーターやメソッドの説明になっています！(基礎的な部分が多め、自分もそこまで書けないので😅)でもこの記事をみて、是非最後に紹介する簡単なフォームバリデーションとボタンの制御から自分のプロジェクトに取り込んでみてください。 まだまだ少ないですが、これからどんどん更新していきます！ 他にもこんなサンプルはどう？とかありましたらコメントお願いします Sample 0 (MenuTableViewController) View ALL サンプル一覧を表示するtableViewをRxで実装してみました！ let operators: Driver<[Operator]> = Driver.just([ Operator(title: "", description: ""
Storyboard
こんにちわ、渡部です。 これまで何度かiPhoneのアプリを作ってみたいと思ったものの、いざプログラムを書こうとすると、Objective-C 言語の仕様や記述に戸惑ってしまい、放置していました。。。 が、ついにSwift言語というかなりモダンな言語が登場し、iPhoneアプリの開発ができるようになりましたので、これを期にiPhoneアプリの開発をしたいと思っています。 手始めにこれまで一度もiPhoneアプリを作った事のない僕が、SwiftとStoryboardを使って、簡単な画面遷移を行うアプリを作ってみたいと思います。 使用した環境はXcode6-Bate6となっております。 Swift、Storyboardでお手軽画面遷移アプリケーションを作る １．プロジェクトを作る 概要：新規にSwiftで、画面遷移をするためのProjectを作る。 １．メニューから[File]→[New]→[
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
StoryboardやNibを超絶便利に使う技 - Qiita
はじめに Storyboardを使って枠線をいじるとき、こんなことしてませんか？ 謎のKeyPathとTypeを設定する方法しかなかったと思います。 自分もこの方法を使って実現させていました。 しかし！！ もうこんな不毛な作業をやる必要がなくなる便利機能があります！ というわけで@IBInspectableと@IBDesignableという便利な機能について紹介します！ これらはXcode6以上で使えるようになったものです。 @IBInspectableについて @IBInspectableとは、これを指定したプロパティは IBを表示した時の右カラムにプロパティとして表示されることが出来ます。 例として、UIViewのサブクラスのCustomViewにプロパティ定義してみました。 import UIKit class CustomView: UIView { @IBInspectable
[iOS 9] ノンコーディングで Storyboard を分割できる Storyboard Reference | DevelopersIO
はじめに こんにちは、モバイルアプリサービス部の荒川です。 この記事では、Xcode 7 から追加されたUIコンポーネントの1つ Storyboard Reference について紹介します。 iOS アプリ開発で UI の作成に Storyboard を使用している方を、主な対象読者とします。 Storyboard・Segue と聞いて何かわからないと言う方は、 [iOS]これからiOSアプリを作る方向け Storyboardで画面遷移を作る を参考にして下さい。 iPhone アプリ開発では、使用する言語（Objective-C・Swift）に関わらず、一般的なUIコンポーネントであれば Storyboard で作成することが可能です。コードでも UI を作成することはもちろん可能ですが、ViewController クラスが肥大化し、冗長なコードとなりやすいので、Storyboard
![[iOS 9] ノンコーディングで Storyboard を分割できる Storyboard Reference | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/d6d8135f0d68a822201772175f07443bf1b998f2/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F08%2Fios9.png)
iOS AutoLayoutのデバッグテクニック(Xcode 7で導入されたIdentifierなど) - Qiita
先々週あたり、この2件のAutoLayoutのデバッグテクニック系記事が海外で話題になっていてPocketで積ん読状態になっていたので、掘り出しつつ試してみました。 Using Identifiers to Debug Autolayout - Use Your Loaf Autolayout breakpoints - NSHint UIViewAlertForUnsatisfiableConstraintsのシンボリックブレークポイントを設定 このブレークポイントを設定することで、文字通りAutoLayoutの制約矛盾が発生した時にブレークしてくれます。 さらに、Actionも設定するのが肝で、この場合は次の設定をするとブレーク時に見やすいログが自動出力されるようになります。 関連: Objective-C - Xcodeでデバッグ実行中にクラッシュした時に捗るブレークポイント設定 -
[iOS] チーム開発するなら Storyboard を分割セヨ | DevelopersIO
はじめに チームで開発する際には、ソースコードを Git で管理していることが多いかと思いますが、いくら注意していたとしていても起こるのがコンフリクトです。 コンフリクトすること自体は大した問題ではありません。手動で差分を取り込めばそれでOKです。 Storyboard を除いて。。 Storyboard のコンフリクト 実際に経験したことのある人はよくご存知かと思いますが、Storyboard のコンフリクト解消は一筋縄にはいきません。 Storyboard のコンフリクトは解消できないわけではないですが、多くの時間がかかり開発効率を悪化させるので、できるなら避けたいことです。 Storyboard を分割しよう アプリに複数の機能があると、タブで画面切替を実現することがよくあると思います。こういった場合にタブの遷移先の画面毎に Storyboard を分割すれば、複数ブランチで同時にU
![[iOS] チーム開発するなら Storyboard を分割セヨ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/741541eca6da59090acd1c77f64e9ed1432ea39c/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F05%2Fios_eye_catch.png)
Storyboardで複数の要素を一つのViewにまとめるのは"Embed In View"で一発でできる - Qiita
あるあるだと思うのですが、あとから複数の要素を一つにまとめたい時って、下の様に移動後に中央に移動してしまい、残念な思いをしたことはたくさんあると思います。 ですが、次の様にメニュー＞Editor＞Embed In＞Viewとすると、選択した要素を囲むような最低限の(2015/09/09 14:29 全然最低限じゃない場合が多いので訂正)大きさのViewに収めることができます。 元の位置もずれない！！便利！！もっと早く教えて欲しかった！！ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do
iOS 開発で storyboard と xib をうまく使い分けるプラクティス - クックパッド開発者ブログ
Web エンジニアだったはずがひょんなことから iOS アプリを書き始めてはや3ヶ月。ヘルスケア事業部の濱田です。 iOS アプリで画面遷移を実現するためには様々な方法があります。 コードのみを使う方法 xib を使う方法 storyboardを使う方法 etc. 初めはかなり混乱しましたが、最終的には storyboard と xib の合わせ技に落ち着きました。 今回はこの方法についてご紹介します。 storyboard を使うか、xib を使うか、それが問題だ アプリの UI 部品の配置は結構たいへんな作業です。とくに Autolayout の制約の設定などは、コードのみで設定するのは困難でしょう。Interface Builder の支援をなるべく活用したいところです。 そこで、storyboard もしくは xib ファイルを利用して ViewController（以下 VC）
さらに上を目指すための iOS アプリ設計
2015/05/13 ヤフー社内「中級 iOS アプリ開発者」向けに行った講義の資料。Read less
UINavigationContoller で navigation stack の階層を変えずに画面遷移する方法 | DevelopersIO
画面の差し替え Pop and Push ↑こんな挙動をさせたいと思ったことはありませんか？ ViewController の pop をアニメーション無しで、push をアニメーションありで・・・ そんなことは不要です。 setViewControllers UINavigationController の navigation stack を一気に更新したい場合はsetViewControllers:animated:メソッドを利用します。 例 NavigarionController によって管理される Root, A, B という 3 つの画面（ViewController）があるとします。 ※-の後ろは navigation stack を表現しています。 Root を表示 - Root A に遷移 - Root / A B に遷移 - Root / B <- こうしたい！（普通
Swift（UIKit）の画面遷移 - Qiita
画面遷移とは 基本的な画面遷移として、 階層的なアプリを作りたい・NavigationBarをいい感じに付けて表示したいって時はよく使うのが show 下から上にノレンを開けるような画面遷移として present modally を使う 1. MainStoryboardでoption + Drag&Drop でくっつける 始めに覚えるやり方ですね 2. UIStroyboardSegueでの画面遷移 Segueのidentifierで分岐とか、unwindSegueなど swiftで画面遷移：UINavigationController 3. 遷移先のViewControllerのインスタンスを作成しての画面遷移 画面間で値を渡せる @IBAction func onClickMyButton(sender: UIButton){ // 遷移するViewを定義する.このas!はswift
Auto Layout ドリル
このページはAutoLayoutのレイアウトを実際にやってみる演習問題を集めたページです 動作環境はXcode6.1 を想定しています。 回答の詳細はサンプルプロジェクト(SampleProjects/AutoLayout/AutoLayoutDrill)をご覧ください 中央に配置 問題 下の図のように、200px四方のViewを画面中央に配置してください。 その際、違うサイズのシミュレータや回転しても正しく中央に配置されるようにしてください。 (シミュレータの回転は コマンド+矢印キー です) 回答 適当なViewを配置し、widthとheightのconstraintをそれぞれ200pxで設定します Horizontal Center in Container と Vertical Center in Container の制約を追加します 画面サイズに合わせる 問題 下の図のように、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ログイン - はてな
R.swiftを使ってStoryboard名や画像名のTypoを0にする - Qiita
http://swift-studying.com/blog/swift/?p=304
