最新消息:iOS编程开发交流群(6906921) ,Mac.Cocoa开发交流群(7758675) 欢迎iOS/macOS开发编程爱好及学习者加入!

Cocoa开发之NSTabView

macOS 天狐 2050浏览 0评论

NSTabView,即选项卡视图组件,属于APPKit.framework,NSTabViewController中也是包含一个NSTabView来实现的ViewController,NSTabView包含N个选项卡(NSTabViewItem)与多个页面,通过每点击一个选项卡(NSTabViewItem)对应一个页面view,每一个页面view也可以关联一个其他Controlller的view。

XIB中直接使用

首先在主界面XIB中拖拽进来一个NSTabView控件,设置好tab数量及标题

因为在xib中不能存在多个Viewcontroller,想关联ViewController要代码关联。如果是Storyboard使用NSTabViewController直接拖拽关联ViewController。

接着为每一个NSTabViewItem创建独立的ViewController和XIB(注意ViewController需继承自NSViewController类型)

最后需要把界面上的TabViewItem关联到ViewController的view上。

代码创建

当然也可以用代码来创建(通过NSTabView的addTabViewItem来手动加入NSTabViewItem对象)

自定义样式

TabView有几个样式供大家选择

Top Tabs:标签在顶部

Left Tabs:标签在左策

Bottom Tabs:标签在底部

Right Tabs:标签在右侧

Tabless:不显示标签

Tabless with Bezel:不显示标签,view圆角

Tabless with line,不显示标签,显示一条分割线。

自定义TabViewItem与背景

如下图,TabView无边框与背景并且正常显示选项卡。

这种效果其实很简单。把TabView的样式设置为,Tabless:不显示标签。然后在TabView的相应位置增加一个NSSegmentedControl视图。NSSegmentedControl设置下具体多少个选项卡,和相应事件即可。

官方文档

https://developer.apple.com/documentation/appkit/nstabview

转载请注明:天狐博客 » Cocoa开发之NSTabView

微信 OR 支付宝 扫描二维码
为天狐 打赏
非常感谢你的支持,哥会继续努力!
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址