Swift on Xcode#13[StackView初探]

啊,StackView好像真的很屌,來研究一下。

前言

本文會談的東西,應該是最簡單的StackView的概念,比起前一陣子用AutoLayout去處理畫面,有時候錨點怪怪的,下的位置不好就會影響整個畫面,而且翻轉成橫向的時候,又會有局限,大概因為這些理由,所以決定來多研究一下可以讓畫面分配很自由的StackView。

這一陣子會很常用到stackView做排版,這一篇大概會提到的就是基本的畫面操作,日後研究深了會再分享。

正文

1. 物件與物件的關係設定

原則上,這篇我會做的事情很間單,就是創造出三個label,且分別有三種顏色在裡面:紅、藍、黃。

StackView其實也跟label一樣,最原始是UIStackView,所以也要將它實體化出來套用下面的方法。

上面大概作做完會長下面這個樣子:

上面的畫面分配基本上都還只是label跟label之間的關係,我們還沒套用到跟螢幕的相對位置關係。

2.設置物件與螢幕的相對關係

我們把垂直面H的距離設置好之後,就可以再設置水平片V的距離,最後加進畫面之中。

就會變成下面這樣,應該算是蠻漂亮的吧:

水平的樣子:

StackView的好處就是會這樣排列,難怪大家後來都擁抱StackView了。

不過,StackView大概還會有很多的方式呈現畫面,今天就先講到這裡,大家可以多練練囉!

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

影山小麥機
影山小麥機

Written by 影山小麥機

本職為Mobile工程師,熱愛分享視野,也樂意站在ChatGPT的肩膀上。訂閱小麥機,收割技術、職涯、人生的難題。

No responses yet

Write a response