Recently in iPhone Development Category

Location Clip 1.4では、デバイスに内蔵されているコンパスと連動してヘッドアップ表示する機能がありますが、今日は、この部分の実装について取り上げたいと思います。

rotation.png

ポイントは、以下の通りです。

- コンパス内蔵のデバイスかどうかを判定し、利用可能であれば CLLocationManagerのstartUpdatingHeadingをコールする。
- コンパスからの情報を得るために、CLLocationManagerDelegateの locationManager:didUpdateHeading: を実装する。
- 地図を回転させるために、MKMapViewのtransformを変更する。
- 地図を回転させても端が欠けないように、地図を表示するMKMapViewのframeのサイズを正方形(例えば500x500)に設定しておく。

以下に実装例を示します。

-- MyViewController.h --

-- MyViewController.m --



iPhone OSにおいて、アプリケーション間でデータを共有する、最も簡単な方法は、ペーストボードを使用することです。

典型的なパターンをあげてみましょう。
ユーザがメモアプリケーションで文字列を選んで「コピー」の操作をし、メール送信画面で「ペースト」操作を行うと、その文字列がメールに貼り付けられます。これは、コピー操作で、メモアプリケーションが文字列をペーストボードに格納し、メールアプリケーションが、ペースト操作の時にそこから文字列を取り出すことで実現されています。それと同じ方法で、どんなアプリケーションでも、ペーストボードを介してデータを受け渡すことが可能です。

ペーストボードには、文字列だけでなく、さまざまな種類のデータを格納することができます。例えば、弊社のExport for Google Documentsというアプリケーションでは、Googleドキュメントからエクスポートしたドキュメントデータを、ペーストボードに格納する機能を持っています。

ここでは、どのような形でペーストボードにデータを格納すればいいのか及び、弊社製Copy & Sendアプリでそのデータを活用する例について簡単に説明したいと思います。

UIPasteboardクラス

iPhone SDKの中では、UIPasteboardクラスがペーストボードを表現するオブジェクトになります。システム内には、複数のペーストボードが存在していますが、それぞれが、UIPasteboardのインスタンスに対応します。

システム標準で用意されているものには、以下の2種類があります。
  • General pasteboard
    • システム標準のペーストボードであり、通常のコピー/ペースト操作で使用されます。
  • Find pasteboard
    • 検索バーに入力されたテキストが保存されるペーストボード

上記以外に、各アプリケーションで固有なものを、自由に作成することができます。標準のペーストボードは、予期しない場面で勝手に上書きされてしまうことがあるので、アプリケーション固有のデータは、固有のペーストボードを使用することをお奨めします。

また、各ペーストボードには、一意に識別するための名称が付与されており、名称が不明なペーストボードにはアクセスできないようになっています。

ペーストボード内のデータ構造

ペーストボード内のデータは、アイテムと呼ばれるNSDictionryの集合として管理されています。
アイテムのNSDictionryのキーは、データの種類を表すUTI(Uniform Type Identifier)と呼ばれる文字列であり、値としてデータのオブジェクトが格納されています。したがって、アイテムの中には、異なる種類のデータを複数格納することができます。
以下に、データ構造の概念図を示します。

Pasteboard_items.png

これは、少し複雑な組合せの例になっています。
1つ目のアイテムは、URLとテキストのペアで構成されています。例えば、Safariでハイパーリンクを長押ししてコピーした場合は、この形になります。
2つ目のアイテムは、Excelのスプレッドシートを、単独で格納したアイテムの例です。
3つ目のアイテムは、JPEG画像とテキストのペアで構成されています。カメラロールの写真をコピーした場合には、この形になります。

Copy & Send及び、Copy & Send Liteで、ペーストボードの内容をブラウズすると、これらのデータ構造を確認することができます。興味がある方は、お試しください。

UIPasteboardのAPIについて

アイテムを操作するためのAPIは、以下の種類に分かれます。
(詳細は、UIPasteboardのリファレンスを参照してください)

  • 標準的な単一タイプのデータを扱うためのもの
    • データにアクセスするためのプロパティとして定義されています。
      • string/strings
      • image/images
      • URL/URLs
      • color/colors
  • 任意のデータタイプを扱うためのもの
    • 上記以外に、UTIを明示的に指定してデータを操作するメソッドが用意されています。

ペーストボードの活用例

一部、冒頭で述べたことの繰り返しになりますが、弊社製の以下のアプリ間で、ペーストボードを使ったデータ連携を実現しています。
  • Export for Google Documents
    • Googleドキュメントからエクスポートしたドキュメントデータを、ペーストボードに格納する。
  • Copy & Send / Copy & Send Lite
    • ペーストボードに格納されているアイテムを活用する機能を実装している。
  • 他のデバイスへの送信
  • 永続領域への保存
  • 内容のブラウズ
これによって、Export for Google Documentsのドキュメントデータを、他のデバイスに送信するといったことができるようになっています。


みなさんが作成したアプリケーションでも、Copy & Send / Copy & Send Liteを有効に活用していただければ幸いです。

開発者の方のために、具体的な連携機能の実装方法について、アプリの中からアクセスできるヘルプドキュメントにて説明しています。よろしければ、そちらをご参照いただければと思います。

よろしくお願いいたします。



Copy & Sendでは、データの送受信に、iPhone OS 3.0から追加されたGameKitを使用しています。当初はBluetoothのみのサポートだったのですが、iPhone OS 3.1からは、WiFi経由での通信もできるようになっていることは、あまり認知されていないように思います。われわれも、Copy & Sendアプリケーションを開発している過程で、偶然気付いたというのが正直なところです。
便利な機能なのですが、いくつか制約もあるので、そのときの経験を元に、概要をまとめておきたいと思います。

開発者向けのドキュメントには明記されていない

Appleから公開されているGameKitに関するドキュメントは、以下の2つですが、いずれにも、WiFi機能のサポートについては説明されていません。


Developer Forums の発言によると、これらのドキュメントは、いずれも3.0レベルのまま更新されていないので、3.1から追加されたWiFi通信機能のことが記載されていないだけのようです。

GKPeerPickerControllerを使った場合は、Bluetoothのみ使用可能である

なぜか、GKPeerPickerControllerクラスを使って接続を確立する場合は、Bluetooth通信のみが使用可能なようです。
WiFi通信を使うためには、GKSessionを使って、自分で接続相手を探して接続する必要があります。

BluetoothとWiFiのどちらを使用するのかを明示的に選択することはできない

WiFiとBluetoothの両方が有効な状態の場合、どちらを使って通信するのかということを、明示的に選択することはできません。Game Kit Frameworkが、勝手に選んでしまいます。GKPeerPickerControllerを使わないで実装した場合は、暗黙的にWiFiを使ってしまうわけですね。
裏を返せば、ドキュメントに記載されていないこととあわせて考えると、GKPeerPickerControllerを使わないで実装した場合にのみ、偶然この機能に気付くということにもなります。

WiFiとBluetoothの状態を検知できない

GKPeerPickerControllerを使う場合、Bluetoothが無効な場合に、以下のようなalertメッセージが出ます。

Bluetooth_unavail.png

GKPeerPickerControllerを使わない場合は、WiFiとBluetoothの状態を検知することができません。

Bluetoothをサポートしていないデバイスでも通信できる

同一WiFiネットワーク内に限定されますが、iPod touch 1Gでも、通信することができるのは、メリットかなと思います。
あと、iPhone Simulatorとも通信できるで、iPhoneの実機が1台しかなくても、テストが可能になることもうれしいですね。

Copy & Sendアプリケーションへの影響

Copy & Sendでは、GKPeerPickerControllerを使わないで実装しているので、以下のような影響を受けています。

  • そのときの状況により、WiFiとBluetoothのどちらで通信されるのかを予測することはできません。
  • WiFiとBluetoothの両方が無効な状態であっても、そのことをユーザに通知することができません。

このあたりについては、ユーザのみなさんに不便を感じさせてしまうところだと思うので、もう少しきめ細かい制御ができるようになると、ありがたいところです。

Copy & Sendを使用して場合は、お手数ですが、WiFiとBluetoothを予めONにしていただくよう、お願いいたします。






Location Clip 1.2 では、カメラで撮った写真をカメラロールに保存する機能がありますが、今日は、この機能の実装について取り上げたいと思います。

皆さんご存知の通り、写真をカメラロールに保存する際に利用するAPIは・・・

ですが、以下のような実装だけで終わらせている(保存完了のコールバックを設定していない)サンプルを実によく見かけます。

このような実装は、一見簡単でいいように見えますが、もし、このように実装してしまった場合、写真を保存し終わったことをアプリケーションが知る術がなくなってしまい、ちゃんと保存できたのかどうかを、アプリケーションで判断できなくなってしまいます。
処理が正常に終わったかどうかを確認するために、ちゃんとcompletionTargetとcompletionSelectorを設定するようにしましょう。

そしてまた、保存処理中にアプリケーションを終了してしまったりすると、カメラロールに写真が保存できなかったり、サムネイルが保存されなかったりすることがあるため、 UIActivityIndicatorView などを使って保存処理中であることをユーザに対して示すような配慮をしてあげると良いと思います。

影付き画像(UIImage)を作成する。

| 2 Comments | 0 TrackBacks
Location Clip 1.2(現在審査中)では、写真を地図上に貼付ける機能が追加されますが、今日は、この機能の中から、地図上に貼付ける画像に影を付ける部分の実装について取り上げたいと思います。
locationclip1_2.jpg

ポイントは以下の通りです。
- 作成する画像のサイズは、写真のサイズに影のサイズを加算したサイズにする。
- 影を付けるには、CGContextSetShadow(または、CGContextSetShadowWithColor)を使う。
- CGContextSetShadowで、グラフィックスコンテキストに対して、影を有効にした後、画像を描く。

以下に、実装例を示します。
以下の実装例では、写真部分を 320 x 240px、影部分を 12px で出力するものとしています。




iPhone Stencil Kitが届きました。

| 0 TrackBacks
前回のエントリで、iPhone Stencil Kit を、発売元に直接発注したことを書きましたが、先週ようやく手元に届きました。

IMG_0062.png

タイミング的に円高傾向だったこともあってか、定価$16.95のところ送料/手数料込みでも2793円と、金額的には日本で購入するときと、それほど大きく変わりませんでした。

付属物は、
  • 0.7mmのシャープペンシル(写真右側の黄色いもの)
  • 発売元ロゴのステッカー(裏側に隠れてる赤いもの)
です。

とりあえず、入手してみましたが、本当にこのようなアナログなツールを使ってデザインするのがいいのかどうかについては、何とも言えないところです ;-)

なお、発売元のサイトから、このステンシルに合わせた用紙のテンプレートがダウンロードできます。

iPhone Stencil Kit | Design Commission
MS Officeなどで使えるクリップアートみたいなものの方が、現実的には利用価値があるかもしれませんね。

iPhone Stencil Kitを注文してみました。

| 0 TrackBacks
iPhone Stencil Kitが、act2.comで販売されていますが、現在、在庫切れになっているようです。

米国の発売元のWebサイトからも、購入できるようなので、先ほど注文してみました。
(PayPalのアカウントが必要です)

iPhone Stencil Kit | Design Commission

納期に関する情報が明示されていないので、いつ届くかわかりませんが、とりあえず待ってみることにします。



MKMapViewの地図のタイプを変更する。

| 1 Comment | 0 TrackBacks
MKMapViewでは、地図のタイプとして、以下の3種類を選択することができます。
  • マップ
  • 航空写真
  • 地図+写真

今日は、この地図タイプの切り替えについてのトピックです。

ポイントは、以下の通りです。
  • 地図のタイプを選択するセグメントコントロールを用意する。
  • UIControlEventValueChangedイベント(セグメントコントロールの値が変わったタイミングで発行されるイベント)を処理するためのメソッドを定義する。
  • セグメントコントロールの値が変わったタイミングで、地図のタイプを変更する。
  • 地図のタイプの設定は、MKMapViewのmapTypeプロパティの値を設定することで行う。

以下に、実装例を示します。

-- MyViewController.h --

-- MyViewController.m --


簡単でいいですね。
MapKit、とても良く出来ています。

MKMapView上にアノテーションを追加すると、当然、ドラッグして動かしたくなりますよね。
今日は、その時に、アノテーションを "ぽよん" と浮かせる方法についての記事です。

ポイントは、以下の通りです。
- MKPinAnnotationViewのサブクラスで、タッチイベントを処理する。
- touchesBegan:withEvent: が呼ばれたら、MKPinAnnotationViewのimageをピンが浮いているように見える画像と入れ替える。

えっ、それだけ?という方もいらっしゃるかもしれませんが、はい、これだけです。

以下に、実装例を示します。

-- MyPinAnnotationView.h --

-- MyPinAnnotationView.m --


注)
なお、この方法は、Location Clipでは、そうしているというだけで、正しいやり方かどうかはわかりません。ご了承ください。

Export for Google Documentsでは、Google Documentsからダウンロードしたドキュメントファイルを、プレビューする機能を備えています。それは、アプリケーションで複雑なレンダリング処理を実装しているわけではなく、iPhone SDK標準のUIWebViewというコンポーネントを利用して実現しています。
UIWebViewは、その名の通り、Webサイトのコンテンツを表示するためのコンポーネントですが、HTML以外の種類のドキュメントにも対応しており、MS OfficeのドキュメントやPDFの内容を表示することができます。
Export for Google Documentsが、MS Officeの形式に変換したドキュメントを表示している処理は、実は、データをUIWebViewに渡しているだけの簡単な実装で実現されています。

詳細は、以下のドキュメントを参照してください。

Technical Q&A QA1630: Using UIWebView to display select document types

iPhone Applications

Copy & Send

  • ダウンロード終了しました

Copy & Send Lite

  • ダウンロード終了しました

Location Clip

  • ダウンロード終了しました

Export for Google Documents

  • ダウンロード終了しました