iPhoneアプリ開発についてのデザインとアニメーションの実装方法

このQ&Aのポイント
  • iPhoneアプリ開発に興味があり、xcodeでオリジナルのデザインやアニメーションを実装したいです。
  • 具体的には動的なリストの削除や移動のアニメーションについて知りたいです。
  • InterfaceBuilderで提供されるボタンやリストは味気ないので、どのようにカスタマイズすれば魅力的なデザインになるのか知りたいです。
回答を見る
  • ベストアンサー

iPhoneアプリ開発について

iPhoneアプリ開発に興味があるものです。 先日macにxcodeをインストールしサンプルをいくつか書いてふと思いました。 オリジナルのデザインやアニメーションはどのように実装したらいいのでしょうか。 どう表現したらいいかわかりませんが言葉にしたらこんな感じでしょうか。 例えばこの動画のように、リストを動的(小さくなって消えるようなアニメーションとか)に削除したり移動(浮き上がって移動し指を離すとストンと落ちるようにそこに入るアニメーションとか)させたりする方法です。 まだまだxcodeに触れて日も浅いですが、xcodeでこのように自由度の高い操作ができるUIを作れるとは思いません。 InterfaceBuilder(iPhoneSDKといえばいいのでしょうか?)についているボタンやリストは無味乾燥な印象をうけますがどう弄ればここまで味のあるデザインを実現できるのでしょう。 全くの初心者で申し訳ありません。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • anyhelp
  • ベストアンサー率43% (79/180)
回答No.1

どう弄れば実現できるかの手順を一言で教えるのは難しいですね。 見た目にも美しく動きのよいものを手っ取り早く自分の手で動かしてみたいという意味でお答えしますが、 iphoneアプリで美しいグラフィックを作る方法は2つあります。 プログラミングで様々な図形を描画して組み合わせる方法と市販の画像編集ソフトで画像を作成しプログラムで読み込ませる方法です。 一般的には画像を使う方が簡単です。美しいアプリを沢山みてセンスを磨く事です。ボタンやリストも画像を組み合わせることができます。 次にグラフィックを操作により反応(インタラクション)させたり、アニメーションを作成するにはプログラミングで作成します。 プログラミングには一からすべてプログラムを書く方法と、他人の作ったプログラムを活用する方法があります。 これは、他人の作ったものを活用したり改良する方が簡単です。ライブラリやフレームワークと呼び、世界中には様々な動きを実現する手助けとなるプログラムを他人が活用しても良いという形で無料で公開している人が沢山居ます。その仕組みを活用させてもらうわけです。こちらは積み重ねなので複雑なものを実現したいとなれば、他のライブラリを組み合わせたり、一から自分でプログラムを書く等、それ相応の時間はかかります。

puntero
質問者

お礼

回答ありがとうございます。 >ボタンやリストも画像を組み合わせることができます。 ボタンやリストを画像と組み合わせることは可能だということはわかりました。 しかし、組み合わせる以前にボタンやリストを動的に削除したり移動させたりすることは可能でしょうか。

その他の回答 (1)

  • BearCave
  • ベストアンサー率20% (189/909)
回答No.2

OpenGLを使って自前でUIを作れば可能です。ゲームアプリなどは皆そうしています。

関連するQ&A

  • cocoaアプリで悩んでます。

    cocoaアプリで悩んでます。 よろしくお願いします。 Mac初心者です。 現在、cocoaAPI、Xcode3.0、InterfaceBuilder3.0(以下IB)を使ってアプリケーションを作っています。 <アプリ概要> <1>実行時に現れるダイアログにhtmlファイルをドラッグ&ドロップで貼り付けて表示。 <2>そのファイルがあるフルパスを表示。 <現状> 上記内容は実装できたのですが、<1>から<2>に進むためには設置したボタンをクリックしなければいけないような仕様になっています。 これをドラッグ&ドロップした時点で<2>の状態に進むようにしたいのです。 できるだけIBを利用したいと思っています。 WebViewクラスにはDownloadDelegate等のデリゲートが準備されているので、これを使うべきなのかなと思っているのですが、IB上で設置したインスタンスからデリゲートをどのように設定するのか、設定されたデリゲートに対するメッセージをどのように活用するのか(メソッドの引数には受け取ったメッセージを記述すべき?、どう書けば良いのか?、等)よく理解できていません。 デリゲートでメッセージを受け取った側のクラスのメソッドはどのように書けば良いかサンプルコードを記述して頂けるのであればうれしい限りです。 どうぞよろしくお願いしいます。

  • androidアプリのアニメーション作成方法

    初めまして、現在趣味でAndroidアプリの開発を行っています。 簡単なアニメーションを作成しようと思っているのですが、どうにもうまくいかないので やり方を教えていただければと思います。 【実現したいこと】 1.画面内をタップするたびに表示されている画像が少しずつ下に移動する 2.規定回数画面内をタップすると画像が画面外に落下していく 上記のうち1.がうまく動作しません。 現在以下のようなXMLファイルを作成して1.を実現しようとしています。 <?xml version="1.0" encoding="utf-8"?> <translate xmlns:android="http://schemas.android.com/apk/res/android" android:interpolator="@android:anim/decelerate_interpolator" android:fromXDelta="0" android:toXDelta="0" android:fromYDelta="0" android:toYDelta="30" android:fillBefore="true" android:fillAfter="true" android:duration="500" /> 上記のようなXMLファイルでアニメーションを実装すると画面タップのたびに 移動させたい画像の初期の表示位置から30ピクセル落下してまた元の位置に戻る。 という動きを繰り返す処理になってしまいます。 調べたところAndroidのアニメーション処理は実際の画像の座標をずらしているわけではなく 擬似的に移動させているだけだということがわかりました。 私がやりたいことを実装するにはAndroidのアニメーション処理では不可能なのでしょうか? 不可能ならばどのような方法で実現可能なのでしょうか? わかる方がいましたらご教授願います.

  • iPhoneゲームで自分の高校名を検索したい。

    iPhoneゲームで自分の通っている高校名を検索して、ユーザー情報として保存したい。 はじめまして。 現在、会社の仕事をこなす傍ら、昔からの夢だった自作ゲームをiPhoneで作ろうと思い、 開発を進めています。 またまた質問させてください。 タイトルのとおり、ユーザーが自分の通っている高校名を検索して、選択した上で保存する画面を作りたいと考えています。 ◆質問したいこと: 基本的にはUISearchBarをカスタマイズして実装することを考えていますが ・日本国内の高校は5000件以上あり、文字列配列を5000件いっぺんにplistから 読み込んで検索できるのか。 ・できたとしても、パフォーマンスの観点からすべきではないのか? ・ユーザーの使いやすさから考えても、せめて都道府県くらい検索したほうがいいのでは?? ・それを実装したいならば、こんなやり方のほうがいいんじゃない? ・こんなサンプルがあるよ。 などなど、ご意見、アドバイスを頂けないでしょうか。 現時点では、 1、なるべくexcelなどの形式になったファイルを探し出して 高校名の一覧ファイルを作成する。 整形したCSVに変換した後に、プログラムで学校名一覧plistを作成 2、デザインをカスタマイズしたUISearchBar+UITableViewの画面を作り plistを配列に変換 3、ネットの情報を参考にしつつ、通常のUISearchの実装を行い、フィルターした配列を TableViewに表示する ◆ゲーム、実装の内容: スタミナを消費して、ゲームを始めることができます。 スタミナは一定の時間が経過するごとに1ずつ回復していきます。 まったくわからないなりにサーバーも準備して、通信してフレンド登録もできるような形式です。 理想としては極力、通信による遅延を避けるために、アプリ内で時間を計測して、スタミナの回復量を計算できれば、ベストです。 ◆自分のレベル: アップルのドキュメントに記載された簡単なサンプルや簡単なtodoアプリを理解して作成できる程度です。 UISearchBarの基本的な実装はサンプルを通して、理解しました。 ◆開発中のXcodeバージョン。アプリの対象OS: iOS5,6対応。XCode4.5。 以上 宜しくお願い致します。

  • jQueryのtabsについて

    http://www.stilbuero.de/2007/10/23/jquery-ui-tabs-aka-tabs-3/ http://www.stilbuero.de/jquery/tabs_3/ http://www.special-sauce.com/sample/ マウスオーバーでタブ切り替え、かつ自動再生をさせたくて上記2点などのリンク先を参考に作りました。しかし以下のような問題が発生してしまいました。 テキスト1にマウスを置いてアニメーション途中でテキスト2へそしてテキスト1に戻るとアニメーションが途中で止まってしまう。 http://www.stilbuero.de/jquery/tabs_3/rotate.html 上記のデモサイト(こちらはクリックで動きますが。。)でも同じ症状がでるのでJavaScriptを書き足さないといけないのかもしれません。。JavaScriptがイチから書ける人間ではないのでそこをご理解頂いた上でアニメーションが完了するまで次の動きを適応させないなどの解決策をご教授願えないでしょうか。その他ライブラリで実現可能ということであればそちらも教えていただけると助かります。何卒よろしくお願いいたします。

  • [Objective-C]アニメーション

    Xcode 4.5.2を使用して、Objective-CでiPhoneアプリの開発を行っています。 UIView(viewAとします)のsubViewとして 3つのUIButton(btn1, btn2, btn3とします)を配置し、 「animateWithDuration:delay:options:animations:completion:」メソッドを使用して viewAごと移動させるアニメーションを実行しようとしています。 btn1~btn3のタップイベントを実装したいのですが アニメーション実行中はbtn1~btn3のタップイベントが受け付けられません。 「animateWithDuration:delay:options:animations:completion:」メソッドの「option:」に 「UIViewAnimationOptionAllowUserInteraction」を指定してみたのですが それでもだめです。 原因が分かる方、いらっしゃいましたら教えていただけないでしょうか? 初歩的な質問で申し訳ありません。。 (ソース) ※画面はstoryboardで作成しています。 //アニメーション設定 [UIView animateWithDuration:5.0f delay:0.5 options:UIViewAnimationOptionCurveLinear |UIViewAnimationOptionAllowUserInteraction animations:^{ //移動 [self.viewA setFrame:CGRectMake(0, 330, 320, 60)]; } completion:^(BOOL finished) { //処理 } ];

  • iPhoneアプリの開発についてです。

    右スワイプで左からフロントビューの上にかぶさるようにテーブルビューが出てくる機能を実装したいと思っています。 フロントビューとサイドビュー、どちらも一つのコントローラーに乗せてしまえば簡単なのですがサイドビューは別のコントローラー、つまり別のクラスで管理したうえで実装したい。 サイドビューを管理するクラスをインスタンス化し、 SideViewController *side = [[SideViewController alloc] init]; side.tableView ~ という風に呼び出してコーディングしてもうまくいきません。 アドバイスいただけると幸いです。

  • iPhoneアプリの開発についてです。

    tableviewからwebviewへのセグエによるシーンチェンジで問題が生じます。 tableviewにはuiswipeを実装しているのですがシーンチェンジした後のwebviewでもtableviewのswipeが適用されています。(tableviewでは右スワイプでメニューが出る機能を実装しているのですが、シーンチェンジ後のビューでもそのクラスにコードを記述していないにも関わらずメニューが出てきてしまいます。) 強引な方法で解決可能だと思うのですが、より簡潔なコードで解決できる方法があれば教えてくださると助かります。

  • iPhone アプリ開発

    iPhoneのアプリ開発を始めたばかりなんですが、1のボタンを押したら、次画面に1を表示させるコードを教えていただけますか。同じ画面にはできるのですが。

  • iphoneアプリ開発について

    夏休みを利用してiphoneのアプリを作ろうと思っています. よく広告をアプリに載せてあるのを見るんですが、どのような手順で広告などを載せているのでしょうか? アプリの作り方は何となく理解しています。 法律的な問題などや、メリット、デメリットを教えてください! お願いします。

    • ベストアンサー
    • Mac
  • iPhoneのアプリ開発

    iPhoneのアプリ開発を勉強したいと思っています。 何かよい教材等ありましたら、教えてください。 よろしくお願いいたします。

専門家に質問してみよう