SwiftUI 简明教程之OutlineGroup、DiclosureGroupView

本文为 Eul 样章，如果您喜欢，请移步 AppStore/Eul 查看更多内容。

Eul 是一款 SwiftUI & Combine 教程 App（iOS、macOS），以文章（文字、图片、代码）配合真机示例（Xcode 12+、iOS 14+，macOS 11+）的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述 SwiftUI & Combine 相关的知识，使读者能快速掌握并在 iOS 开发中实践。

OutlineGroup

OutlineGroup 与前面章节提到的可展开列表类似，只是它的使用范围更广，我们不一定要在 List 中才能实现可展开功能。在任何一个 View 中，我们都可以用 OutlineGroup 实现可展开功能。

同样以前面提到的树形结构的 weathers 为例：

OutlineGroup(expandWeather, children: \.weathers) { weather in Label(weather.name, systemImage: weather.icon)}

这和之前 List 的使用方法几乎一模一样。

DiclosureGroupView

DiclosureGroupView 同样可以实现树形结构的展开/收拢，它使用起来更灵活，我们不必使用树形结构的数据源来构建视图。通过绑定的 isExpanded 属性，我们可以方便地控制视图的显示与隐藏。示例所示代码如下：

@State private var isExpanded = falseDisclosureGroup(isExpanded: $isExpanded, content: { Toggle("展开/收起", isOn: $isExpanded) DisclosureGroup("内嵌列表") { Text("Hello 1") Text("Hello 1") Text("Hello 1") }}) { Text("Disclosure")}

正如示例所示，OutlineGroup 和 DiclosureGroupView 其实都是可以相互嵌套使用的，以实现更为复杂的层级视图。

本文为 Eul 样章，如果您喜欢，请移步 AppStore/Eul 查看更多内容。

原文转载：http://www.shaoqun.com/a/809627.html

跨境电商：https://www.ikjzd.com/

zen-cart：https://www.ikjzd.com/w/1282

Zozo：https://www.ikjzd.com/w/2180

coles：https://www.ikjzd.com/w/2506

二类电商：https://www.ikjzd.com/w/1457

本文为Eul样章，如果您喜欢，请移步AppStore/Eul查看更多内容。Eul是一款SwiftUI&Combine教程App（iOS、macOS），以文章（文字、图片、代码）配合真机示例（Xcode12+、iOS14+，macOS11+）的形式呈现给读者。笔者意在尽可能使用简洁明了的语言阐述SwiftUI&Combine相关的知识，使读者能快速掌握并在iOS开发中实践。Outli
一款产品售价差出30美金，羽绒服大卖深扒跨境冬装行业内幕：https://www.ikjzd.com/articles/133186
独立站如何做引流？为什么做爆品首选shopify+Facebook模式？：https://www.ikjzd.com/articles/133183
口述实录：女朋友与我5岁的儿子怄气 是不是太矫情：http://lady.shaoqun.com/a/253701.html
男人在一段感情中真正需要的是什么？知道这三点的女生更幸福：http://www.30bags.com/a/437877.html
张震的故事女孩洗脸:人性的救赎：http://www.30bags.com/a/437878.html
仙栖洞风景区门票优惠政策：(儿童+老人+学生等)：http://www.30bags.com/a/437879.html
亚马逊印度站未来5年将贡献亚马逊20%的增长率：https://www.ikjzd.com/articles/133181
【游青海⑭】山陕会馆：装着城市的部分缩影：http://www.30bags.com/a/224993.html
娶了漂亮老婆 从不做家务还抱怨自己没嫁好(3/3)：http://lady.shaoqun.com/m/a/44932.html
宝宝让我蹭蹭好不好 乖宝贝我就放进去保证不动：http://lady.shaoqun.com/a/247499.html
老师慢慢张开腿坐上去 轻轻的顶开老师的两瓣：http://lady.shaoqun.com/m/a/247348.html
学长现在在上课不可以 桌子下的手却很不安分：http://lady.shaoqun.com/m/a/248048.html