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を活用する →
コードでAutolayoutを簡単に書く方法2つ - Qiita
動的に生成されるViewに対して、marginなどを指定したいとき Autolayoutをコードで書く必要があります。 ただ、普通に書くと.. addConstraint(NSLayoutConstraint( item: button1, attribute: .Right, relatedBy: .Equal, toItem: button2, attribute: .Left, multiplier: 1.0, constant: -12.0 )) たかだか左右のmarginを書くだけでもこれだけのコード量を書かねば ならず、直感的ではないです。 何かCSSのように、簡単に書ける方法がないか探したところ 2パターンの書き方がありました。 [パターン1]Cartographyを使う Cartography というライブラリを使うと、 Swiftのクロージャを使って簡単にレイアウトが組め
[iOS][Swift] IBAnimatableでコードを書かずに無駄の少ないプロトタイピング | DevelopersIO
今回はアプリデザインのプロセスをスピードアップ、廃棄物(無駄)を最小限にするというコンセプトで作られたIBAnimatableの紹介です。 アニメーションまで含めたプロトタイプを作るツールとしてFramerなどありますが、別途JSを書いたり、作った後に開発者の方で再度画面を作らなくてはならない二度手間が発生します。 IBAnimatableはAutoLayoutさえ出来ればコードを書かずにiOS端末上で動くものが作れます。 また、作ったものは実際のプロジェクトにも流用できるので無駄を最小限に出来る利点があります。 https://github.com/JakeLin/IBAnimatable ライセンスはMITです。 どんなのが作れるの？ 以下は公式で公開されていた動画です。 こんな感じのものがソースコードを書かずに作れます。? 雰囲気をつかむために、実際に試してみましょう。 試した環境
![[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)
AbemaTV (iOS) で使われているライブラリをまとめてみた - Qiita
近頃よく聞く AbemaTV をインストールしてみたら使い心地が良かったので、使われているライブラリを自分用にまとめてみた。 英語/技術の理解が微妙なので間違いあったら教えてください 本記事中のサンプルコード/gifは全てリンク先のものです UI 系 AttributedLabel 使いやすく(UILabel より) 早い Labelっぽい。 デモを見る限りテキストの alignment が便利そう。 Cartography AutoLayout 用ライブラリ。 同様のライブラリとして SwiftAutoLayout というのもあるみたい。 Cheetah アニメーション用ライブラリ。 必要な記述が短く直感的。 ColorAdjuster HBS, RGB とグラデーションの色指定が簡単にできそう。 特にグラデーションは普通どうやるんだろう。 NavigationNotice 上から出る通
Swiftアプリ開発で使ってよかったライブラリまとめ - Qiita
Swiftビギナーな自分が最近知った & 使ってよかったライブラリをまとめていきます 随時更新予定です UI SnapKit/SnapKit コードで簡単にAutoLayoutが実装できます すでにAutoLayoutを使用しているView上に、コードでaddSubview()をするときなどに便利でした // viewにnewViewを追加 view.addSubview(newView) // Superview（view）のTop、Bottom、Leading、Trailingに各margin0で制約を与える newView.snp_makeConstraints { make -> Void in make.top.leading.trailing.bottom.equalTo(view) } facebook/pop バウンスの動きなど、アニメーションの実装が簡単にできるライブラリ
物理サーバを選定する際のポイント – Eureka Engineering – Medium
Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.
SwiftでもObjective-Cでもコードで簡単にAutoLayoutする - Qiita
MisterFusionを使ったコード 上記のレイアウトをMisterFusionを使って再現すると、以下のようなコードになります。まずは使いたいクラスの中で、import MisterFusionをしてください。 let redView = UIView() redView.backgroundColor = .redColor() self.view.addLayoutSubview(redView, andConstraints: redView.Top |+| 10, redView.Right |-| 10, redView.Left |+| 10 ) let yellowView = UIView() yellowView.backgroundColor = .yellowColor() self.view.addLayoutSubview(yellowView, andCon
AutoLayoutでアニメーションを設定する方法(Swift版) - Qiita
以前書いたAutoLayoutでアニメーションを設定する方法のSwift版です。 アニメーションで動かしたいものの例 例として、mainViewの上に乗った、movableViewを下に動かすことを考えます。 movableViewの制約は、superViewであるmainViewに対して、以下のような制約を持っているとします。 Top Space, Trailing Space, Leading Spaceの各種の制約の値は0になっています。高さは適当です。 やってみる 基本的な考え方は、既に付いているautoLayoutの制約を外し、別の制約を付ける、ということです。今回の場合、"Top Space to SuperView = 0" の制約を外し、Top Space to mainView = 30 といった制約をつけます。 まず外す対象の制約をoutletでソースに結び付けておきま
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ページを開く
