iOS
UIStackView

UIStackViewを使ってViewを等間隔に並べる

More than 1 year has passed since last update.


UIStackViewの子Viewの並べ方に関する設定項目


  • Axis


    • 並べる方向


      • Vertical

      • Horizontal





  • Alignment


    • Viewの揃え方


      • Fill

      • Top

      • Center

      • Bottom

      • First Baseline

      • Last Baseline





  • Distribution


    • 並べる方向に対するViewの並べ方


      • Fill

      • Fill Equally

      • Fill Proportionally

      • Equal Spacing

      • Equal Centaring





  • Spacing


    • 子View同士の間隔




実際に並べてみる

UIStackViewにButtonを2つ、StackViewを2等分するように配置するには以下のように設定する

Axis:Horizontal

Alignment:Fill

Distribution:Fill Equally

Spacing:0

スクリーンショット 2016-11-30 21.02.11.pngスクリーンショット 2016-11-30 20.56.00.png