iPhone X対応におけるデザイン上の注意ポイント | fladdict
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
FacebookやTwitterのアプリで気になった表現を自分なりにトレースした際の実装ポイントまとめ（タイルレイアウトがサムネイル画像の枚数に応じて変わる表現） - Qiita
FacebookやTwitterのアプリで気になった表現を自分なりにトレースした際の実装ポイントまとめ（タイルレイアウトがサムネイル画像の枚数に応じて変わる表現）UIXcodeiOSSwiftSwift3.0 1. はじめに 皆様お疲れ様です。AdventCalendarの20日目を担当させて頂きます、fumiyasac(Fumiya Sakai)と申します。何卒よろしくお願い致します。 今週末はいよいよクリスマスに差し掛かり、私のお世話になっている現場の周囲や帰り道でもクリスマスデコレーションやクリスマスソングに触れることが多くなり、「今年も終わりか...」と少し切なさも覚える今日この頃です。 Qiitaに投稿している内容も元々UI周辺の実装に関するものが多くを占めることもあり、今回はまたUIまわりのサンプルに関する実装の解説を行っていきたいと思います。 今回は普段からよくチェックしてい
SwfitでTableViewをつかってかっこいいフィードを実装するときに習得したことまとめ - DRYな備忘録
いかんせんスケジュールがギリギリだったので、個別にエントリ書くのは無理でした TableView TableViewの各Rowの高さを指定したい tableView.rowHeight swiftでtableViewの高さを変更する - Qiita TableViewのボーダーを消したい tableView.separatorStyle = UITableViewCellSeparatorStyle.None UITableViewの区切り線（separator）を個別に非表示にする - Qiita TableViewCellのUIButtonが反応しない cell.contentView.userInteractionEnabledがtrueだと、そっちに奪われるとか 直上のUIViewのuserInteractionEnabledがfalseになっちゃってるとか その他もろもろ 戦車や
【書評】初学者はもちろん、中級者にもオススメのAuto Layout解説書 - その後のその後
著者の川邉さん（@jeffsuke）および出版社のリックテレコム様より『よくわかるAuto Layout - iOSレスポンシブデザインをマスター』をご献本いただきました。 タイトルの通りAuto Layoutの解説書で、豊富な図やスクリーンショットを用いて、非常にわかりやすく書かれています。前書きによると、本書の対象読者は 過去一度はXcodeを用いてiOSアプリをつくったことがあるが、Auto Layoutとサイズクラスを用いたAdaptive Layoutと言われると尻込みしてしまう開発者 とのこと。 なんかもうベストセラーになったりしてるらしく、 「よくわかるAuto Layout iOSレスポンシブデザインをマスター」発売しました。@tokorom 監修。今、モバイルプログラミング分野でベストセラーらしいです！ https://t.co/wx7ZfuWVdf— Yusuke Ka
これから iPhone アプリ開発に携わるのであれば覚えておきたい最低限のこと | DevelopersIO
iPhone アプリを作ってきて 私が iPhone アプリ開発を始めてからおよそ4年が経過しました。 その間に得た知見の一部を紹介致します。 この記事の対象読者は以下の方を想定しています。 これから iOS プログラミングを始めたい方 今まで本格的に iPhone アプリを作ってはいないけれども、興味がある方 開発の事はよくわからないけれども、アプリのプロモーションなどを担当している方 これから iPhone アプリ開発に携わるのであれば覚えておきたいこと 言語について モダンな書き方をする → Objective-C でもジェネリクスなどを積極的に使う 冗長な書き方をしない → [[Class alloc] init] は [Class new] と同等 Swift は GitHub の Release や Issue などを追う → オープンソースの活用 豊富なOSSを活用する →
[iOS][Swift] IBAnimatableでコードを書かずに無駄の少ないプロトタイピング | DevelopersIO
実装 今回はTips形式？のサンプルです。 背景が画像なページを作りたい 1.背景に使う画像を用意する Assets.xcassetsに背景で使う画像を入れます。今回はキリン画像です。 ２.Storyboard上でImageViewを配置する ドラッグします。 そして制約を付けます。（画面全体になるように) 先ほど用意した画像をセットして、ModeをAspect Fillにします。 ３.ImageViewのカスタムクラスをAnimatableImageViewにする クラス名をAnimatableImageViewにします。 するとAnimatableImageViewのプロパティが表示されます。 ４.AnimatableImageViewのプロパティ設定 そのままだとキリン画像が明るすぎるのでプロパティで調整してみます。 トーンカラーを黄緑っぽくした場合 トーンカラーを赤っぽくした場合
![[iOS][Swift] IBAnimatableでコードを書かずに無駄の少ないプロトタイピング | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/c83d413afe58d904e71a2ee3e849a272825f43c1/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2015%2F01%2Fios_ui.png)
SwiftでもObjective-Cでもコードで簡単にAutoLayoutする - Qiita
はじめに コードでAutoLayoutを適用しようとすると、Swift、Objective-Cにかかわらず、どうしても長くなってしまいがちで見難くなってしまいます。その見難くなる問題を解決するために、MisterFusionというライブラリを使用して改善する例を挙げていこうと思います。 レイアウト 下記のスクリーンショットは 赤いViewと緑のViewと黄色のViewが同じ高さ 黄色のViewと緑のViewは同じ幅 すべてのスペースは10px という条件のレイアウトになります。このレイアウトを SwiftでMisterFusionを使って再現した例 Swiftで使わずに再現した例 Objecive-CでMisterFusionを使って再現した例 Objecive-Cで使わずに再現した例 という形で書いていきます。 Swift MisterFusionを使ったコード 上記のレイアウトをMis
UICollectionViewで綺麗な横スクロールページング - Qiita
UICollectionViewを使用しての横スクロールを実装するUIは多々あると思いますが、検索して出てくる情報ではかなり微妙な動作が多く、自分の決定版として作成方法をまとめます。 今回の作成はAutoLayoutは使用しておりません。 完成イメージ (画像は今回作成段階で参考にさせていただいたeuraka様のブログより転載させていただいてます) 参考記事のように作成する まず、はじめにeureka様がまとめてくださっている記事のように実装してみました。 タイムラインの実装に欠かせない！UICollectionViewで作るFacebook風レイアウト 作成してみると確かに綺麗にTimeline風の横スクロールが実装されています。 しかし、作成の過程上、左右にすき間が発生してしまい、スクロール判定がきかない箇所ができてしまいます。 表示枠のでかいcellの作るのでしたらあまり気にならない
SwiftでAuto Layoutがめっちゃ楽に書けるライブラリ「Crew」
みなさま、Auto Layout書いてますか。 あれ、コードで書くのめっちゃめんどいですよね。クラス名もメソッド名も長いし。 Visual Format使うと無駄にDictionary作る必要がある上にミスっててもコンパイルで教えてくれへんし。 Storyboardはチーム開発で泣きそうになるし。 そんなあなたに、めっちゃイケてるライブラリのご紹介です。 その名も”Crew“。 使い方はREADMEを見ていただければ一発なんですが、とにかく記述量が少なくなります。 そして覚えることが少なくて直感的に書けるので、前書いたコードを探してコピペすることもなくなりました。 例えば横幅いっぱいのviewを縦に3つ、10ptずつ開けて置こうと思ったら、普通に書くと多分こんな感じになりますよね。 let views = ["topView": topView, "midView": midView, "
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
コードでAutolayoutを簡単に書く方法2つ - Qiita
AbemaTV (iOS) で使われているライブラリをまとめてみた - Qiita
Swiftアプリ開発で使ってよかったライブラリまとめ - Qiita
物理サーバを選定する際のポイント – Eureka Engineering – Medium
AutoLayoutでアニメーションを設定する方法(Swift版) - Qiita