AJAX loaders generator in pure CSS and HTML Select a desired category and generate and/or copy the loader code Spinners Spinning loading indicators, or so called "Spinners" in pure CSS and HTML
こんにちは、@yoheiMuneです。 今日は、iPhoneアプリでアニメーションを行う方法のうち、CAAnimationを使ってちょっと凝ったアニメーションを実装する方法を、ブログに書きたいと思います。 CAAnimationとは iPhoneアプリではアニメーションを行う方法はいくつか用意されていますが(UIViewベース、CALayerベース、OpenGLESベースなど)、 CALayerベースでアニメーションをさせると、比較的簡単なコードで凝ったアニメーションを行うことが出来ます。 そのCALayerベースでのアニメーションを実現する方法がCAAnimationです。 CAAnimationにはいくつかのアニメーション指定方法が用意されていますが、今回はKeyframeを用いた実装を紹介します。 今回行うアニメーション 今回行うアニメーションは、小さなダイアログが出てきて、少し止ま
新作アプリ用に同期アイコンを作ったので、これを回転させるのに色々調べたのですが、みんなそれぞれ書いていることが少しずつ違って悩んだので、こうするのが一番シンプルだろうというのを書いてみます。 この例ではImageViewのLayerを操作して90度ずつ無限に回転を繰り返します。 任意の角度を指定したい場合はnumberWithFloat:の数値とrepeatCountでうまく調整してください。(90度以下の数値を指定して必要回数繰り返せば良いはず) CALayer *layer = imageView.layer; CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"transform.rotation"]; animation.toValue = [NSNumber numberWithFloat:
UIImageViewで、1枚の写真を表示するだけじゃなく 連続した写真を次々と表示していくアニメーションを作っていきましょう。パラパラマンガ、または自動的に切り替わるスライドショーのようなものだと思ってください。 1)新規プロジェクタを作る。(test_UIImageView_2 で作りました)2)iPhone用のView WiodowにUIImageViewパーツを貼ります。(訳あって画面下側)3)同じくView WindowにUIButtonパーツ(×2個)を貼ります。(画面上側)4)入力用のUITextFieldパーツを貼ります。(必要に応じてUILabelで「回」という文字も貼り込みましょう)5)必要な画像ファイルをSupporting Files にでもコピーしておきます。6)それぞれのパーツに為のハッシュファイルを入力します。 (.h) #import <UIKit/UIKi
橋本です。寒いので皆さん風邪を引かないようにしてくださいね。 今日はTitaniumでのアニメーション方法の紹介です。 2つほど紹介したいと思います。KitchenSinkにも書いてありますがよく使いそうなので紹介します。 360度くるくる回るアニメーション // イメージを読み込みます var image = Titanium.UI.createImageView({ image: '/images/logo.png', backgroundColor:'transparent', height:'auto', width:'auto' }); // 画像を回転 var t = Ti.UI.create2DMatrix(); var spin = Titanium.UI.createAnimation(); t = t.rotate(3); spin.transform = t; sp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く