coding for mobile - iOS, Android & Windows PhonePrototype of a tide table UI Posted on July 30, 2012 13:18 by honcheng | Filed under Just for fun, Prototype , iOS I created this as a feature in WeatherLah a few months back. WeatherLah is a Singapore weather app designed by @isnav and done by an intern at buUuk. But this feature will probably need some tweaking before it makes it into the app. Thi
In this UICollectionView tutorial, you’ll get learn how to leverage the superpowers of the only view capable of dethroning UITableView as the king of UIKit. Note: This tutorial has been updated for Swift 3, iOS 10, and Xcode 8. The iOS Photos app has a stylish way of displaying photos via a multitude of layouts. You can view your photos in a nice grid view: Or you can view your albums as stacks: Y
Update note: Check out our newer version of this tutorial, updated to Swift and iOS 8: Beginning Auto Layout Tutorial in Swift: Part 1. Have you ever been frustrated trying to make your apps look good in both portrait and landscape orientation? Is making screen layouts that support both the iPhone and iPad driving you to the brink of madness? Despair no longer, I bring you good news! It’s not hard
2012-12-31 Auto Layoutチュートリアル その1 UIView Tutorial 今回はAuto Layoutでのsubview配置について説明したいと思います。 Auto Layoutによる配置の基本的な考え方 従来のframeのCGRect指定やAutoresizingMaskのFlexibleWidth、FlexibleHeightに慣れている人は、頭の切替が必要だと思います。Auto LayoutによるSubview配置は以下のようにして考えます。 Superviewの上端 or 下端 or 左端 or 右端からの間隔(Space) Superviewの水平方向中心、垂直方向中心に位置するかどうか 他のViewとの相対位置。間隔、アライン合わせ、サイズ合わせなど Documentを読むよりInterface Builderでいろいろ触ってみて理解するのが早いです。
最近になって変わったObjective-Cのインスタンス変数の命名規則について。 プロパティに対応するインスタンス変数の変数名をプロパティ名と別にすべきか、また、インスタンス変数名をアンダースコア(_)で始めるべきかどうか、さまざまな場所で議論になっているのを見てきて、自分も長い間悩んだ結果、結論が出たのでその経過をまとめておきます。 背景をとばして結論だけ見たい人はこちらへ。 iTunes Uのスタンフォード大学の"CS193p: iPad and iPhone Application Development"の講義は、iPhoneアプリをこれから作ろうという人にはもちろん、既に作っている中級者の方にとっても、見る価値があると思います。 特に、Paul Hegartyによる2011年秋の講義はiOS5に完全に対応していて、説明も非常に分かりやすく、必見です。何と言っても、こんな白髪白髭の
前回の記事で、Path や Facebook ライクなスライドメニューを実現するライブラリ7種類を比較し、ウォッチ数が多く最終更新日も比較的新しいことから、IIViewDeckController をチョイスしました。 こんな感じのUIが作れます。 ARC対応もしてあり、スライドメニューも左側からだけでなく、右側からも出すことができます。 今回はそんな IIViewDeckController の実装方法を紹介します。 基本的な使い方 1. ソースコードをダウンロード https://github.com/Inferis/ViewDeck 2. プロジェクトにファイルを追加 ViewDeck フォルダ(IIViewDeckController と、 WrapController が入っています)をプロジェクトに追加します。 3. AppDelegateでヘッダをインポート #import
前回の記事「iOS アプリの構造がどのようになっているか紐解いてみる」で iOS アプリの構造について説明しました。深いところの説明ばかりだったのでもう少し浅いところ、画面の見た目や画面遷移を実装する方法について説明します。 ユーザの要望がどのようにアプリに反映されるのか アプリができる背景には「アプリでこんなことしたい」というユーザの要望とか、開発者自身の「アプリを通してXXのような素晴らしい体験をユーザに提供したい」という思いが出発点になっています。 ユーザの要望だったり開発者の思いは「UX設計」「ユースケース抽出」「UI設計」という3つの段階に分けてアプリに反映していきます。図にすると以下のような感じです。 UX(ユーザエクスペリエンス)設計 ユーザの要望や開発者のこんなもの作りたいという思いを元に、いつ、どこで、誰が使うのか?アプリが使われる状況を洗い出す。その上でユーザがアプリを
iOS アプリの構造がどのようになっているのか理解しなくても簡単なアプリを開発することは可能です。実際自分も iOS アプリの開発をはじめたことろはそうでした。しかしアプリの構造を理解していないと複雑なアプリ、例えばタブとナビゲーションを組み合わせたアプリやマルチタッチやジェスチャーを使ったアプリなどを作ろうとしたときにハマることが多いです。 本記事では iOS アプリの構造について説明します。 一番単純なアプリの構造 それでは iOS アプリの中でも一番単純なアプリの構造がどうなっているのか見てみましょう。 iOS で一番単純なアプリは画面を一つ表示するアプリです。画面を一つ表示するアプリはシングルビューアプリケーション(Single View Application)といいます。 ラベルもボタンもなく、ただ真っ白な画面を表示するだけのアプリがどのような構造になっているのかみてみましょう
カレンダーのUIはAppleから提供されていないみたいなので、自作するか、オープンソースのプロジェクトを使わせてもらうことになります。 そんなわけで、ざっくり読んだだけですがgithubで公開されているiPhone用のカレンダーUIのまとめ。 リンク先に、もう少し長めの説明を書きました。 Si-Calendar シンプルだけどよく出来た実装。 カスタマイズの起点にちょうどいい。 Kal 標準カレンダーの完璧なクローン githubのwatch数は650超え。 SimpleCalendarView シンプルなカレンダーUI。 素直な実装。上2つに比べると、機能は少なめ。 イケてる便利関数があるので、要チェックです。 DDCalendarView たった4ファイルのカレンダー。 実際使うには、いろいろ足りない気もするけれど、最小構成を確認するという意味では有用。 リスト形式 G
iOS組み込みのキャッシュモジュールNSCacheについて発表しました - ninjinkun's diary @k_katsumi キャッシュを分ける方のはわかりやすくて良いですね。後から読む人の参考になりそうなので、URL と URL の発言、ブログに引用させていただいても良いでしょうか。 2012-03-26 16:42:44 via web to @k_katsumi @ninjinkun はい。ぜひぜひー。せっかくなので便乗して僕がいつも使ってる画像キャッシュのコードを共有したりしてみます。 2012-03-26 16:45:05 via YoruFukurou to @ninjinkun @k_katsumi お、それは楽しみです!この手のものはみんな独自に作ってる感じだと思うので、参考にさせていただきたいですー。 2012-03-26 16:48:23 via web to
便利なライブラリ群を公開してくれている開発者のみなさん。本当にありがとうございます。いつもお世話になってます。 Paylogリリース時にも書いておりましたが、このアプリでは多くのオープンソースライブラリを使わせてもらっています。んで、こんな便利なものが世の中にはたくさんあるんで、開発者のみなさんも是非楽になりましょうよ、という話です。 はじめに オープンソースは、以前なら sourceforge とか google code で探していましたが、最近はもっぱら github ですよね。で、さらにこのサイトをいつも参考にさせてもらってます。ありがとうございます。 iOS向けのオープンソースプロジェクトを集めました。 | lamb. そうそう、大事なことですが、以下に挙げたライブラリに関することはもちろん全て自己責任でお願いしますです。 では、Paylogアプリ内の「ライセンス」にならんでいる
UITableViewCell の accessoryView というプロパティについてです。それほどマイナーなプロパティでもないので、実は当たり前なのかもしれませんが、最近便利さに気付いたので紹介します。 UITableViewCell には accessoryType というプロパティがあって、3種類のアクセサリが付けられます。 accessoryView は、これをカスタムな見た目にしたい時に使うぐらいのものだという認識でした。実際そうなのですが、よく考えたら UIView ならなんでも入れられるわけで、UISwitch だって入れられるんだなと。設定画面でスイッチがよく出てくるのですが、今まで contentView に addSubview していて、位置を合わせるのが面倒だと思っていました。でも accessoryView なら次のコードで終わりです。frame の origi
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名(コールバック)の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
So the project I’m working on now requires text entry. Not a single line of text, for which a UITextField would be well suited, but one or perhaps multiple lines. I’ve been trying to achieve an effect similar to that of the “notes” field in the Apple Contacts app, or the “reminders” field in the Apple Reminders app. These are essentially UITableViewCells that contain a UITextView to allow for text
僕はとにかくUITableViewに関しては、色々と使い方を忘れる。 その度に検索して調べているのです。 今回は、UITableViewに置くUITableViewCellをカスタマイズしようとしたら、どうやって作るのかすっかり忘れていました。 参考にしたサイトの記事がこちら。 Cocoaの日々: [iOS] UINib を使ったカスタム UITableViewCell の作り方 空のxibの作り方 ふむふむ、まず空のxibファイルにUITableViewCellを置いて、その中にいろいろパーツを配置していけばいいのか。 ん? 空のxibってどうやって作るんだっけ? そうそう、これこれ。 なるほどね〜。 先の記事を参考にして、うっかりやっちゃうミスとしては、Cellに配置したパーツの接続先(Outlet)を、File's Ownerにしてしまう事でしょうか。僕はうっかりやりました。 しっか
OpenCVを使って画像処理する際に、パラメータチューニングなどで 画像のヒストグラムをみる必要があって試したライブラリ。 値を渡せばグラフを描画したviewを生成してくれて、 それをaddSubviewするだけ、という大変ありがたいシロモノです。 以下、大まかな使い方を紹介します。 (ソースコード一式)https://github.com/shu223/GraphViewTest 1. ファイルを追加する こちらからs7graphviewをダウンロードし、 以下の3ファイルをプロジェクトに追加します。 S7GraphView.h S7GraphView.m S7Macros.h 2. グラフを貼付ける位置と大きさを設定する S7GraphViewはUIViewのサブクラスなので、 位置や大きさを変えるにはinitWithFrameでCGRectを設定するだけです。 CGRect grap
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く