SwiftUI .toolbar ToolbarItem 自定义按钮设计

Posted 2023-02-24

【中文标题】SwiftUI .toolbar ToolbarItem 自定义按钮设计

【英文标题】：SwiftUI .toolbar ToolbarItem Custom Button Designs

【发布时间】：2021-05-15 04:58:38

【问题描述】：

是否可以在使用新的 .toolbar/ToolbarItem 代码时设置按钮样式？

这是一个添加红色背景的简单示例。什么都没有。

 ToolbarItem(placement: .navigationBarLeading) 
                        
      Button(action: ) 
          Image(systemName: "plus.circle")
          .background(.red)
       
                         
 

以前我只会添加它来添加背景、颜色、大小、阴影、圆圈等...

 .buttonStyle(NavButtonStyle())

我在浪费时间吗？我想要的最后一件事是丑陋的蓝色图像。我想自定义它们。

谢谢。

【问题讨论】：

ToolbarItem 已经是一个按钮，所以您不需要明确使用 Button。如果您想执行某些操作，请在没有按钮的情况下正常查看并添加手势。

样式怎么样？还是行动？我不明白这将如何工作？谢谢。

对于样式，我们可以创建一个普通视图，如正文视图，如果您想重定向其他屏幕，请使用导航链接，否则添加点击手势。

或者使用navigationBarItems(leading insted of ToolbarItem。

【参考方案1】：

我不知道为什么会这样 - 但确实如此。想知道是否有更好的方法？

我无法以任何方式格式化图像 - 直到我添加了 Text("")。

我添加了 HStack 只是为了整理。

如果你把 Text("") 放在前面，它会移动图像 - 所以最后会更好。

祝你好运。

.toolbar 
    
    ToolbarItem(placement: .navigationBarLeading) 
       
        Button(action:  presentationMode.wrappedValue.dismiss() ) 
             
            HStack 
            Image(systemName: "arrow.left")
                .frame(width: 24, height: 24) 
                .background(
                     Circle()
                        .fill(Color.red) 
                )
                .shadow(color: Color.black.opacity(0.3), radius: 3, x: 2, y: 2)
            
                Text("") // without this text the image formatting will not show