はじめに Instagramのアプリにあるようなハート型のボタンを作成し、OSSとして公開しましたので、解説として本記事を書きました。 HeartButton 作成したライブラリはこちらです。 https://github.com/darquro/heart-button タップすると、アニメーションして状態が変わるというシンプルなものです。 UIBezierPathを使ってハート型を描く 今回はUIBezierPathを使って、線を描画し、ハートを描いています。 よくボタンはpngなど画像リソースを使用することが多く、 製品プロダクトではデザイナーによるアプリ全体のテーマに合わせた画像を使うべきだと思いますが、個人で作るアプリなどで、いちいち各解像度ごとの画像用意するのが面倒というケースでは用途あるのではないかと思います。 以下がUIBezierPathを使用して、ハートを描いているコー

背景 iOSのUITableViewは、元々垂直方向(縦)のスクロールしか対応していない。 とはいえ、水平方向(横)のスクロールを実現したい場合は存在する。 横スクロールの場合は、UITableViewの代わりにUICollectionViewを利用すると良い。 実装方法 0. 完成イメージ 背景黒の部分がUICollectionViewで背景青の部分がひとつひとつのセル。 こんな感じで、横一列に並んだセルが横スクロールできるようなViewを作る。 1. UICollectionViewをViewControllerに配置 Object LibraryからCollection view を選んでViewControllerに配置 2. Collection View を設定していく CollectionViewを選択状態にして Layoutを「Horizontal」(水平)に変更 セルサイ

UICollectionViewを使用しての横スクロールを実装するUIは多々あると思いますが、検索して出てくる情報ではかなり微妙な動作が多く、自分の決定版として作成方法をまとめます。 今回の作成はAutoLayoutは使用しておりません。 完成イメージ (画像は今回作成段階で参考にさせていただいたeuraka様のブログより転載させていただいてます) 参考記事のように作成する まず、はじめにeureka様がまとめてくださっている記事のように実装してみました。 タイムラインの実装に欠かせない！UICollectionViewで作るFacebook風レイアウト 作成してみると確かに綺麗にTimeline風の横スクロールが実装されています。 しかし、作成の過程上、左右にすき間が発生してしまい、スクロール判定がきかない箇所ができてしまいます。 表示枠のでかいcellの作るのでしたらあまり気にならない

はじめに Swiftでコレクションビューを使う方法の基礎を最近覚えましたが、まだモノにできていない感じがしたので、引き続き勉強してみました。今回は画面のサイズに合わせて自動的にセルのサイズも変更して、常に3列表示できるようにしたいと思います。前回の分と合わせて、ようやくそれなりに使えるようになるのではないでしょうか。 こちらで作成したサンプルの続きになります。まだお読みになっていないからはこちらを先にご覧ください。 Collection Viewの基礎を学んでみた【Swift低空飛行ガイド】 学べること コレクションビューのセルサイズを画面のサイズに合わせて変更する方法 ではやってみましょう サンプルのダウンロード まずは全開作ったサンプルをダウンロードしましょう。これをベースに手を加えていきます。 サンプルはこちらに置いてあります セルのサイズを調整 まずはセルのサイズを調整します。Ce

はじめましてiOSエンジニアのしだです。 おかげさまで、去年12月に るくみーnote という園で利用してもらう連絡帳アプリをリリースしました。（実際に園でご利用いただくのは４月からの予定です） iOS版の るくみーnote では主に Alamofire 、 ObjectMapper 、RxSwift 、 SQLite.swift などのライブラリを利用しています。 今回は、そのときに実践した Alamofire + ObjectMapper + RxSwift を使ったAPIクライアント周りの実装方法を紹介したいと思います。 以下のサンプルの実装は Slack WebAPI を使って説明しています。 準備 Xcode 8.2（Swift 3） Alamofire 4.2.0 ObjectMapper 2.2.1 RxSwift 3.0.1、 RxCocoa 3.0.1 Slack Web

1 はじめに NSUserDefaultsは、軽易にデータを保存管理する方法として、非常に多くの場面で利用されていると思いますが、このNSUserDefaultsも Swift 3.0でメソッド名が大きく変更されました。 まだ、UserDefaultsのリファレンスページもNSUserDefaultsの記載が残っていたり、纏まった記事もあまりヒットしなかった（というより、2.3の情報ばかりヒットしてしまう）ので、自分用の覚書として書きました。 2 インスタンス生成 ここが、一番変わっていると思います。この辺をキーにして検索すると、Swift3.0の情報に辿り着きやすいと思います。 Swift2.3 let userDeaults = NSUserDefaults.standardUserDefaults() Swift3.0 let userDefaults = UserDefaults.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 アップルの新プログラミング言語「Swift」をちょっとずついじってるんですが、列挙型とswitch文がなかなか便利になっていたので紹介したいと思います！ Objective-Cの列挙型 Objective-Cにおける列挙型の定義は、以下のように書きます。 typedef enum : NSUInteger { ColorTypeRed, ColorTypeGreen, ColorTypeBlue, } ColorType; 例えば以下のように2つの列挙型を定義すると、BackgroundColorのRed, Green, Blueは二重定義ということで「Redefinition of enumerator ‘Red’」などのエラーが出てしまいます。 typedef

最近はAutoLayoutを使う機会も増えてきましたが、メンテナンス性や書きやすさを考えると、(Non-AutoLayoutな）コードでViewのレイアウトを行うほうがメリットがあるケースも、多々あります。 また基本はAutoLayoutでレイアウトを行いつつも、画面内の特定の動的なsubviewだけはframeを触りながらコードベースで行いたいような場面もあるでしょう。 なので普段はAutoLayoutがメインな方も、使わない場合のレイアウト方法を知っておいて損はないと思います。 この記事ではsubviewのframeをコード上で触りながらレイアウトを行う場合の、方針や注意点についてまとめています。 ViewController内でsubviewのレイアウトを行う場合 青い矩形(blueRect)と、赤い矩形(redRect)をUIViewで作って画面の左右に並べるだけの処理をContr

デリゲートはよくわかりませんでした。だから、それをとても簡単に説明したいと思います。 Swiftです。 （**※注意。**僕はエンジニアではないので、間違いなどあったらごめんなさい。ご指摘頂けるととても嬉しいです。） どうでもよい追記： => エンジニアのお仕事頂けるようになったので、一応駆け出しエンジニアくらいにはなれました！(^^)/ どうしてデリゲートは分かりにくいのか。 僕はこう思います。 登場人物がはっきりしていない。 定義がはっきりしていない。 （はっきしているかもしれないけど、僕ははっきり理解できなかった。） ちなみに、上の２つの曖昧なモノのうち、１つは今だに曖昧です。それでも大丈夫です。デリゲートとプロトコルについては理解できます。 登場人物だけおさえれば理解はできると思います。 まずは定義について 教科書（The Swift Programing Language）を読ん

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

iOS 10でも大量のAPIが追加されました。が、新しいAPIはどう使うのか、実際に何がどこまでできるのか、といった具体的なところが、英語のドキュメントやWWDCのセッション動画をながめているだけだと正直あまりピンときません。やはり実際にコードを書いて動かしてみるのが一番わかりやすい・・・ということで今年もつくりました！ iOS-10-Sampler 恒例の新機能のサンプルコード寄せ集めアプリです。ソースコードは GitHub に置いてあるので、ご自由にご活用いただけると幸いです。 https://github.com/shu223/iOS-10-Sampler 使い方は Xcode 8 でビルドするだけ なので、デザイナーさんやディレクターさんもぜひお近くのエンジニアにビルドしてもらってください。 iOSももうかなり成熟してしまい、話題になる革新的な新機能とか、どの開発者にとっても嬉しい

swiftはオプショナルが便利！ と、swiftがリリースされてから言われてますがswift初心者からすると厄介極まりないです。 ?と!の使い分けが分からずとりあえず"?"をつける、ソースコードを書いていたら急にXcodeに怒られ、エラーに導かれるままに"!"をつける... こんな経験がある方がいるのではないでしょうか。 この記事はそんなオプショナルがフワフワした状態を脱却することを目的としています。 (そのため、あまり深い部分は扱いません...) 細かく項目を区切っているため多く見えますが、サクサク読めるはずです。頑張って読んでいただければオプショナル型を理解できると約束します。 時間のない人はまとめだけ見ていただければと思います。 ◼︎ 読了時間 オプショナル型と非オプショナル型 (4分) オプショナル型と非オプショナル型の違いを示します オプショナル型 (6分) オプショナル型"?"

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?