### 在 Compose Multiplatform 中为 Mac Desktop 实现自定义标题栏并保留原生窗口控件 在 Compose Multiplatform 开发中，实现一个既具有自定义外观又兼容原生操作系统的标题栏是一项复杂但可行的任务。以下是具体解决方案： #### 1. **移除默认标题栏** 要创建自定义标题栏，首先需要隐藏系统自带的标题栏。这可以通过设置窗口样式属性来完成： ```kotlin window.isUndecorated = true ``` 该代码片段会去掉窗口的所有装饰（包括标题栏和控制按钮），从而允许开发者自由设计自己的界面[^4]。 #### 2. **重新绘制标题栏区域** 使用 Compose 创建一个新的布局作为替代方案。下面是一个简单的例子展示如何构建基本结构： ```kotlin @Composable fun CustomTitleBar(onClose: () -> Unit, onMinimize: () -> Unit) { Row( modifier = Modifier.fillMaxWidth().height(40.dp).background(Color.Gray), horizontalArrangement = Arrangement.SpaceBetween, verticalAlignment = Alignment.CenterVertically ) { Text(text = "My App", color = Color.White) Row { IconButton(onClick = { onMinimize() }) { Icon(Icons.Default.Remove, contentDescription = "Minimize") } IconButton(onClick = { onClose() }) { Icon(Icons.Default.Close, contentDescription = "Close") } } } } ``` #### 3. **处理窗口行为逻辑** 为了让这些图标具备实际作用，需绑定它们到对应的 JVM 窗口管理函数上。例如： ```kotlin val frame = rememberFrame() CustomTitleBar( onClose = { frame.window.dispose() }, onMinimize = { frame.window.state = WindowState.Minimized } ) ``` 此处假设存在一个辅助类 `rememberFrame()` 返回当前活动窗口实例以便操控其状态变化[^3]。 #### 4. **针对 macOS 添加特殊支持** 由于苹果设备上的窗口控制器遵循不同的视觉风格——即著名的“红绿黄”交通信号灯组合，因此有必要单独考虑这一情况。一种推荐的方式是从素材库获取相应颜色的标准图形资源，并按前述方法嵌入至 UI 定义里；或者借助某些第三方工具包简化流程[^5]。 另外值得注意的是，在某些情况下可能还需要调整整体布局参数以匹配 Retina 显示屏比例等因素的影响[^2]。 #### 5. **跨平台一致性考量** 尽管我们已经分别讨论了两个主要 OS 下的具体实施方案，但从长远来看保持用户体验连贯性同样重要。这意味着即使面对不同硬件环境也应努力维持相似交互模式与美学特征之间的平衡关系[^1]。 --- ###