动态修改NSButton的title的对齐方式

本文详细介绍了如何在Objective-C中更改NSButton对象的文本对齐方式,并提供了实例代码,便于开发者理解和应用。

        创建的一个NSButton的对象后(居中对齐)。当按钮在界面上显示出来后,可能某个事件会触发某个操作,需要改变NSButton的title的对齐方式(比如改成左对齐)。此时,需要设置button为需要的方式,然后重新设置成之前的文本,做如下操作:

         1. [button setAlignment:NSLeftTextAlignment];

         2. [button setTitle:button.title];

为什么我的子层级没有展开:// // EventCenterViewController.swift // OmadaSurveillance // // Created by 代小青 on 2025/9/19. // import Cocoa import TPBMDesignKit enum PageType { case events case customAlerts case deviceAlerts case none } // MARK: - eventcenter主控制器 class TPGuardEventCenterController: TPHomeBaseViewController{ //侧边栏controller private let eventCenterSidebarController = TPGuardSidebarController() private let eventCenterSplitView: TPGuardEventCenterSpliteView = TPGuardEventCenterSpliteView() private var isIniteventCenterPlayerSplitView: Bool = false // 侧边栏是否已收起 private var isSidebarCollapsed :Bool = false // 右侧三个子页面controller private let eventController = TPGuardEventController() private let customAlertController = TPGuardCustomAlertController() private let deviceAlertController = TPGuardDeviceAlertController() //侧边栏的导航栏 private let eventCenterSidebarScrollView : NSScrollView = NSScrollView() private let eventCenterSidebarOutlineView : TPGuardOutlineView = TPGuardOutlineView() //侧边栏收起按钮 private let sidebarButton : TPBButton = TPBButton() //侧边栏的item private var sidebarItems: [SidebarItem] = [] //第一次加载进内存时候 override func viewDidLoad() { super.viewDidLoad() // Do view setup here. //默认子节点展开等 } override func setupSubviews() { super.setupSubviews() // MARK: - 主界面splitView割 /*split添加调用 addArrangedSubview 不仅添加了视图,还让 NSSplitView 知道:“这个视图是我要管理的一个面板”,然后根据 arrangedSubviews 的顺序来决定左右或上下结构*/ eventCenterSplitView.addArrangedSubview(eventCenterSidebarController.view) eventCenterSplitView.addArrangedSubview(eventController.view) //设置代理 eventCenterSplitView.delegate = self //割线设置+风格 eventCenterSplitView.isVertical = true eventCenterSplitView.dividerStyle = .thin // 异步设置初始宽度(确保布局已完成) DispatchQueue.main.async { [weak self] in guard let self = self else { return } let initialWidth: CGFloat = self.isSidebarCollapsed ? 48 : 160 self.eventCenterSplitView.setPosition(initialWidth, ofDividerAt: 0) // 根据目标宽度设置状态 self.isSidebarCollapsed = false } // 将 splitView 添加到主视图 view.addSubview(eventCenterSplitView) // MARK: - 侧边栏层级+按钮设置 // 添加收起按钮、配置 TPBButton 样式 sidebarButton.iconImage = .eventCenterSidebarButton sidebarButton.fillColor = .clear //代理 sidebarButton.target = self sidebarButton.action = #selector(hideSidebar) //将侧边栏按钮添加到侧边栏视图 eventCenterSidebarController.view.addSubview(sidebarButton) //将 eventCenterSidebarOutlineView 设置为滚动视图的“文档内容视图”(即可滚动区域的内容) eventCenterSidebarScrollView.documentView = eventCenterSidebarOutlineView //设置滚动视图背景颜色为深灰色(接近黑色) eventCenterSidebarScrollView.backgroundColor = NSColor(hexString: "0x1A1A1A") //关闭系统自动调整内容边距(content insets) eventCenterSidebarScrollView.automaticallyAdjustsContentInsets = false //启用 Auto Layout 布局方式、允许使用约束(constraints)来定位该视图 eventCenterSidebarScrollView.translatesAutoresizingMaskIntoConstraints = false //documentView添加水平方向约束让documentView的左右边缘与scrollView 对齐 eventCenterSidebarScrollView.documentView?.snp.remakeConstraints({ make in make.leading.trailing.equalTo(eventCenterSidebarScrollView) }) eventCenterSidebarOutlineView.backgroundColor = NSColor(hexString: "0x1A1A1A") //delegate 管“怎么展示”,dataSource 管“展示什么”。 eventCenterSidebarOutlineView.delegate = self eventCenterSidebarOutlineView.dataSource = self eventCenterSidebarOutlineView.tpGuardDelegate = self //启用自动行高(Auto Sizing Rows)。 eventCenterSidebarOutlineView.usesAutomaticRowHeights = true //禁用列的自动调整大小行为。默认情况下,AppKit 会尝试平均配或按内容调整列宽。 eventCenterSidebarOutlineView.columnAutoresizingStyle = .noColumnAutoresizing //关闭选中项的高亮样式。原生默认是蓝色或灰色背景高亮。 eventCenterSidebarOutlineView.selectionHighlightStyle = .none //移除表头(Header View)。默认 NSTableView 顶部有一栏用于显示列标题。 eventCenterSidebarOutlineView.headerView = nil //禁用“轮廓列”(Outline Column)的自动缩放。在 NSOutlineView 中,“outline column”是显示层级结构的那一列(带展开箭头的那列)。 eventCenterSidebarOutlineView.autoresizesOutlineColumn = false //允许子视图(cell 内部的 subviews)随容器自动调整大小。这会影响单元格内部控件是否跟随表格宽度拉伸。 eventCenterSidebarOutlineView.autoresizesSubviews = true //启用 Core Animation Layer(即开启图层支持)。 eventCenterSidebarOutlineView.wantsLayer = true eventCenterSidebarOutlineView.layer?.borderColor = NSColor(hexString: "0xFFFFFF").withAlphaComponent(0.1).cgColor eventCenterSidebarOutlineView.layer?.borderWidth = 1.0 //注册支持接收某种拖拽类型的数据。 eventCenterSidebarOutlineView.registerForDraggedTypes([.dragOutlineItem]) //设置当前视图为拖拽源(source)时允许的操作类型。 eventCenterSidebarOutlineView.setDraggingSourceOperationMask(NSDragOperation.every, forLocal: true) //设置单元格之间的间距 eventCenterSidebarOutlineView.intercellSpacing = NSSize(width: view.bounds.width, height: 30.0) //创建并添加一列到表格中。 let column = NSTableColumn(identifier: NSUserInterfaceItemIdentifier("Column")) eventCenterSidebarOutlineView.addTableColumn(column) // eventCenterSidebarOutlineView.onDoubleClick = { [weak self] item in // if let device = item as? TPGuardDeviceItem, let self { // if device.deviceType == .IPC { // self.selectDevice(for: device) // } // } // } //允许“轮廓列”(Outline Column)根据父视图的大小变化自动调整宽度。 eventCenterSidebarOutlineView.autoresizesOutlineColumn = true //设置每一级子节点相对于父节点的缩进像素值(indentation),这里设为 0 像素。 eventCenterSidebarOutlineView.indentationPerLevel = 0 //将scrollView添加到侧边栏视图 eventCenterSidebarController.view.addSubview(eventCenterSidebarScrollView) } //添加约束 override func makeConstraints() { super.makeConstraints() // 让 eventCenterPlayerSplitView 的 上边、左边、下边、右边 都等于父视图 view 的对应边缘,也就是让这个 splitView 填满整个父视图的客户区(不包括窗口标题栏等系统区域)。 eventCenterSplitView.snp.makeConstraints { make in make.top.leading.bottom.trailing.equalTo(view) } // 添加侧边栏按钮的约束 sidebarButton.snp.makeConstraints { make in make.leading.equalToSuperview().offset(15) make.top.equalToSuperview().offset(15) make.size.equalTo(CGSize(width: 18, height: 18)) } //scrollview添加约束(与侧边栏按钮拉开了距离) eventCenterSidebarScrollView.snp.makeConstraints { make in make.top.equalTo(sidebarButton.snp.bottom).offset(8) make.leading.trailing.bottom.equalTo(view) } } // MARK: - 初始化数据 override func setupInitialData() { super.setupInitialData() // 全部事件 let events = SidebarItem(title: "Event", iconImage: .sidebarChooseButton, showsBadge: false) // 自定义告警 let customAlerts = SidebarItem( title: "Custom Alert", iconImage: .sidebarChooseButton, children: [ SidebarItem(title: "alert name", iconImage: .sidebarChooseButton, showsBadge: true, unreadCount: 2), SidebarItem(title: "alert name", iconImage: .sidebarChooseButton, showsBadge: true, unreadCount: 1), SidebarItem(title: "alert name", iconImage: .sidebarChooseButton, showsBadge: true, unreadCount: 2) ], showsBadge: true, unreadCount: 99 ) // 设备告警 let deviceAlerts = SidebarItem(title: "Device Alert", iconImage: .sidebarChooseButton, showsBadge: true, unreadCount: 3) sidebarItems = [events, customAlerts, deviceAlerts] eventCenterSidebarOutlineView.reloadData() eventCenterSidebarOutlineView.expandItem(nil, expandChildren: true) } //绑定侧边栏的按钮事件(收起+拉伸) override func bindActions() { super.bindActions() } //侧边栏收起方法 @objc func hideSidebar() { let sidebarIndex = 0 let expandWidth : CGFloat = 160 let collapsedWidth : CGFloat = 48 //当侧边栏收起时 if isSidebarCollapsed{ //收起---展开 NSAnimationContext.runAnimationGroup{ context in context.duration = 0.3 // Set the duration of the animation self.eventCenterSplitView.setPosition(expandWidth, ofDividerAt: sidebarIndex) } }else { //展开--收起 NSAnimationContext.runAnimationGroup{ context in context.duration = 0.3 // Set the duration of the animation self.eventCenterSplitView.setPosition(collapsedWidth, ofDividerAt: sidebarIndex) } } isSidebarCollapsed.toggle() } } // MARK: -侧边栏Controller class class TPGuardSidebarController:TPBaseViewController{ override func viewDidLoad() { super.viewDidLoad() // Do view setup here. view.wantsLayer = true view.layer?.backgroundColor = NSColor.tpBackground.cgColor; } } // MARK: -侧边栏Controller扩展 extension TPGuardEventCenterController: NSSplitViewDelegate { //subview 这个子视图是否允许被折叠(即宽度/高度缩小到 0)?” func splitView(_ splitView: NSSplitView, canCollapseSubview subview: NSView) -> Bool { return false } func splitView(_ splitView: NSSplitView, constrainMinCoordinate proposedMinimumPosition: CGFloat, ofSubviewAt dividerIndex: Int) -> CGFloat { return 48 } func splitView(_ splitView: NSSplitView, constrainMaxCoordinate proposedMaximumPosition: CGFloat, ofSubviewAt dividerIndex: Int) -> CGFloat { return 160 } //“当用户拖动隔条时,询问代理:是否允许系统自动调整 view 这个子视图的大小?” func splitView(_ splitView: NSSplitView, shouldAdjustSizeOfSubview view: NSView) -> Bool { return false } // func splitView(_ splitView: NSSplitView, shouldHideDividerAt dividerIndex: Int) -> Bool { // return deviceListHasHidden // } // func splitView(_ splitView: NSSplitView, effectiveRect proposedEffectiveRect: NSRect, forDrawnRect drawnRect: NSRect, ofDividerAt dividerIndex: Int) -> NSRect { // return deviceListHasHidden ? NSRect.zero : proposedEffectiveRect // } // func splitViewWillResizeSubviews(_ notification: Notification) { // if deviceListViewController.view.frame.size.width > 500 { // deviceListViewController.view.frame.size = NSSize(width: 500, height: deviceListViewController.view.frame.size.height) // } // } } // MARK: - 事件中心split class class TPGuardEventCenterSpliteView: NSSplitView { override var dividerColor: NSColor { return NSColor.tpSeparator } override var dividerThickness: CGFloat { return 1 } } // MARK: outlineview数据与界面 extension TPGuardEventCenterController: NSOutlineViewDelegate, NSOutlineViewDataSource, TPGuardOutlineViewDelegate { func outlineView(_ outlineView: NSOutlineView, numberOfChildrenOfItem item: Any?) -> Int { guard let sidebarItem = item as? SidebarItem else { return sidebarItems.count } return sidebarItem.children?.count ?? 0 } func outlineView(_ outlineView: NSOutlineView, isItemExpandable item: Any) -> Bool { guard let sidebarItem = item as? SidebarItem else { return false } return sidebarItem.children?.isEmpty == false } func outlineView(_ outlineView: NSOutlineView, child index: Int, ofItem item: Any?) -> Any { guard let sidebarItem = item as? SidebarItem else { return sidebarItems[index] } return sidebarItem.children![index] } func outlineView(_ outlineView: NSOutlineView, viewFor tableColumn: NSTableColumn?, item: Any) -> NSView? { guard let sidebarItem = item as? SidebarItem else { return nil } //唯一标记一种类型的表格单元格(cell)实现 NSOutlineView 或 NSTableView 的 cell 复用机制 let identifier = NSUserInterfaceItemIdentifier("SidebarCell") //尝试从复用池中获取一个已经存在的、可重用的单元格 var sidebarCell = outlineView.makeView(withIdentifier: identifier, owner: self) as? NSTableCellView if sidebarCell == nil { sidebarCell = NSTableCellView() sidebarCell?.identifier = identifier // icon let sidebarImageView = NSImageView() sidebarImageView.translatesAutoresizingMaskIntoConstraints = false sidebarCell?.addSubview(sidebarImageView) sidebarImageView.tag = 100 sidebarImageView.snp.makeConstraints { make in make.leading.equalToSuperview().offset(0) make.centerY.equalToSuperview() make.width.height.equalTo(18) } // title let sidebarTextLabel = NSTextField(labelWithString: "") sidebarTextLabel.translatesAutoresizingMaskIntoConstraints = false sidebarTextLabel.textColor = .white // sidebarTextLabel.font = NSFont.systemFont(ofSize: 12) sidebarCell?.addSubview(sidebarTextLabel) sidebarTextLabel.tag = 101 sidebarTextLabel.snp.makeConstraints { make in make.leading.equalTo(sidebarImageView.snp.trailing).offset(8) make.centerY.equalToSuperview() } // unread count // let sidebarBadgeWidth: CGFloat = 20; // let sidebarBadgeHeigth: CGFloat = 14; // let sidebarBadgeLabel = TPBLabel(); // sidebarBadgeLabel.textColor = .white; // sidebarBadgeLabel.wantsLayer = true; // sidebarBadgeLabel.layer?.backgroundColor = NSColor.red.cgColor; // sidebarBadgeLabel.textAlignment = .center; // sidebarBadgeLabel.layer?.cornerRadius = (sidebarBadgeHeigth - 2) / 2; // sidebarBadgeLabel.layer?.masksToBounds = true; // sidebarBadgeLabel.layer?.borderWidth = 1.0; // sidebarBadgeLabel.layer?.borderColor = NSColor.red.cgColor; // unread count let sidebarBadgeLabel = NSTextField(labelWithString: "") sidebarBadgeLabel.translatesAutoresizingMaskIntoConstraints = false sidebarBadgeLabel.wantsLayer = true sidebarBadgeLabel.layer?.backgroundColor = NSColor.systemRed.cgColor sidebarBadgeLabel.layer?.cornerRadius = 6 sidebarBadgeLabel.textColor = .white sidebarBadgeLabel.alignment = .center sidebarBadgeLabel.font = NSFont.systemFont(ofSize: 10) sidebarCell?.addSubview(sidebarBadgeLabel) sidebarBadgeLabel.tag = 102 sidebarBadgeLabel.snp.makeConstraints { make in make.leading.equalTo(sidebarTextLabel.snp.trailing).offset(8) make.centerY.equalTo(sidebarTextLabel.snp.centerY)//对齐文字 make.width.greaterThanOrEqualTo(16) make.height.equalTo(16) } } if let sidebarImageView = sidebarCell?.viewWithTag(100) as? NSImageView { sidebarImageView.image = sidebarItem.iconImage } if let sidebarTextLabel = sidebarCell?.viewWithTag(101) as? NSTextField { sidebarTextLabel.stringValue = sidebarItem.title } if let sidebarBadgeLabel = sidebarCell?.viewWithTag(102) as? NSTextField { if sidebarItem.showsBadge, let unreadCount = sidebarItem.unreadCount, unreadCount > 0 { sidebarBadgeLabel.isHidden = false if unreadCount >= 99 { sidebarBadgeLabel.stringValue = "\(unreadCount)+" }else{ sidebarBadgeLabel.stringValue = "\(unreadCount)" } } else { sidebarBadgeLabel.isHidden = true } } return sidebarCell } // 缩进 func outlineView(_ outlineView: NSOutlineView, indentationForItem item: Any?) -> CGFloat { return 0 } }
最新发布
09-29
import Cocoa class MessageDemoController: NSViewController { private var messageListView = TPGuardMessageListView() private var toggleButton = NSButton() private var messageListView2 = TPGuardMessageListView() private var toggleButton2 = NSButton() private var contentView = NSView() private var demoMessages: [TPGuardDeviceShareMessage] = { var messages = [TPGuardDeviceShareMessage]() for i in 1...3 { let message = TPGuardDeviceShareMessage() message.messageID = "msg_\(i)" message.messageType = (i % 2 == 0) ? .deviceShareIPC : .deviceShareNVR // 交替类型 message.content = "User \(i) wants to share a device with you." message.sharerUserName = "user\(i)" message.deviceModel = "Model-\(i)" message.deviceName = "Device-\(i)" message.time = Date().timeIntervalSince1970 - TimeInterval(i * 3600) // 间隔1小时 message.expiry = message.time + 86400 // 24小时后过期 messages.append(message) } return messages }() private var demoMessages2: [TPGuardDeviceShareMessage] = { var messages = [TPGuardDeviceShareMessage]() for i in 1...5 { let message = TPGuardDeviceShareMessage() message.messageID = "msg2_\(i)" message.messageType = (i % 2 == 0) ? .deviceShareIPC : .deviceShareNVR message.content = "User \(i) wants to share a device with you." message.sharerUserName = "user\(i)" message.deviceModel = "Model-\(i)" message.deviceName = "Device-\(i)" message.time = Date().timeIntervalSince1970 - TimeInterval(i * 3600) message.expiry = message.time + 86400 messages.append(message) } return messages }() override func loadView() { view = NSView(frame: NSRect(x: 0, y: 0, width: 400, height: 700)) view.wantsLayer = true view.layer?.backgroundColor = NSColor.clear.cgColor view.addSubview(contentView) contentView.wantsLayer = true contentView.layer?.backgroundColor = NSColor.clear.cgColor } override func viewDidLoad() { super.viewDidLoad() setupUI() setupConstraints() loadDemoData() } private func setupUI() { messageListView.translatesAutoresizingMaskIntoConstraints = false messageListView.messageListViewStatusDidChangeCallback = { [weak self] height, isCollapsed in self?.view.layoutSubtreeIfNeeded() } messageListView2.translatesAutoresizingMaskIntoConstraints = false messageListView2.messageListViewStatusDidChangeCallback = { [weak self] height, isCollapsed in self?.view.layoutSubtreeIfNeeded() } contentView.addSubview(messageListView) contentView.addSubview(messageListView2) toggleButton.title = "Toggle Collapse" toggleButton.bezelStyle = .rounded toggleButton.target = self toggleButton.action = #selector(toggleListState) toggleButton.translatesAutoresizingMaskIntoConstraints = false contentView.addSubview(toggleButton) toggleButton2.title = "Toggle List 2" toggleButton2.bezelStyle = .rounded toggleButton2.target = self toggleButton2.action = #selector(toggleList2State) toggleButton2.translatesAutoresizingMaskIntoConstraints = false contentView.addSubview(toggleButton2) } override func viewDidLayout() { super.viewDidLayout() } private func setupConstraints() { contentView.snp.makeConstraints { make in make.edges.equalTo(view) make.width.equalTo(420) make.bottom.equalTo(toggleButton2).offset(20) // 由最后一个子视图决定高度 } messageListView.snp.makeConstraints { make in make.top.equalTo(contentView).offset(20) make.leading.trailing.equalTo(contentView) } messageListView2.snp.makeConstraints { make in make.top.equalTo(messageListView.snp.bottom).offset(10) // 间隔30pt make.leading.trailing.equalTo(contentView) } toggleButton.snp.makeConstraints { make in make.top.equalTo(messageListView2.snp.bottom).offset(20) make.centerX.equalTo(contentView).multipliedBy(0.5) // 左侧半宽位置 } toggleButton2.snp.makeConstraints { make in make.top.equalTo(toggleButton) make.centerX.equalTo(contentView).multipliedBy(1.5) // 右侧半宽位置 } } private func loadDemoData() { // 创建临时数据容器 let tempMessages = demoMessages let tempMessages2 = demoMessages2 // 禁用动画防止闪烁 NSAnimationContext.runAnimationGroup({ context in context.duration = 0 context.allowsImplicitAnimation = false messageListView.deviceShareMessages = tempMessages messageListView2.deviceShareMessages = tempMessages2 messageListView.reloadMessages() messageListView2.reloadMessages() // 强制更新布局 }) } @objc private func toggleListState() { messageListView.toggleCollapseState() } @objc private func toggleList2State() { messageListView2.toggleCollapseState() } } 现在看我这个类,我把滚动视图删了,现在单独给我的list2加一个scorllview实现展开后可以滚动列表,能做到吗?给我完整类代码
09-26
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值