はじめに コードでAutoLayoutを適用しようとすると、Swift、Objective-Cにかかわらず、どうしても長くなってしまいがちで見難くなってしまいます。その見難くなる問題を解決するために、MisterFusionというライブラリを使用して改善する例を挙げていこうと思います。 レイアウト 下記のスクリーンショットは 赤いViewと緑のViewと黄色のViewが同じ高さ 黄色のViewと緑のViewは同じ幅 すべてのスペースは10px という条件のレイアウトになります。このレイアウトをSwiftでMisterFusionを使って再現した例Swiftで使わずに再現した例 Objecive-CでMisterFusionを使って再現した例 Objecive-Cで使わずに再現した例 という形で書いていきます。Swift MisterFusionを使ったコード 上記のレイアウトをMis

今開発中のPlayer!のログイン・登録画面で、こんな進捗表示をしていますが、これ実はフェイクだったりします( ´・‿・`) (Qiitaの画像サイズ制限が厳しくて粗いです。キレイなものは実際にアプリダウンロードしてご覧下さい。) 経緯 元々、この画面はこういう進捗表示では無く、単にインジケーターがクルクルするだけで、進捗状態が分からないものでした。 特にネットワークが悪いところだと、バグって固まってしまったのでは?とユーザーを不安にさせるようで、たまにそういう声を聞くことがありました。 登録フローは大事なところなので、そういうところでこれが原因で離脱してしまうと残念なので、改善が必要でした。 そこで、ネットワーク処理にもたつきつつもちゃんと正常に処理をしているということを示すために、進捗を表示することにしました。 ただ、例えば大きな画像などメディアファイルダウンロードなどならともかく、こ

ページコントロール(ドット)、ページトップの「送信」、プラス(+)アイコン、並べ替えアイコンの4つは、テストでユーザビリティ上の問題を引き起こすことの多いiOSデザインパターンである。 4 iOS Rules toBreak byAurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade on July 9, 2015 日本語版2015年8月31日公開 巨大ソフトウェア会社(たとえば、AppleやMicrosoft、Google)はユーザーとデザイナー双方のためにデザインガイドラインを作成している。 おかげで、デザイナーや開発者側は、恵まれた条件のもとで、きちんとしたものになることが期待できるインタフェースの作成を始められるようになり、まったく新しいUI要素を考案する(そしてテストする)必要がない。 一方、ユーザー側も、すべての
まずはこちらをどうぞ 今回はこの電源オフスライダーの動きを再現してみたいと思います。 やりたいこと つまみをドラッグしたい つまみから指を離したらアニメーションで移動させたい つまみが最後までいったらイベント処理したい Viewの配置とGestureの接続 storyboard スライダーの背景になるViewのSubViewとして、つまみとつまみの終わりの位置を取得するためのViewを配置しました。つまみの終わりは表示したくないのでhidden = YESとしています。また、電源オフスライダーのような見た目にするために、各Viewの角を丸めておきます。 スライダーのつまみの動きを監視、制御するためにViewControllerにViewを接続します。 Viewをドラッグしたいので、つまみのViewにPan Gesture Recognizerを設定してPan Gesture Recogni
![[iOS]電源オフみたいなスライダーのつくり方 | DevelopersIO](/image.pl?url=https%3a%2f%2fcdn-ak-scissors.b.st-hatena.com%2fimage%2fsquare%2fc83d413afe58d904e71a2ee3e849a272825f43c1%2fheight%3d288%3bversion%3d1%3bwidth%3d512%2fhttps%253A%252F%252Fdevio2023-media.developers.io%252Fwp-content%252Fuploads%252F2015%252F01%252Fios_ui.png&f=jpg&w=240)
概要 スクロールできるメニューバーとスワイプで画面を切り替えることができるViewControolerのコンテナを、オープンソースとして公開しました。 recruit-mp/RMPScrollingMenuBarController |GitHub We published RMPScrollingMenuBarController by open source. RMPScrollingMenuBarController has a scrollable menu bar, and multiple view controllers for iOS. ニュース系アプリでよく使われているUIで、弊社の料理サプリのiOSアプリのトップ画面でも使用しています。 何はともあれこちらのgifアニメをを見てもらったら分かると思います。 自己紹介本記事がはじめてなので本題の前に少し自己紹介を。 リ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? xcode6になって 対応しなければならない画面サイズ(解像度の比率の種類)が5種類に増えました (iPhone4S,iPhone5(S),iPhone6(S),iPhone6 Plus(S)、iPad) デバイスの画面サイズの種類が増えたことで StoryboardやxibでAutoLayoutを使わないやり方でやると 1つのレイアウトファイルではマルチデバイスのサイズに 対応ができなくなってしまっています 自分は今までAutoLayoutを使って来なかったので苦戦したので 他の困っている人向けに備忘録として残しておきます XCode

1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く