アニメーション付きのボタンを実装するためのテクニック - Qiita
林です。 個人的な話ですが10日ほど入院していまして、 入院というのは、人生で初めて経験しましたが、死ぬほど暇なんですね。 暇な時間を使って、dribbbleにありそうなアニメーション付きのボタンを実装してみました。 無事インターネットのある世界に戻ってきたので、公開します。 ベースはUIControl 基本的なところから。 自前のボタンを実装する時はUIButtonではなく、UIControlを継承します。 UIButtonではないですよ。UIControlです。 自前のUIコンポーネントを実装する時に、機能豊富なクラスを継承すると、不要な機能を殺すために苦労する羽目になりがちです。 必要最小限のクラスを使うのが結局のところ近道になります。 押下時の表示変更はisHighlightedをトリガーに GestureRecognizerとか、setAction:とか使わない 毎回、isSel
【iOS】【小ネタ】UIButtonは同時押しが出来る！！！ | DevelopersIO
こんぬづは、案件が一段落してブログフィーバータイム入ってる無双モード田中です。 今回は小ネタとして、UIButtonが同時押しできちゃう話です。 UIButtonは同時押しが出来る！！！ UIButtonといえば.TouchUpInsideをイベントトリガーとして処理を実行するというパターンがとても多いかと思われますが、例えば二つのボタンを同時にTouchUpInsideしてしまうと両方の処理も実行したりとか、意図しない動きをすることがあります。 これは注意が必要です。 例えば以下二つなど。 ①：完了までに時差のない処理 ②：View要素のアニメーションによる描画・遷移などの完了までに時差のある処理 それぞれの対応法をちょっと考えてみました。 ①の対処 処理の完了までに時差のない類のもので、同時押しさせたくないView要素に対しては以下の一行でオーケー。 button.exclusiveT
言語の話だけじゃない！アニメーションの重要性／try! Swift参加レポート Day2 | Recruit Tech Blog
こんにちは。大島です。2016年3月2日〜3月4日の間で行われていたtry! SwiftというSwiftのカンファレンスに参加してきました。私は、スタディサプリ ENGLISHのサーバーサイド兼iOSを担当しておりアプリはSwiftを使用して書いています。プロダクトのリリース当時はSwift1.2でしたが、今ではSwift3.0まで進化しているSwiftの勢いを感じるカンファレンスでした。 今回は、try! Swift参加レポート Day1に引き続き、2日目の様子とセッションの中から個人的に特に印象に残ったプロトタイピングの魔法とProtocol-Oriented Programming in Networkingのセッションをご紹介したいと思います。 プロトタイピングの魔法 FacebookのiOSエンジニアであり、かの有名なアニメーションのライブラリfacebook/popのメンテナン
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でソースに結び付けておきま
Swiftでバネのようにバウンスするメニューを作ってみた - Qiita
SkypeのiOSアプリで見るバウンドするアニメーションを実装してみた。 その要点をまとめておく。 デモ https://github.com/ytakzk/Hokusai 実装方法 CADisplayLink アニメーションにはCADisplayLinkを使用した。 ディスプレイが更新されるタイミングで関数が走るため、 NSTimerよりもアニメーション適している。 UIBezierPath 波のようなアニメーションを作るために、 ベジェ曲線を利用する。 具体的にはUIBezierPathで毎フレームごとにCALayerを描画。 // レイヤーの開始点に移動 UIBezierPath().moveToPoint(開始点) // 現在の点からベジェ曲線を描いて次の点へ移動 UIBezierPath().addQuadCurveToPoint(次の点, controlPoint:曲率を作るた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホのUIに快適で、実用的な数多くのアニメーションを実装できるswiftのライブラリ -Hero
http://vdeep.net/wp-content/uploads/2015/05/ios-spring.png
