レイアウトの救世主StackViewを使ってみよう
Auto Layoutには実は重大な欠点がありました。 それは、、 レイアウトの修正が大変 ということです。 レイアウトする要素が増えれば振れるに従って隣のビューとの関係も複雑になってしまいます。 例えば、画面上にボタンを縦に３つ並べるレイアウトを考えてみましょう。 ボタンをそれぞれ同じ大きさに縦に３つ並べるレイアウトを作ってみます。 このとき３つのボタンと親ビューとの関係性はざっと数えた分でも10個できてしまいます。 設定によってはそれ以上になることも考えられるでしょう。 ここで、ボタンを4つに増やしたいと思ったらどうでしょう？ 少なくとも垂直方向の関係性は見直す必要があるでしょう。 ボタンが3つから4つになったとこで、親ビューとボタン同士の隙間の幅が変わることになるからです。 これはもう一大事です。 制約を１つずつ見なおしてボタンを増やすか、いっそのこと全ての制約を一度全部解除して、も
StackViewを賢く使ってらくちんAutoLayout - Qiita
『アプリ道場 Advent Calendar 2015』8日目は「Auto Layoutが好き過ぎて、StackViewをおかずにご飯3杯いける」ゆこびん(@yucovin)がお送りします。 そもそもイラストレーター／デザイナーなので、アプリの開発をしていても見た目を司るAuto Layoutが気になって気になってしょうがないです。（これは恋？！） ということで、本日は今年綺羅星のごとく現れたAuto Layout界の期待のクラス「UIStackView」についてまとめたいと思います！(๑´ㅂ`๑) UIStackViewは一言で言うと、便利なレイアウト用の箱です。 StackViewは２つ以上の縦または横に並ぶサブビューを面倒な制約（Constraints）を作ることなく、いいカンジにレイアウトしてくれます。 StackViewを上手く使えば制約の数をうんと少なくすることができるんです。
SwiftでNSAttributedStringを使って文字列を装飾する(UILabelに画像を表示する) - 酢ろぐ！
直近でやっていたプロジェクトでNSAttributedStringに関する知識が少なくて苦労したので忘れないようにメモしておきます。 NSAttributedStringに関してはすでに色んなブログやサイトで紹介されているのでご存知の方も多いかもしれませんが文字列を装飾してくれるクラスです。AndroidでいうところのImageSpanに相当します。 従来は単一のプロパティしか設定できず*1文字通りテキストを表示するラベルだったUILabelでしたが、iOS 6のころに複雑な表現ができるようにUILabelにNSAttributedStringを設定することができるようになりました。 当時のことはほとんど覚えていない……というよりもUILabelのサブクラスで自前描画*2することが多くてそれらの過去の遺産を継承していたので、僕の場合はNSAttributedStringクラスを本格的に使い
まだMVC,MVP,MVVMで消耗してるの？ iOS Clean Architectureについて - Qiita
＜この記事は「Money Forward Advent Calendar 2015」の22日目の記事です＞ この記事は、iOS Clean Architectureと実際にコードへ適用した内容について紹介します。 コードについては、改善の余地があるため随時修正していくと思います。 → github: https://github.com/koutalou/iOS-CleanArchitecture iOS開発においてよくある問題点 「ビジネスロジックはModelに置くべき」と言うが、開発者によって理解や意見がバラバラで統一的な実装ができない 度重なる仕様変更や複雑な仕様に対応するためにViewControllerや特定のModelが肥大化し、ビジネスロジックの本質を見失う MVC,MVP,MVVMだけで考えると、どこかのレイヤが複数の責務を持つことになり依存度の高い複雑なコードが生まれてし
[iOS] AutoLayoutの制約付け替えでレイアウトを動的に変える！active/deactiveのお話 | DevelopersIO
[iOS] AutoLayoutの制約付け替えでレイアウトを動的に変える！active/deactiveのお話 こんぬづは、シン・ゴジラの実況ツイート(#シンゴジ実況)にハマっている田中です。 キャスト陣がのっかったツイートをしているのを見るとテンションあがる。 今回はAutoLayoutの制約を動的に付け替えたいというお話。 AutoLayoutの制約を動的に付け替えるとは この記事で言う制約を動的に付け替えるというのは以下のようなレイアウトのお話。 Twitterクライアントアプリのセルのようなものをイメージしてください。 画像が1枚のみだった場合は横幅いっぱいとし、画像が2枚以上だった場合は横幅半分とします。 該当するUIImageViewの親Viewに対するEqual Widthの制約をmultiplierで制御している例です。 NSLayoutConstraintのmultipl
![[iOS] AutoLayoutの制約付け替えでレイアウトを動的に変える！active/deactiveのお話 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/cd616d43627770acf3d2af18695851272d60bed9/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F12%2Fios.png)
iOS 9で追加されたNSLayoutAnchor使うと簡単にわかりやすく間違えずにNSLayoutConstraint（制約）が作れます【Auto Layout】 - Qiita
iOS 9で追加されたNSLayoutAnchor使うと簡単にわかりやすく間違えずにNSLayoutConstraint（制約）が作れます【Auto Layout】XcodeiOSAutoLayoutSwiftiOS9 NSLayoutAnchorで制約（NSLayoutConstraint）を作る 『アプリ道場 Advent Calendar 2015』３日目は「三度の飯よりAuto Layoutが好き」（いや…そこまでは無理か…）な、ゆこびん(@yucovin)です。 そもそもイラストレイター兼デザイナーなので、アプリの開発をしていても、見た目の要素をどうやって作るかが一番の感心どころというか触れずにはいられないというか…。 と、いうことで！iOS 9で追加された、簡潔で読みやすくて間違えづらい新しいAuto Layoutのクラス、NSLayoutAnchorについてまとめます。 ※な
カスタムViewをNibから初期化し、IBDesignableとIBInspectableで便利に使う - Think Big Act Local
iOS開発をしていると、独自のViewを作りたい場合があります。 実現する方法は色々あると思うのですが、最近自分がやっている方法をまとめます。 （以下で実装しているコードは GitHub にすべてあげています） 目指すゴール Storyboard / Interface Buidler から初期化できる コードからも初期化できる IBDesignable & IBInspectable に対応している 各画面から使いやすい（汎用性が高い） 上記を満たすカスタムViewを目指します。 こんな感じの、ユーザーにレビューをお願いするViewで、 ↓みたいにStoryboard上から値をセットできるものを作ってみます。 実装の流れ 1. カスタムViewのxibとクラスを用意する (1) xibを作成 MyCustomView.xib というファイルを作成します。 Size を "Freeform
iOSアプリ開発で簡単に実装できるSwiftのおすすめライブラリ15選｜TechClips[テッククリップス]
iOS開発をしているエンジニアの方であれば、今はもうObjective-CではなくSwiftを使っているという方も珍しくありません。比較的、新しい言語ながらそれほどアプリ開発者にとってはスタンダードになりつつある言語の一つ。 やはりSwiftの魅力はなんといっても、ライブラリを使った拡張性の高さです。わざわざ機能を一から開発せずとも、気軽に取り入れられるのは機能性を拡充するだけでなく、開発の効率化にも繋がる重要なポイントと言えます。 本記事では、そんなSwiftのライブラリの中から15個をご紹介。ぜひ、iOS開発をされているエンジニアの方は参考にしてみてください！ iOS開発で便利なSwiftのライブラリ15選 MaterialKit https://github.com/nghialv/MaterialKit マテリアルデザインがキットになったライブラリです。トレンドでもあるマテリアルデ
![iOSアプリ開発で簡単に実装できるSwiftのおすすめライブラリ15選｜TechClips[テッククリップス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9efa962d4607ea75113984e5c655c97c52cd73f/height=288;version=1;width=512/https%3A%2F%2Fobject-storage.tyo1.conoha.io%2Fv1%2Fnc_261159609ad84809af5afcb9e5f56abb%2Ftechclips%2Fimages%2F210%2Fimage.png)
iOSの開発でお気に入りのライブラリN選 - Qiita
殿堂入り Realm Core Dataなんて最後に使ったのはいつだろうか。。。 Alamofire SwiftyJSON 通信ライブラリAlamofireのブロック構文に、JSONをより扱いやすくするSwiftyJSONをぶっこむ。 最近SwiftyJSONの仕様が変わってイマイチになったが、Swiftバージョン2.0でguard構文が追加されるので、guardで宣言するときに使いやすくなるかも。 SDWebImage みんな知ってる画像キャッシュライブラリ。 UI paper switch スイッチのON/OFFで色をアニメーション付きで変更する。 SCLAlertView フラットなアラート LTMorphingLabel 文字をモーフィング(アニメーション)させる MMPopLabel ポップラベル。Slackの立ちあげ時とかに出てくるアプリケーションのチュートリアルとかに使う。(
iOSライブラリをまとめてるサイトのまとめ - Qiita
暇なときに眺めてる、 iOSライブラリを見つける、検索できるサイトをまとめてみました。 眺めているだけでも、流行っているライブラリやUIが確認できるのでオススメなサイト・記事たちです。。。 ※各OSバージョンごとの、リポジトリのまとめは、紹介リポジトリが増えたので、別記事に分離しました。 各iOSバージョンで追加された新機能を速攻で試せる アプリRepository まとめ 2018年これだけは知っておきたいiOSライブラリ31選 これだけは知っておきたいiOSライブラリが紹介されています。 すごくいいです！ fantastic-ios-animation 各UIごとのアニメーションライブラリが、カテゴリー付けされてgithub上にリストアップされています。 Alert/Transition/View/LabelなどやMaterialDesignのライブラリまで、綺麗にまとまっている感じで
新卒マークアップエンジニアが、趣味でiOSアプリを半年で「11個」リリースした話 - not good but great
社会人になり1年が経とうとしている。半年でiOSアプリを11個リリースしたので、そのことを書いてみよう。 普段はマークアップエンジニア 2014年新卒で、普段は会社でHTML,CSS,たま〜にJavascriptを書いている。 アプリを作成するにあたった経緯 新卒入社後、半年間は趣味のプログラミングはいろいろやっていた。oFやProcessing,JSを使ったジェネラティブなプログラミングなどを良くやっていた。面白いのだが、飽きることもあったり、世の中のトレンドとして、アプリは無視できないと思った。Objective-Cの本を買ったものの、少しのサンプルを動かして終わっていた。2014年10月ごろ、重い腰をあげて、開発を再開したという感じ。 何を作ったか ・一覧 https://itunes.apple.com/jp/artist/naoya-sugimoto/id933472785 ht
メディア系アプリでよくあるUIを実現した簡易サンプル - Qiita
一度は憧れたことがあるメディア系アプリのUI 最近のキュレーションアプリやファッション情報系のアプリでよくある、スワイプすると写真付きコンテンツリストの一覧が切り替わり、なおかつコンテンツの上部分に設置されたタブが切り替わるようなUIはよく見かけると思います。このようなアプリを作成するための足がかりとしてまずはUIScrollViewとContainerViewを用いて、アプリの骨格となる部分を作成するための方法とポイントをご紹介致します。 ContainerViewに関してざっくり説明＆導入する際のポイント 以外と参考書や書籍などでも扱っているものが少ないContainerViewですが、特に1つのベースとなるViewControllerに複数のViewControllerを配置して複雑な画面構成をする際には重宝します。 InterfaceBuilderで「Container」という要素
Core Graphics Tutorial: Getting Started
Apr 29 2020 , Swift 5, iOS 13, Xcode 11 Swift 5, iOS 13, Xcode 11 In this Core Graphics tutorial, you’ll learn about using Core Graphics to design pixel-perfect views and how to use Xcode’s interactive storyboards. By Andrew Kharchyshyn. Sign up/Sign in With a free Kodeco account you can download source code, track your progress, bookmark, personalise your learner profile and more! Create account
【SwiftでCoreDataを使う】NSDataObjectSubclassを作っても、Entityが「Class not found」になるときの解決策 - Qiita
【SwiftでCoreDataを使う】NSDataObjectSubclassを作っても、Entityが「Class not found」になるときの解決策iOSSwiftXcode6 エラー概要 SwiftでCoreDataにアクセスする処理を書いて実行すると、下記のようなエラーになった。 CoreData: warning: Unable to load class named 'SampleEntity' for entity 'SampleEntity'. Class not found, using default NSManagedObject instead. SampleEntity.swiftファイルがプロジェクト上にあり、SampleEntityクラスも作成済みである。 http://stackoverflow.com/questions/25076276/unable
SwiftでCoreData実装 - Qiita
プロジェクト作成時にUse Coredataにチェック入れてない状態から Data Modelファイル作成 ファイル作成 New file > Core Data > Data Model > RFCoreDataDemo.xcdatamodeld Entity(テーブル)作成 RFCoreDataDemo.xcdatamodeld > Add Entity EntityというEntity(テーブル)ができるので、好きな名前に編集。 (今回はPersonにした) CoreData特有の名前について Entity CoreDataのクラス定義でtableと同義。 リレーショナルDBでいうEmployees,Company Attributes Entityの情報。tableのフィールドと同義。 リレーショナルDBでいうEmployeesの name, position, salaryなど R
Container View Controllerを正しく使おう
May 29~30, 2019 に開催された "de:code 2019" の Day1 EXPOシアターセッションで、Blazor について発表した際のスライド資料です。CC BY License、又は The Unlicense のデュアルライセンスで再利用可能です。 アニメーション付 PowerPoint 原ファイルは以下の URL から入手可能です。 https://1drv.ms/p/s!Ahj5X4eD4NFdgvpnYa4h1jR5JnFlmg
Xcode6で「.xibファイル」+「自作UIViewクラス」で、汎用できるViewを作りたい - Qiita
カスタムViewを作る手順 (手順1) .swiftファイルと、.xibファイルを作成する CustomView.swift [Next] -> "Class:"に任意クラス名、"Subclass os:"に"UIView"を指定 -> [Next] -> [Create] CustomView.xib 任意クラス名を指定して、ファイルを作成する ↑こんな感じに作成できればOK （手順2） CustomView.swiftファイル編集 例えばこんな感じ↓ import UIKit class CustomView : UIView { class func instance() -> CustomView { return UINib(nibName: "CustomView", bundle: nil).instantiateWithOwner(self, options: nil)[0
のUIViewをスワイプするUIPanGestureRecognizer - 厚い稀
このチュートリアルでは、Xコード用に更新されました 7.3 & 迅速 2.2 多くの新しいアプリは、ボタンを交換する & ジェスチャーでラベル. それはあなたが、機能を失うことなく、あなたの画面から乱雑さを減らすことができます. だから、今日私たちはuipangesturerecognizerの基礎を学ぶしようとしている. また、ケース内のジェスチャー認識の依存関係を作成する方法は、複数のジェスチャー認識は一つのビューに設定されている. まずいつものように、Xコードプロジェクトを設定できます. 新しいシングルビューアプリケーションXコードプロジェクトを作成します。. に設定し、プロジェクト名 パンジェスチャーのデモ デスクトップに保存します. 2. メインストーリーボードに移動し、ビューコントローラを選択. そのサイズを設定 iPhone 4インチ 属性セクションに. 3. コントローラを
ACEDrawingView導入の解説(2)
前回の続きで、ACEDrawingViewの紹介になります。 今回はACEDrawingViewとACEDrawingToolType、ACEDrawingViewDelegate プロトコルに関する解説になります。 ACEDrawingToolプロトコルとそのプロトコルを実装した各種のACEDrawing**Toolクラスについては、また別途紹介したいと思います。 （親クラス：UIView） 概要 ACEDrawingViewは、タッチによるペイントツールを提供するビューです。このビューは単独でタッチに対応して描画を実行することができ、適切なパラメータをプロパティとして与えることで、描画ツールの切替や描画色、ペンサイズの設定、透明度（アルファ）の設定などをすることが可能です。また、Undo/Redo機能を備え、描画の取り消しややり直しをおこなうことができます。 Undo/Redoは、１回
[iOS] 超簡単！ACEDrawingView でお絵描きアプリを作ってみよう | DevelopersIO
インストール方法 新規でプロジェクトを作った後、（プロジェクトテンプレートはSingleViewApplicationでOKです） CocoaPods で pod 'ACEDrawingView' pod installでインストール完了です。 最短実装 Main.storyboardを開きます 最初の画面のViewControllerに対して、UIViewを追加します。(レイアウトも調整します) 追加してUIViewのクラスにACEDrawingViewを設定します。 ・・・以上です。( ﾟдﾟ) タイムアタック出来そうな感じのお手軽さです。 実行するとタッチでお絵描きが出来ます。 このままだと、ペンの太さや色など変更出来ないので、きちんとUIを作る必要はあります。 各種プロパティ 描画タイプ ペンや図形など描画タイプを切り替える事が出来ます。 プロパティ名 型 drawTool
![[iOS] 超簡単！ACEDrawingView でお絵描きアプリを作ってみよう | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/d22ead4c7f38bbf37ef63f2ca68dc90abcfb263b/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F04%2Fios1-100x100.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
