Concentration Game — View

UIStackView 堆栈视图

UIStackView is class in IOS (like UI Button and UI Label). It will take other views and stack them together. It only knows how to stack horizontally or vertically.

  • UIStackView 是 UIView 的子类,它不能用来呈现自身的内容,而是用来约束子控件的一个控件。

  • UIStackView 提供了一个高效的接口用于平铺一行或一列的视图组合。对于嵌入到 StackView 的视图,Stack View 会管理这些子视图的布局,并帮我们自动布局约束,不用再添加自动布局的约束就能够适应不同的屏幕尺寸。

  • UIStackView 支持嵌套,我们可以将一个 Stack View 嵌套到另一个 Stack View 中,从而实现更为复杂的用户界面。

参考:https://www.hangge.com/blog/cache/detail_1749.html

Swift

Axls:子视图的布局方向: * Vertical:垂直 * Horizontal:水平

Alignment:子视图的对齐方式: * Fill:子视图填充 StackView。 * Leading:靠左对齐。 * Center:子视图以中线为基准对齐。 * Top:靠顶部对齐。 * …

Distributlon:子视图的分布比例(大小): * Fill Equally:每个子视图的高度或宽度保持一致。 * Equal Spacing:每个子视图保持同等间隔的分布方式。 * Equal Centering:每个子视图中心线之间保持一致的分布方式。 * …

布局

Spacing:子试视图间的间距: * use standard value

按住ctrl向上拖拽到空白处放手,选择top space to save area

Swift

The safe area is a safe edge around the screen where you can safely draw without overlapping some other UI

左边距:leading space to save area

右边距:trailing space to save area

底边距:bottom space to save area

居中对齐:center horizontally in save area

垂直距离:vertical spacing

relation: greater than or equal (确保卡片在文字上方)

Category: IOS

Author: Yoga

Article
Tagcloud
DVA Java Express Architecture Azure CI/CD database ML AWS ETL nest sql AntV Next Deep Learning Flutter TypeScript Angular DevTools Microsoft egg Tableau SAP Token Regexp Unit test Nginx nodeJS sails wechat Jmeter HTML2Canvas Swift Jenkins JS event GTM Algorithm Echarts React-Admin Rest React hook Flux Redux ES6 Route Component Ref AJAX Form JSX Virtual Dom Javascript CSS design pattern