こんにちは。 Sleipnir Mobile for iPhone / iPad 開発担当の宮本です。 調べてみると、Sleipnir Mobile の最初のコミットは 2010年9月6日で、もう3年近く開発しているようです。最初はこんな貧弱な API でブラウザなんて作れるわけ無いと思っていましたが、なんとかなるものですね。今では多くのユーザーさんに使っていただけるプロダクトになりました。 今回は、この3年間で、使ってきた UIWebView の技を紹介したいと思います。詳細な方法については書きませんが、UIWebView で何ができて何ができないのかはわかるかと思います。それぞれの詳細なやり方については機会があれば書いていきたいです。 目次 長くなりそうなので、目次を用意しました。 余裕があればアップデートするので、ブックマークでもしておいてください。 UIWebView の API

Mobile App Development Fast, Easy and Flexible.Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud IDE

他アプリケーションが格納した Keychain Services 内の情報へのアクセス Mac OS X の場合はユーザが許可を与えれば他のアプリケーションの情報へアクセスすることができる。一方、iOS の場合、アプリケーションは自身が保存した情報のみアクセスが行える。他のアプリケーションの情報へは基本的にアクセスすることができない。ただし同じプロビジョニングプロファイルを使ってビルドされたアプリは設定により情報を共有することができる（後述）。 iOS での特記事項 iOS には単一のキーチェーンのみ存在する（Mac OS X は複数）。 iOS の場合、PC接続時にストレージの内容は暗号化されたままバックアップされる。これを復号化するパスワード(keychain password)はバックアップされない（iOSデバイスの中から外に持ち出されない）。 Keychain Service はプ

UIView には contentMode というプロパティがあります。このプロパティを使えば、面倒な画像の編集をせずに見た目を変えられます。 contentMode は View のサイズが変わる時にコンテンツをどう表示するかを決めるものです。たいてい画像をどう表示するかを決めるので、UImageView や UIButton で使われます。enum で色々定義されているので、下の画像を使って順に試していきます。 UIViewContentModeScaleToFill View のサイズと画像のサイズが同じになります。View の横幅が画像より大きいので横に伸びてしまいます。UIImage を stretchableImage にした時などに使います。 UIViewContentModeScaleAspectFit アスペクト比を維持したまま、画像のすべてが表示されるようにリサイズされ

iPhoneはフリックやスワイプ、ピンチというジェスチャー概念の導入によって、チマチマしたスクロールバーから解放され、スタイラスペンのいらない実用的なタッチデバイスとなっているんだと思うわけですが、この機能の代表格であるUIScrollView、どうやれば使えるんでしょうか？ 試してみます。 まずは「UIScrollViewはどこまで面倒見てくれるのか？」から。 以下にSafariでサポートされてる代表的なジェスチャーコマンドを上げてみたんですが、どこまで勝手に面倒見てくれるんでしょう？ ジェスチャ名　　動作　　　　　　　Safariでの対応 ダブルタップ　　ポンポンと押す　　ズームイン ドラッグ　　　　引きずる　　　　　スクロール フリック　　　　はじく　　　　　　スクロール（一定時間自動） スワイプ　　　　複数指でドラッグ　スクロール なぞる ピンチオープン　つまんで開く　　　ズームイ

#import <UIKit/UIKit.h> @interface AutoSizingLabel : UILabel {} - (id) initWithText:(NSString *)text andFont:(UIFont *)font; @end @implementation AutoSizingLabel - (id) initWithText:(NSString *)text andFont:(UIFont *)font { CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake([[UIScreen mainScreen] bounds].size.width, 10000) lineBreakMode:UILineBreakModeTailTruncation]; self = [super

Twitterアプリなどでよく見かける文字列サイズぴったりのボタンを良く見かけますよね。 今回はそれと同じような文字列サイズのボタンを作成してみます。 文字列からサイズを取得するにはこちらを参考 - 文字列からサイズを取得する //表示する文字 NSString *text = @"あいうえおあいうえおあいうえおあいうえおあいうえおあいうえお"; //表示最大サイズ CGSize bounds = CGSizeMake(100, 500); //フォント UIFont *font = [UIFontfontWithName:@"Helvetica-Bold"size:18]; //表示モード UILineBreakMode mode = UILineBreakModeWordWrap;//改行する //全体のサイズを取得 CGSize size = [text sizeWithFont:f

UITabBarController, UINavigationControllerを使っているときに、TabBarやNavigationBarによって占有された残りのView領域の大きさを取得したい。 そう思って色々調べたもののなかなか見つからなかった。とりあえず高さ480からステータスバーで20、あとはNavigationBar, TabBarの高さがそれぞれ分かれば、、、と。 結局たどり着いたのは、UITabBarControllerのrotatingFooterView, rotatingHeaderViewを使う方法。 UITabBarControllerの中のUINavigationControllerの中のUIViewControllerからなら、 CGFloat navHeight = [[[self tabBarController] rotationgHeaderVie

UIScrollViewのcontentSizeが理解できずに夜中までXcodeをいじっていた。 なにが分からないのか。 大きな画像をScrollViewにaddSubviewしてスクロールさせるやりかたは分かる。 ピンチで画像を拡大できるようにするやり方もわかる。 しかし、サブビューに入れたコンテンツの大きさが変わったり、キーボードが出たりしたときに、表示はすぐに崩れてしまう。そういったとき、「どのタイミングで」「どの値に」「何の値を入れ」ることで、適切にレイアウトされるのかがわからない。 試行錯誤も大事だが、毎回試行錯誤していては時間ばかりが過ぎてしまう。頭をクリアにしたかったんだ。 そこでまずはcontentSizeを見てみた。 簡単に検証 UIScrollView* scrollView; (bounds.size：320*480) UILabel* label; (bounds.

//表示する文字 NSString *text = @"あいうえおあいうえおあいうえおあいうえおあいうえおあいうえお"; //表示最大サイズ CGSize bounds = CGSizeMake(100, 500); //フォント UIFont *font = [UIFontfontWithName:@"Helvetica-Bold"size:18]; //表示モード UILineBreakMode mode = UILineBreakModeWordWrap;//改行する //１行だけのサイズを取得 CGSize size = [text sizeWithFont:font forWidth:bounds.width lineBreakMode:mode]; //全体のサイズを取得 CGSize size2 = [text sizeWithFont:font constrainedToS