タグ

AutoLaytoutに関するstiloのブックマーク (4)

  • Auto Layoutの静的な制約で実現する伸び縮みするヘッダービュー - 24/7 twenty-four seven

    TL;DR, 優先度の異なる複数の制約を同時に定義することで、静的な定義だけで動的な振る舞いを実現できる 動的な要素の少ない構造のビューはより堅牢である はじめに 読みやすくメンテナンスしやすいソフトウェアを作るために重要なことの一つは構造をシンプルに保つことです。 iOSアプリのビューは壊れやすいソフトウェアの代表ですが、できるだけシンプルに作ることで変化に強い、堅牢で壊れにくいソフトウェアにできます。 動的な要素が少ないということは、ビューがシンプルであるということの指標の1つと言えます。 この記事では下記に示すような、スクロールに合わせて伸び縮みするヘッダーを、動的な要素を無くし、Auto Layoutの静的な制約のみで実現する方法を解説します。 動的な要素とは、実行時におけるビューおよび制約の追加・削除、Frameや制約を更新することと、機種やスクリーンサイズ、標準UIコンポーネン

    Auto Layoutの静的な制約で実現する伸び縮みするヘッダービュー - 24/7 twenty-four seven
    stilo
    stilo 2018/11/11
    「AutoLayoutの優先度を調整して、制約がコンフリクトした際に適切に制約がブレイクして、別の制約に切り替わるようにします」そうすることで静的な制約のみで動的な振る舞いを実現
  • 健康なStoryboardを考える 〜 Auto Layout、UIStackViewともっと仲良く! - Bonfire iOS#4

    健康なStoryboardを作るために技術的バグ、デザイン的バグ観点から見直そうというお話です。Auto Layoutのおさらいとtipsも。

    健康なStoryboardを考える 〜 Auto Layout、UIStackViewともっと仲良く! - Bonfire iOS#4
    stilo
    stilo 2018/05/18
    『Storyboard上のObject構造がデザインの構造に即している』めっちゃわかりやすい!
  • 快適なUIを持つアプリを作るために
できること

    State Management with Angular Signals - Inaugural Online Meetup 10/2023

    快適なUIを持つアプリを作るために
できること
    stilo
    stilo 2018/05/18
    ヌルヌルさせるためにAutoLayout 使っていない。設計はMVCじゃなくてFlux。UIを確認しやすい開発環境の整備。Crashlytics でロギング。
  • Auto Layoutで固有サイズを使いこなそう - Money Forward Developers Blog

    iOSエンジニアの西方です。 iPhone SEが発売されました。 個人的には大きな画面のiPhone 6 Plusシリーズが好きなので、今さら4インチに興味はなかったのですが、片手に収まるこのサイズに魅力を感じている方も少なくないでしょう。 開発者としては複雑な気分です。 そろそろ4インチユーザーが減ってくるかなと願っていた矢先の4インチデバイス再来。まだまだ4インチのサポートを切ることはできませんね。 前置きが長くなりましたが、複数の画面サイズに対応する際、なくてはならないのがAuto Layoutです。 iPhoneだけで4通りのサイズ展開となっている今、Auto Layoutなしで画面実装を進めることは難しいでしょう。 今回の投稿では、Auto Layoutの中でも少し特殊な「固有サイズの優先度」について、その意味と使い方を説明します。 固有サイズを使う Auto Layoutでビ

    stilo
    stilo 2018/02/02
    『固有サイズの優先度と、幅または高さに関する制約の優先度をうまく制御することで、希望通りのレイアウトが実現できます。幅や高さの制約には、固定値だけでなく最大値または最小値を設定してみるのもよいでしょう
  • 1