SwiftUI macOS 教程之Table Views 侧边栏

最新推荐文章于 2024-08-15 09:23:58 发布
最新推荐文章于 2024-08-15 09:23:58 发布
阅读量674 收藏
点赞数
分类专栏： SwiftUI macOS开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/107846840
版权
本文介绍了macOS 11中Table Views的三种样式：插入、全角和自动，重点关注如何在SwiftUI中创建适应新系统的侧边栏表格。苹果推荐在侧边栏使用插入样式，以增加视觉空间。同时，文章提供了关于行高、项目间距的建议，并提醒开发者在不更新应用的情况下，侧边栏表格会自动应用新外观。
摘要由CSDN通过智能技术生成

Table Views

在macOS 11中，表格视图总体上更大，使用更高的行，更大的字体大小以及项目之间的更多空间，以增加表格内容内部和周围的视觉分隔。macOS 11引入了三种表格视图样式，以定义在特定窗口区域可正常使用的不同外观：插入，全角和自动。有关开发人员的指导，请参见NSTableView.style。

插入样式为macOS 11表的扩展空间增加了插入。因为插图样式增加了内容周围的视觉空间，所以它在填充其他视图（如侧边栏和工具栏）之间的区域的表中效果很好，并且回显了侧边栏外观的变化。

插入样式

经典的全角表格样式仍然可用，但会自动在每行的开头和结尾包括所需的内容填充。全角样式最适用于周围已经有视觉空白的表，例如，首选项窗格中嵌入的表。

经典的全角表格样式

该自动风格是指系统使用表格视图的视图层次结构中的位置，以帮助确定其外观。

为了创建更宽敞的表，macOS 11使用了几个新的表视

了解本专栏 订阅专栏 解锁全文 超级会员免费看
知识大胖
关注
专栏目录
订阅专栏
macOS SwiftUI 教程之 10 table表格实现选择与排序（教程含源码）
iCloudEnd的博客
08-09 634
表格显示可以选择和排序的数据行和列。下面显示了一个基本示例。
SwiftUI Tab切换触发Sheet 组件联动（教程含源码）
iCloudEnd的博客
10-03 541
实战需求 SwiftUI Tab切换触发Sheet 组件联动 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 tab .onChange .sheet .accentColor(Color.orange) 基础知识 TabView 基础 使用交互式用户界面元素在多个子视图之间切换的视图。 struct TabView<SelectionValue, Content> where SelectionValue : Hashable, Content : Vie
SwiftUI中，各种表格的作用、区别与选择
最新发布
IOSSHAN的博客
08-15 354
List: 用于展示单列或多列的垂直列表。Form: 用于输入表单布局。Table: 用于显示多列数据表格（iOS 16+）。LazyVGridLazyHGrid: 用于灵活的网格布局。ScrollView: 用于自定义表格布局，适合复杂布局。根据具体的需求和项目要求，你可以选择最合适的控件来展示你的数据。每个控件都有其优势，在合适的场景中能够发挥最大的作用。
swift编写的侧边菜单
03-06
SlideMenuControllerSwift ======================== [![Platform](http://img.shields.io/badge/platform-ios-blue.svg?style=flat )](https://developer.apple.com/iphone/index.action) [![Language](http://img.shields.io/badge/language-swift-brightgreen.svg?style=flat )](https://developer.apple.com/swift) [![License](http://img.shields.io/badge/license-MIT-lightgrey.svg?style=flat )](http://mit-license.org) [![Issues](https://img.shields.io/github/issues/dekatotoro/SlideMenuControllerSwift.svg?style=flat )](https://github.com/dekatotoro/SlideMenuControllerSwift/issues?state=open) iOS Slide View based on iQON, Feedly, Google+, Ameba iPhone app. ![sample](Screenshots/SlideMenuControllerSwift.gif) ##Installation ####CocoaPods comming soon... ####Manually Add the `SlideMenuController.swift` file to your project. ##Usage ###Setup In your app delegate: ```swift func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { // create viewController code... let slideMenuController = SlideMenuController(mainViewController: mainViewController, leftMenuViewController: leftViewController, rightMenuViewController: rightViewController) self.window?.rootViewController = slideMenuController self.window?.makeKeyAndVisible() return true } ``` If you want to use the custom option, please change the SlideMenuOption class. ```swift class SlideMenuOption { let leftViewWidth: CGFloat = 270.0 let leftBezelWidth: CGFloat = 16.0 let contentViewScale: CGFloat = 0.96 let contentViewOpacity: CGFloat = 0.5 let shadowOpacity: CGFloat = 0.0 let shadowRadius: CGFloat = 0.0 let shadowOffset: CGSize = CGSizeMake(0,0) let panFromBezel: Bool = true let animationDuration: CGFloat = 0.4 let rightViewWidth: CGFloat = 270.0 let rightBezelWidth: CGFloat = 16.0 let rightPanFromBezel: Bool = true let hideStatusBar: Bool = true let pointOfNoReturnWidth: CGFloat = 44.0 init() { } } ``` ###You can access from UIViewController ```swift self.slideMenuController()? ``` or ```swift if let slideMenuController = self.slideMenuController() { // some code } ``` ### add navigationBarButton ```swift viewController.addLeftBarButtonWithImage(UIImage(named: "hoge")!) viewController.addRightBarButtonWithImage(UIImage(named: "fuga")!) ``` ### open and close ```swift // Open self.slideMenuController()?.openLeft() self.slideMenuController()?.openRight() // close self.slideMenuController()?.closeLeft() self.slideMenuController()?.closeRight() ``` ## Requirements Requires iOS 7.0 and ARC. ## Features - Highly customizable - Complete example ## Contributing Forks, patches and other feedback are welcome. ## Creator [Yuji Hato](https://github.com/dekatotoro) [Blog](http://buzzmemo.blogspot.jp/) ## License SlideMenuControllerSwift is available under the MIT license. See the LICENSE file for more info.
macOS SwiftUI tabView构建切换组件
12-18
macOS SwiftUI tabView构建切换组件。TabView，使用交互式用户界面元素在多个子视图之间切换的视图。选项卡视图仅支持Text，Image或Image后跟Text的选项卡项。 传递任何其他类型的视图都将导致可见但为空的标签项。
swiftui-table：SwiftUI的可自定义表
02-08
SwiftUI的可自定义表。 如何将此添加到我的项目？ 添加到当前Package.swift中，拖放到您的项目中，或打开Xcode并转到“文件” >“ Swift软件包” >“添加软件包依赖项...”。 由于原生的ProgressView支持和UIKit的UIImpactFeedbackGenerator ，因此适用于iOS v14。 基本用法 import SwiftUI import Table Table (items) { item in // View goes here. } . tableStyle ( SeratedInsetTableStyle ()) . onPull ( threshold : 100 , impact : . rigid , timeout : 16 , delay : . now () +
SwiftUI macOS 教程之Sidebars 侧边栏
iCloudEnd的博客
08-06 1580
侧边栏 在macOS 11中，侧栏（技术上称为“ 源列表”）扩展到窗口的整个高度。在侧栏中，默认项目间距，行高和字形大小都会增加，并且选定项目的突出显示将使用圆角外观。 侧边栏的行高，文本和字形大小取决于其整体大小，可以是小，中或大。您可以通过编程方式设置尺寸，但用户也可以通过在“常规”首选项中选择其他侧边栏图标尺寸来更改尺寸。下表显示了macOS 11和先前版本的macOS在默认侧边栏指标上的差异。 *在某些情况下，默认情况下，较小的侧边栏可能会使用小型SF符号。 使用SF符号是创建使用新指标的侧边栏
macOS SwiftUI动画教程之淡入淡出组件
12-14
macOS SwiftUI动画教程之淡入淡出组件.1、动画淡入淡出 .animation(Animation.easeInOut(duration: 1).delay(0.5)); 2、隐藏.transition(.opacity)
SwiftUI macOS教程之02 使用DisclosureGroup组织我们的侧边栏视图(教程含源码)
iCloudEnd的博客
07-28 335
为了组织我们的侧边栏视图，我们可以使用DisclosureGroup。我们可以创建不同的部分并指定它们是否在应用程序启动时默认展开。公开组视图由标识内容的标签和显示和隐藏内容的控件组成。显示内容会使公开组处于“展开”状态，隐藏它们会使公开组“折叠”。在以下示例中，公开组包含两个切换和一个嵌入式公开组。顶级披露组使用绑定属性公开其展开状态。通过扩展公开组，用户可以使用切换来更新结构的状态。...
macOS SwiftUI 教程之Sidebar侧边栏与选择内容联动(教程含源码)
iCloudEnd的博客
01-19 449
实战需求 macOS SwiftUI 教程之Sidebar侧边栏与选择内容联动 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 生成整数哈希值的类型 Hashable 提供所有值的集合的类型 CaseIterable 生成字符串var string: String { String(describing: self) } 列表Sidebar效果.listStyle(SidebarListStyle()) 实战代码 import SwiftUI struct Conte
SwiftUI仿表格效果完成代码
11-28
SwiftUI仿表格效果完成代码，1、解决了一行数据如何实现对齐，2、实现了图片和数据混排。使用过程中如遇问题可以随时和我联系
SimpleSidebar:两个漂亮的macOS侧边栏。 一个内置于Cocoa，另一个内置于SwiftUI
03-04
SwiftUI边栏实现由。 去给他们看一些爱！ 简单边栏 macOS侧边栏的两种实现： 可可（OS X 10.10及更高版本） SwiftUI （macOS 11及更高版本） 尽管我很喜欢SwiftUI，但这个项目更像是Poc，可可仍然与此相关。 我想表明，像侧边栏这样简单的东西的Cocoa实现不需要极其复杂和费时。 除了菜单图标之外，我确实打算制作一个零外部资产的Swift软件包，希望能对您有所帮助！ 尽管SwiftUI易于实现，但我始终发现该过程比使用Cocoa时所需的过程要复杂得多。 由于我一直在使用SwiftUI开发更新的应用程序，同时又维护了需要最大程度地兼容OS的旧项目，因此，我认为拥有一个描述这两种实现的资源会很有用。
macOS SwiftUI左右分栏NavigationView项目含源码
12-08
macOS SwiftUI左右分栏NavigationView项目含源码。NavigationView用于呈现视图堆栈的视图，这些视图表示导航层次结构中的可见路径。
菜单侧边栏拖拽_SwiftUI —侧边栏菜单教程
weixin_26638123的博客
07-25 955
菜单侧边栏拖拽This week’s SwiftUI tutorial covers a component that I’ve seen popping up in designs floating around the community lately. I’ll show you briefly how to create your own sidebar menu in SwiftUI. ...
SwiftUI 精品组件之通用表格table组件允许配置列行大小（教程含源码）
code2day的博客
02-02 301
SwiftUI 精品组件之通用表格table组件允许配置列行大小（教程含源码）
SwiftUI 4 新功能之 iPadOS 和 iOS 的Table表格组件
iCloudEnd的博客
06-24 737
SwiftUI 4 为 iPadOS 带来了表格，这意味着现在 macOS 和 iPadOS 都支持表格。iOS 也有点支持它，我们将通过这个例子来看看。所以 Table 是一个容器，它显示排列在一列或多列中的数据行，它可以选择提供选择一个或多个成员的能力。我们通常从一组数据中创建表。让我们通过一个例子更好地理解这一点。我们将从一个简单的数据结构开始。 让我们添加一些示例数据： 现在我们可以在屏幕上放置一个 TableView。表将数据集合作为参数，因此我们将示例数据传递到表中。我们将使用 TableCol
SwiftUI macOS 教程之如何使用TableView制作多列表格(教程含源码)
iCloudEnd的博客
07-28 845
实战需求 SwiftUI macOS 如何使用TableView制作多列表格，并且实现内嵌TextField,实现数据采集。 本文价值与收获 看完本文后，您将能够作出下面的界面 基础知识 NSTableView 一组相关记录，显示在代表单个记录的行中和代表那些记录的属性的列中。 class NSTableView : NSControl 使用教程 表格视图以滚动视图显示。从macOS v10.7开始，您可以使用NSView对象（最常用的自定义对象）代替单元格来指定行和列。如果愿意，您仍可以为每个行和
SwiftUI WWDC21 新布局组件之 01 多行多列表格组件Table （教程含源码）
iCloudEnd的博客
06-10 539
SwiftUI WWDC21 新布局组件之 01 多行多列表格组件 （教程含源码） Table 一种容器，用于呈现按一列或多列排列的数据行，可选择提供选择一个或多个成员的能力。 struct Table<Value, Rows, Columns> where Value == Rows.TableRowValue, Rows : TableRowContent, Columns : TableColumnContent, Rows.TableRowValue == Columns.TableRo
Apple IOS 13 SwiftUI 5.1+ Xcode11 实战教程：从入门到精通
SwiftUI是苹果推出的一种现代、声明式编程语言和框架，旨在简化iOS、macOS、watchOS和tvOS应用的用户界面设计。在这个教程中，学习者将有机会深入理解和掌握如何在全新的开发环境中创建高效且美观的iOS应用。 课程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值