心地よいアニメーションを求めて - クックパッド開発者ブログ
こんにちは、買物情報事業部の三浦です。 日々アプリを使っていて、ふとしたところでさりげないアニメーションや気の利いた効果音があると心地よく感じますね。 UIKitには手軽にアニメーションを実装できるようにAPIが用意されています。少し工夫するだけで効果的な動きを作ることができます。 サンプルを見ながらみていきましょう。 Basic まずはUIViewのクラスメソッドのシンプルなアニメーションです。 オブジェクトを下にアニメーションさせます。 UIView.animateWithDuration( 0.5, delay: 0.0, options: nil, animations: { () -> Void in self.circle.center = CGPoint(x: 0, y: 100) }, completion: nil) 動きの加減をコントロールするイージングもUIViewA
cornerRadiusを片側だけ効かせる（UIViewの一部だけ角丸にする） - Qiita
view.layer.cornerRadius = 3.0; view.layer.masksToBounds = YES; みたいにすればOKですが、「上側だけ」「下側だけ」「右側だけ」「左側だけ」丸くしたい、というケースがあります。 例えば片側だけ角丸にすることで、角丸になってない方に「画面の続きがある」ように見せる、とか。 （左側だけ角丸にしたビュー） 方法 どうやるかというと、cornerRadius自体は使えないのですが、 UIBezierPathで角丸のパスを生成 CAShapeLayerを生成し、1のパスをセット 2をマスクレイヤーとして（片側だけ角丸にしたいビューのlayerに）セットする という感じで実現できます。 サンプル たとえば、下側（左下、右下）だけ角丸にする場合は、下記のようなコードになります。 let maskPath = UIBezierPath(round
【iOS7】ばねっぽいアニメーションを実現するUIViewの新メソッド - Qiita
iOS7から追加された、 ばね風のタイミングカーブでアニメーションさせることのできるUIViewのメソッド animateWithDuration:delay:usingSpringWithDamping:initialSpringVelocity:options:animations:completion: （101文字）を使ってみました。 メソッドの定義はこんな感じです。 + (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options anim
iOSで, 円や, 角丸View をつくる
シンガポール在住のソフトウェア開発者です。なんだかんだでシンガも4年目突入。仕事もしくは趣味でやっていることをまとめています。 英語のブログは http://atmarkplant.com にあります こんにちは, またしばらくWeb系開発にいそしんでおりまして, iOSが触れない日々が続いています。 先日, アプリの手直しをして ようやくupdate がかかりましたので, この内容が書けるようになりました。 UIView を使って, いろいろな形を作って, それを画面に張り付けたりして, かっこいいUIをつくりたいわけですが, その中で, 円と角丸のView を作ってみました。 成果物はこちら, ColorDos というソフトです。TODOアプリです。 4ヶ国語対応, 無料ですので, 今回のコードでどんなものができるの確認したい方は是非是非 よろしくです。(やっぱり, 最近は出してもDo
再利用可能なUIViewをInterfaceBuilderで作ってレイアウトを楽する方法（iPadも対応・GitHubでコード公開） | リンゴにかじられたブログ
任意の個数IBでレイアウトしたUIViewを使う場面が出てくると思います。任意の個数なのでViewControllerのIB上で作るわけには行きません。 できればalloc initしてインスタンスを生成したときにIBでレイアウトしたUIViewが欲しいところです。 コードはGitHub（https://github.com/kasajei/CustomUIView）で公開してます。ご自由にどうぞ。 まず、command + N でcocoa touchのObjective-Cクラスを選択して、NSObjectクラスのサブクラスとして、CustomViewと名付けます。 同じく、command + Nでuser interfaceのEmptyを選択してDevice FamilyをiPhoneにして、CustomViewと名づけましょう。また同じようにして、Device FamilyをiPa
UIView - How to get notified when the view is loaded?
Depending on what kind of actions you need to perform, there are several techniques: -(id)initWithFrame:(CGRect)frame - UIView's designated initializer; always sent to a UIView to initialize it, unless the view is loaded from a nib; -(id)initWithCoder:(NSCoder *)coder - always sent to initialize a UIView whenever the view is loaded from a nib; -(void)awakeFromNib - sent after all the objects in th
UI部品数が多いView表示の高速化
Titanium Mobileに限らず、iOS用のアプリ開発では、シミュレータで動作確認した後、実機に転送して確かめます。実機での動作で問題となるのが、シミュレータよりも遅い点です。開発に使っているのはMacBook Airの13インチ（Intel Core i5, dual 1.7GHz）で、Macとしては遅いほうに分類されます。そんなマシン上のエミュレータでさえ、iPadの実機よりも高速なのです。実機上のテストで遅いと、なんとか改良しなければなりません。 アプリでは複数のWindowやViewを扱いますが、UI部品が増えるほど描画が遅くなります。その限界は意外に少なく、View上に数十点のUI部品を付けると、気付く程度には遅くなります。今回は理由があって、あるViewだけは100個以上のUI部品を用いました。そのViewだけは、明らかに遅いです。 今回のアプリで描画が遅いのには、少し別
SelectorKitというライブラリを公開します - soutaroブログ
http://soutaro.github.com/SelectorKit iOSアプリのViewを指定するためのselectorです。割とCSSセレクタに似た構文にしています。uiQueryというのがあるのですが、これを書くのがかなりしんどいのでかっとなって作りました。 ドキュメントに書いてないのですが、新機能としてセレクタの途中の要素を選択することができます。{}でくくります。CSSにもない新機能！多分バギーです。非決定的な要素を選択する場合にうまく動作しないと思う。*1 例。 「コーヒー」と書かれたラベルを含むテーブルビューセル { UITableViewCell } UILabel:[text='コーヒー'] menu-item-listというaccessibilityIdentifierをもつUITable UITable#menu-item-list 前方一致、後方一致 UIL
UIView拡張カテゴリによるUIコーディングの簡略化 - mixi engineer blog
はじめまして、佐野です。僕は2006年10月にメンバー4人でネイキッドテクノロジー社を創業し、5年間ガラケーからスマホに渡るまでモバイル関連の技術・サービス開発に携わり、去年の10月にミクシィ社にジョインし、現在はmixiのiPhoneアプリの開発に携わっております。このブログではiOSプログラミングの初級者～中級者向けに、さらなる上達の助けになるようなことを書いていきたいと思います。 Apple 製の iOS/Mac アプリの統合開発環境であるXCodeは、ver4 から GUI ベースの UI 開発ツールである Interface Builder が組み込まれ、非常に快適にUI開発ができるようになりました。mixi の iPhone/iPad アプリも基本的には各画面が IB ファイルで構成されています。静的な画面であればこれだけで済むのですが、アニメーションを多用したインタラクティブ
知っていると便利な UIView の contentMode
UIView には contentMode というプロパティがあります。このプロパティを使えば、面倒な画像の編集をせずに見た目を変えられます。 contentMode は View のサイズが変わる時にコンテンツをどう表示するかを決めるものです。たいてい画像をどう表示するかを決めるので、UImageView や UIButton で使われます。enum で色々定義されているので、下の画像を使って順に試していきます。 UIViewContentModeScaleToFill View のサイズと画像のサイズが同じになります。View の横幅が画像より大きいので横に伸びてしまいます。UIImage を stretchableImage にした時などに使います。 UIViewContentModeScaleAspectFit アスペクト比を維持したまま、画像のすべてが表示されるようにリサイズされ
UITableViewCell の accessoryView を使うと少し楽
UITableViewCell の accessoryView というプロパティについてです。それほどマイナーなプロパティでもないので、実は当たり前なのかもしれませんが、最近便利さに気付いたので紹介します。 UITableViewCell には accessoryType というプロパティがあって、3種類のアクセサリが付けられます。 accessoryView は、これをカスタムな見た目にしたい時に使うぐらいのものだという認識でした。実際そうなのですが、よく考えたら UIView ならなんでも入れられるわけで、UISwitch だって入れられるんだなと。設定画面でスイッチがよく出てくるのですが、今まで contentView に addSubview していて、位置を合わせるのが面倒だと思っていました。でも accessoryView なら次のコードで終わりです。frame の origi
UIViewをぐるぐる回転させるシンプルな方法 (注:追記あり) - Gorokuma Diary
新作アプリ用に同期アイコンを作ったので、これを回転させるのに色々調べたのですが、みんなそれぞれ書いていることが少しずつ違って悩んだので、こうするのが一番シンプルだろうというのを書いてみます。 この例ではImageViewのLayerを操作して90度ずつ無限に回転を繰り返します。 任意の角度を指定したい場合はnumberWithFloat:の数値とrepeatCountでうまく調整してください。(90度以下の数値を指定して必要回数繰り返せば良いはず） CALayer *layer = imageView.layer; CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; animation.toValue = [NSNumber numberWithFloat:
Cocoaの日々: バッジ描画ライブラリを公開
インストール GitHubからプロジェクトをダウンロードし、その中から下記のファイルを自分のプロジェクトへコピーして追加する。 LKBadgeView.m LKBadgeView.h 使い方 UIView のサブクラスなので生成してビューへ貼り付けるだけで使える。 （コード例） LKBadgeView* badgeView = [[[LKBadgeView alloc] initWithFrame:CGRectMake(100, 200, 50, 20)] autorelease]; [self.view addSubview:badgeView]; badgeView.text = @"23"; XIB に配置してそれを使ってもいい。サンプルアプリではこの方法を使っている。 @property (nonatomic, retain) IBOutlet LKBadgeView* badge
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
描画を blocks 化するライブラリ
GitHub - sendoa/QBKOverlayMenuView: Menú flotante que trata de imitar el ofrecido por la app Sparrow para iOS