A shorthand for designing UI flows
Flows are just as important to good interfaces as individual screens are. Customers don’t land on screens from out of nowhere. Specific sequences of actions lead customers through your app as they try to accomplish their tasks. But as important as they are, flows are hard to communicate during the design process. Drawing out every state of a flow is too time-consuming. And drawings become instantl
One-line fix for UITextView on iOS 7 - 24/7 twenty-four seven
【参考】untitled - iOS 7 のテキスト入力欄（UITextView）の問題について iOS 7のUITextViewのバグを１行で直す裏ワザ [[NSUserDefaults standardUserDefaults] setBool:NO forKey:@"UIDisableLegacyTextView"]; 解説 iOS 7にはバグだらけのUITextViewのほかに_UICompatibilityTextViewというiOS 6以前のUITextView（と思われる）クラスがあり、 メモ（Notes.app）など同様の不具合が再現しない標準アプリは_UICompatibilityTextViewが使われている。 そしておそらくこのフラグによってUITextViewをインスタンス化したときにどちらが使用されるかが変わる。 以下のようにmain.mあたりで設定すると有効にな
iOS SDK 5 で UIAutomation が良くなってたという話
Mac / iOS 開発担当の松本です。 以前同じチームのミヤモトさんが紹介記事を書いていた UIAutomation ですが、使いにくくて使っていませんでした。というのも以前のバージョンはコマンドラインからテストを実行できず、毎回 Instruments を手で起動して、、という残念な状態だったからです。 ところが iOS SDK 5からはコマンドラインからテストを実行できるようになったと言うので再度トライしてみました。 コマンドラインからテストの実行 手始めに下記のハローワールドをコマンドラインから実行してみます。 // hello_test.js UIALogger.logMessage("Hello, UI Automation!"); テストの実行は instruments コマンドで行います。 $ instruments \ -t /Developer/Platforms/iP
【iOS7】フラットデザインUI実装に役立つライブラリのまとめ - その後のその後
iOS7で採用されたフラットデザインっぽいUIを、現行iOS（〜6.x）で実装する際に役立つOSSをまとめました。後半ではiOS7っぽく下のビューをブラーかけて半透過表示するライブラリや、パララックス表示するライブラリも紹介しています。 * English version of this article ※（2013年7月17日追記）9点追加し、カテゴリ毎に分類しました。 総合 FlatUIKit フラットデザインなUIコンポーネント詰め合わせ。ソースをみると、ほとんどのコンポーネントが該当するUIKitコンポーネントのカテゴリやサブクラスとしてつくってあって、使いやすそうです。 FlatUI 同様にUIコンポーネント詰め合わせですが、かなりiOS7に似せてつくられている点が特長です。 UI7Kit iOS5, iOS6 で iOS7 の見た目を実現するUIKitのサブクラス集。 iPho
#potatotips で隅々までタップできるUINavigationBarの話をしました
potatotipsというのはクックパッドさんが開催しているiOS/Android開発者のtips共有会です。 普段は社内のメンバーで定期的に行っているそうなんですが、今回は社外の開発者も含めて開催でした。 持ち時間は1人あたり5分と短かったので、すぐに活用できそうなtipsが多かったように思います。 話したこと iOS 7になってからUINavigationBarのcustomViewが中央寄りになってしまい、 バーの両サイドに配置されたカスタムボタンが押しにくいという問題が起きました。 これだけを理由にUINavigationBarを使うのを辞めるのはもったいないので、 customViewのフレームに影響されずに隅々までタップできるUINavigationBarを実現する方法を考えました。 実装のアイディアは結構単純で、customViewのフレーム外であってもタッチイベントの位置に
ios7のnavigationbarをios6以前のデザインに合わせる方法 - Qiita
ios6 → ios7対応をする際にios6のデザインで対応する際の覚え書き レイアウト崩れ 原因は、ほぼこれ In iOS 7, view controllers use full-screen layout. At the same time, iOS 7 gives you more granular control over the way a view controller lays out its views. In particular, the concept of full-screen layout has been refined to let a view controller specify the layout of each edge of its view. 全体的に上部に寄ってしまっているのを対処 xcode4で作成したアプリをxcode5で見ると全体的に
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
UIButtonをトグルボタンにする方法
ちょいちょい使う機会が増えてきたのでコピペしておく highlightedFlagはメンバ変数。 - (void)highlightReset:(id)sender{ UIButton *button = (UIButton *)sender; button.highlighted = NO; } - (void)highlighted:(id)sender{ NSLog(@"highlightedFlag"); UIButton *button = (UIButton *)sender; button.highlighted = YES; } - (void)buttonPush:(id)sender{ UIButton *button = (UIButton *)sender; NSLog(@"%d",[button isHighlighted]); if (highlightedFl
iPhone5/iOS6で、アプリの縦幅を568pxに変更する方法
iPhone5/iOS6で、アプリの縦幅を568pxに変更する方法 iPhone5/iOS6でアプリの縦幅を568pxに変更する方法が分かったので自分メモ。大きく2つやることがあります。 1.Default.pngと同じ形式で、スプラッシュ画像「Default-568h@2x.png」をプロジェクトに追加すれば、iPhone5用の高さ568pxレイアウトで表示されます。 Default-568h@2x.pngのサンプルはこちら 2.Windowのサイズをデバイスサイズに合わせて変更する。 以下のコードをAppDelegate.mに追加してください。xibやinfo.plistでスマートにウインドウサイズを変更する機能は今のところないみたいです。これをやらないと画面下のエリアがクリック出来なくなります。 - (void)applicationDidFinishLaunching:(UIApp
iOS アプリの画面開発の基礎を理解する - A Day In The Life
前回の記事「iOS アプリの構造がどのようになっているか紐解いてみる」で iOS アプリの構造について説明しました。深いところの説明ばかりだったのでもう少し浅いところ、画面の見た目や画面遷移を実装する方法について説明します。 ユーザの要望がどのようにアプリに反映されるのか アプリができる背景には「アプリでこんなことしたい」というユーザの要望とか、開発者自身の「アプリを通してXXのような素晴らしい体験をユーザに提供したい」という思いが出発点になっています。 ユーザの要望だったり開発者の思いは「UX設計」「ユースケース抽出」「UI設計」という3つの段階に分けてアプリに反映していきます。図にすると以下のような感じです。 UX(ユーザエクスペリエンス)設計 ユーザの要望や開発者のこんなもの作りたいという思いを元に、いつ、どこで、誰が使うのか？アプリが使われる状況を洗い出す。その上でユーザがアプリを
UIToolBarとUIButtonとUIScrollを組み合わせてオリジナルタブっぽいものを作る
横にスクロールするタブがほしいとか言われておいおいと思いつつなんとかつくった。 ヘッダーファイル #import <UIKit/UIKit.h> @interface tabSampleSampleViewController : UIViewController{ IBOutlet UIToolbar *toolbar_; IBOutlet UIView *mainView_; @private UINavigationController *navigationController1_; UINavigationController *navigationController2_; UINavigationController *navigationController3_; UINavigationController *navigationController4_; UINavig
UINavigationControllerの戻るボタンを消す方法 | uni開発ブログ
RT @96pen 報道発表資料 : 信用金庫向け「渉外業務用スマートフォン」提供開始 | お知らせ | NTTドコモ http://t.co/WXXM0Wbc 06:17:45 AM 2月 17, 2012 from TweetDeckRT @Fuwarin "自宅に「ヤマト運輸です。お荷物が届いています。○○市○○の続きの住所を教えてください」と電話が入る。「荷物はどこから？」と尋ねても「受け取ってもらえたら分かる」と言われた" 宅急便を装う不審電話について http://t.co/t7TpltoE 12:37:54 PM 2月 16, 2012 from TweetDeckRT @monobyte 「もんじゅ」ナトリウム漏洩検出器が一時停止 - MSN産経ニュース http://t.co/xwhRUaOW 怖いですよぉぉぉ 12:34:14 PM 2月 16, 2012 from T
カレンダーを生成するUIコンポーネントライブラリ for iOS | MemeTodo
2011年8月29日月曜日 カレンダーを生成するUIコンポーネントライブラリ for iOS カレンダーViewを作るのに参考になりそうなものを探している。 devinross/tapkulibrary - GitHub 標準カレンダーライクなUI カバービューなどいろんなViewを提供してくれるライブラリの一部にカレンダーがある。 klazuka/Kal - GitHub こっちも標準カレンダーライク muhku/calendar-ui - GitHub DayとWeeklyのViewがあるカレンダー damiandawber/DDCalendarView - GitHub シンプルな感じのカレンダー実装 標準でカレンダーViewを提供されてそうな気がしそうなんだけど、EventKitみたいなAPIぐらいしかないのかな。 他にもカレンダーViewを作るライブラリなどがあったらよろしくお願
Recreating The Raised Center Tab Bar Button of Instagram, DailyBooth & Path™
Full Source code: https://github.com/boctor/idev-recipes/tree/master/RaisedCenterTabBar Problem: Apps like Instagram, DailyBooth and Path™ have what looks like a standard UITabBarController, but the center tab bar is raised or colored. How do we recreate this look? Solution: These tab bars look pretty standard with the exception of the center item, so we’ll start out with a standard UITabBarContro
GitHub - SVProgressHUD/SVProgressHUD: A clean and lightweight progress HUD for your iOS and tvOS app.
SVProgressHUD SVProgressHUD is a clean and easy-to-use HUD meant to display the progress of an ongoing task on iOS and tvOS. Installation Swift Package Manager Swift Package Manager (SwiftPM) is a tool for managing the distribution of Swift code. It simplifies the process of managing Swift package dependencies. To integrate SVProgressHUD into your project using SwiftPM: In Xcode, select File > Add
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Ciechan/BCGenieEffect: An OSX style genie effect inside your iOS app.
move up UIToolbar
Easy way to disable a UITextField?
Android UI Patterns
