タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

stackviewに関するlike_futsalのブックマーク (4)

  • 遅ればせながら UIStackView 入門 - Qiita

    仕事で関わっているプロジェクトはiOS8のサポートを打ち切ったこともあり、2016年の師走に今更ながらUIStackViewについて調べてみました。 UIStackViewとは AutoLayoutのラッパークラス iOS9以上で利用可能 煩雑な制約を使わずに複数のViewを水平/垂直方向にレイアウト可能 デバイスの回転、スクリーンサイズなどに動的に対応可能 Horizontal Vertical レイアウトに関わるプロパティ UIStackViewは主に次の4つのプロパティを使って設定します。 axis alignment distribution spacing axis var axis: UILayoutConstraintAxis サブビューを X軸方向に並べる場合は horizontal、 Y軸方向に並べる場合は vertical を指定します。 alignment var a

    遅ればせながら UIStackView 入門 - Qiita
  • レイアウトの救世主StackViewを使ってみよう

    Auto Layoutには実は重大な欠点がありました。 それは、、 レイアウトの修正が大変 ということです。 レイアウトする要素が増えれば振れるに従って隣のビューとの関係も複雑になってしまいます。 例えば、画面上にボタンを縦に3つ並べるレイアウトを考えてみましょう。 ボタンをそれぞれ同じ大きさに縦に3つ並べるレイアウトを作ってみます。 このとき3つのボタンと親ビューとの関係性はざっと数えた分でも10個できてしまいます。 設定によってはそれ以上になることも考えられるでしょう。 ここで、ボタンを4つに増やしたいと思ったらどうでしょう? 少なくとも垂直方向の関係性は見直す必要があるでしょう。 ボタンが3つから4つになったとこで、親ビューとボタン同士の隙間の幅が変わることになるからです。 これはもう一大事です。 制約を1つずつ見なおしてボタンを増やすか、いっそのこと全ての制約を一度全部解除して、も

    レイアウトの救世主StackViewを使ってみよう
  • 【Swift3】 Xcode7/iOS9 から追加された StackView を使ってみる - CrossBridge Lab

    2016/11/19 修正 サンプルをSwift3対応にしました はじめに 記事では Xcode7/iOS9 から追加された StackView を使ったサンプルを作って動きを確認します。サンプルは GitHub にアップしています。 StackView (UIStackView) とは Xcode7/iOS9 から追加された機能でユーザインターフェースの実装やメンテナンスにかかるコストを(うまく使えば)削減させることができます。ざっくり言うと以下の機能を持ちます。 View のグループ(行 or 列)を管理する Viewをレイアウトするのに必要な制約が自動で追加される 注意しなければならないことは StackView は iOS9 以上でないと使うことができないということです。 StackView を使ったサンプルを作ってみる どんなサンプルにするか? StackView の特徴の一つ

    【Swift3】 Xcode7/iOS9 から追加された StackView を使ってみる - CrossBridge Lab
  • StackViewを賢く使ってらくちんAutoLayout - Qiita

    『アプリ道場 Advent Calendar 2015』8日目は「Auto Layoutが好き過ぎて、StackViewをおかずにご飯3杯いける」ゆこびん(@yucovin)がお送りします。 そもそもイラストレーター/デザイナーなので、アプリの開発をしていても見た目を司るAuto Layoutが気になって気になってしょうがないです。(これは恋?!) ということで、日は今年綺羅星のごとく現れたAuto Layout界の期待のクラス「UIStackView」についてまとめたいと思います!(๑´ㅂ`๑) UIStackViewは一言で言うと、便利なレイアウト用の箱です。 StackViewは2つ以上の縦または横に並ぶサブビューを面倒な制約(Constraints)を作ることなく、いいカンジにレイアウトしてくれます。 StackViewを上手く使えば制約の数をうんと少なくすることができるんです。

    StackViewを賢く使ってらくちんAutoLayout - Qiita
  • 1