如果你使用的是SwiftUI 2.0或更高版本,可以使用accentColor和background来设置按钮的背景色。以下是一个示例: 代码语言:txt 复制 import SwiftUI struct ContentView: View { var body: some View { Button(action: { print("Button tapped!") }) { Text("Click Me") .foregroundColor(.white) .font(.headli...
.button2 {background-color: #008CBA;} /* 蓝色 */ .button3 {background-color: #f44336;} /* 红色 */ .button4 {background-color: #e7e7e7; color: black;} /* 灰色 */ .button5 {background-color: #555555;} /* 黑色 */ .button6 {background-color:black;color:cyan;}/*黑色*/ 1...
可以通过修改按钮的背景颜色来实现。在SwiftUI中,可以使用Button视图来创建按钮,并使用background修饰符来设置按钮的背景颜色。 以下是一个示例代码,演示如何在tvOS上使用SwiftUI更改按钮的颜色: 代码语言:txt 复制 import SwiftUI struct ContentView: View { @State private var buttonColor = Color.blue var body: ...
我们在Button的样式区域写一个Text,然后再给Text补充修饰符修饰。 //微信登录 Button(action: { // 操作 print("登录成功") }) { // 按钮样式 Text("微信登录") .font(.system(size:14)) .frame(minWidth:0,maxWidth:.infinity) .padding() .foregroundColor(.white) .background(Color(red:88/255,g...
background(Color.yellow) //文字颜色 .foregroundColor(.white) 结果如下: image.png 看起来很完美,达到了我们的需求。但是使用的时候会发现一个问题:只有点击文字才会触发action,点击黄色区域是不会触发的! 解决问题 产生这个问题的原因是,设置Button的大小背景色等,只是设置在了Button上面,而触发action是有内部...
Button(action: {}, label: { Image(systemName: "forward.end") .bold() .foregroundColor(.white) .padding(6) .background(Color.black.opacity(0.58)) .clipShape(RoundedRectangle(cornerRadius: 8)) }) 4. 图文型按钮 这是另一种常用的按钮样式,直观、实用。
// 1、字符串构建,支持本地化字符串Button("Hello World") {// action} // 2、自定义样式Button{// action} label: {VStack(spacing:8) {Image(systemName:"square.and.arrow.up")Text("Share") } .padding() .foregroundColor(.white) .background(Color.blue) ...
第一步,创建Button代码,并在样式部分使用Image。 //图标按钮 struct SwiftUIIconView: View { var body: some View { Button(action: { // 操作 }) { // 按钮样式 Image("weixin") .resizable() .frame(minWidth: 0, maxWidth: 32, minHeight: 0, maxHeight: 32) .padding() .background(Color(red...
struct ContentView: View {var body: some View {Button(action: {// 操作print("登录成功")}) {// 按钮样式Text("微信登录").font(.system(size: 14)).frame(minWidth: 0, maxWidth: .infinity).padding().foregroundColor(.white).background(LinearGradient(gradient: Gradient(colors: [Color.blue,...
Button("Green") { backgroundColor = .green } Button("Blue") { backgroundColor = .blue } Button("Cancel", role: .cancel) { } } message: { Text("Select a new color") } 运行应用程序时,您应该会发现点击文本会导致确认对话框滑过,而点击其选项会导致文本的背景颜色发生变化。