SwiftUI listStyle修饰符
SwiftUI listStyle修饰符

SwiftUI listStyle修饰符

SwiftUI 里的 .listStyle 是控制 List 外观和交互的修饰符。

就像是给 List 换“皮肤”,不同风格在 iOS、macOS、watchOS 上效果都不同。

下面是iOS 常用的listStyle修饰符。

常用的 iOS ListStyle

SwiftUI 目前提供以下几种风格(都遵守 ListStyle 协议):

List { }.listStyle(.plain)

1、PlainListStyle():最“朴素”的样式。

.listStyle(.plain)

2、InsetListStyle():列表有内边距(inset),行之间带圆角。

.listStyle(.inset)

3、InsetGroupedListStyle()

分组之间有圆角卡片样式,常用于“设置页”或带标题的分组列表。

.listStyle(.insetGrouped)

4、GroupedListStyle():旧版 grouped 样式,iOS 13 样式。

.listStyle(.grouped)

5、SidebarListStyle():专为 iPad 或 macOS 侧边栏设计。

.listStyle(.sidebar)

6、CarouselListStyle():用于 watchOS(Apple Watch)。

.listStyle(.carousel)

7、 EllipticalListStyle():仅 watchOS。

.listStyle(.elliptical)

macOS 特有的

在 macOS 上还可以用:

1、SidebarListStyle()(默认)

2、InsetListStyle()

3、AutomaticListStyle()(系统自动根据上下文选择)

   

如果您认为这篇文章给您带来了帮助,您可以在此通过支付宝或者微信打赏网站开发者。

欢迎加入我们的 微信交流群QQ交流群,交流更多精彩内容!
微信交流群二维码 QQ交流群二维码

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注