如何在SwiftUI中添加按钮
在SwiftUI中添加按钮可以通过以下步骤实现：
- 导入SwiftUI框架：在代码文件的开头，使用
import SwiftUI导入SwiftUI框架。 - 创建按钮：使用
Button视图来创建按钮。可以使用以下代码创建一个简单的按钮：
Button("按钮标题") {
// 按钮点击事件处理代码
}- 自定义按钮样式：可以使用
Button的修饰符来自定义按钮的外观和行为。例如，可以设置按钮的背景颜色、文本颜色、字体样式等。以下是一个自定义按钮样式的示例：
Button("按钮标题") {
// 按钮点击事件处理代码
}
.padding()
.background(Color.blue)
.foregroundColor(.white)
.font(.headline)- 添加按钮点击事件处理代码：在按钮的闭包中编写按钮点击事件的处理代码。可以在闭包中执行任何需要的操作，例如更新视图、执行网络请求等。
完整的示例代码如下：
import SwiftUI
struct ContentView: View {
var body: some View {
Button("按钮标题") {
// 按钮点击事件处理代码
print("按钮被点击了")
}
.padding()
.background(Color.blue)
.foregroundColor(.white)
.font(.headline)
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}这是一个简单的在SwiftUI中添加按钮的示例。根据实际需求，可以进一步自定义按钮的外观和行为。如果需要了解更多关于SwiftUI的按钮和其他视图的信息，可以参考腾讯云的官方文档：SwiftUI - Button。
相关·内容
我有一个.navigationBarItems按钮，我想启用/禁用取决于我的应用程序正在做什么，但我不能为我的生活弄清楚这是怎么做的？！
我的观点是被拉到我的主要应用程序视图通过一个NavigationView，所以我知道酒吧项目是正确的显示什么的。在我的视图中，在导航到它时，我的代码位于堆栈的底部：
.navigationBarItems(
trailing:
Button("End Day") {
//do something he
浏览 1提问于2021-01-30得票数 1
回答已采纳
1回答
我有一系列这样的按钮： ForEach(context.items){item in
Button(action: {
self.variableSelection.toggle()
}) {
Text("\(item)")
if self.variableSelection{
Text("Extra text")
}
}
} 发生的事情是:出现一个项目列表，当我单击一个按钮时，每个按钮的底部都会出现“额外的文本”。 我想
浏览 17提问于2020-08-23得票数 1
回答已采纳
使用ignoresSafeArea()将SwiftUI菜单按钮放在尾上角时，它可以在SwiftUI预览中正常工作：
但不是在实际的设备/模拟器上：
当我在菜单本身上再次使用ignoresSafeArea()时，出现了一个奇怪的行为(iOS 14.5)：没有填充的菜单失去了功能，有了填充，当菜单出现时，按钮向下移动，并且按钮和菜单之间有一个奇怪的间距：
有没有一种方法可以让菜单正确地出现在顶部尾部的角落？
示例代码：
struct MenuButtonExampleView: View {
var body: some View {
Col
浏览 2提问于2021-05-24得票数 0
我有这样一个简单的观点：
let state = viewModel.state
VStack {
// "Come back tomorrow!" label
Text(loc(.comeBackTomorrow))
.withMainBodyStyle()
if state.isRewardable && viewModel.isVideoAdReady {
// "One more joke?" button
浏览 1提问于2022-02-06得票数 1
回答已采纳
在MacOS10.15.7的SwiftUI 2.0中，我使用这段代码在列表中显示我的父数据和子数据 默认情况下，我的父级处于崩溃状态！我喜欢用我的按钮操作来强制扩展其中的一些按钮，我有那些按钮。有人知道如何解决这个问题吗？ 这是我的代码： import SwiftUI
struct staticData: Identifiable
{
let id = UUID()
var NameOfItem : String
var dynamicData : [staticData]?
}
let Chil
浏览 12提问于2020-10-07得票数 2
回答已采纳
我有两种方法来删除列表中的项目
刷卡。它由.onDelete修饰符实现，并在每个列表项上使用精细的自定义删除按钮。。
通过点击自定义“删除”按钮，我如何以编程方式使用.onDelete默认删除动画执行UITableView？
重要：，我不是说只使用withAnimation。我指的是在列表中删除行的默认动画，当行变成红色并折叠时。
struct ContentView: View {
@State var countries = ["USA", "Canada", "England", "Cameroon", "S
浏览 2提问于2022-05-27得票数 0
1回答
我有问题..。如果我有几个视图中有按钮等元素，并且在父视图上也有动画。如何避免动画影响内部对象。在我的例子中，所有按钮都从父视图捕捉延迟。我尝试使用.сlipped，但我只帮助.shadow选项，而不是动画;)
示例：
ViewA(editAction: {
}).opacity(isShow ? 1 : 0)
.animation(Animation.easeOut(duration: 0.6).delay(0.8))
ViewB(editAction: {
}).opacity(isShow ? 1 : 0)
.animation(Animation.easeOut(duration
浏览 2提问于2020-10-05得票数 1
回答已采纳
4回答
假设我在一行中有一个List和两个按钮，我如何区分哪个按钮被点击而没有整个行的高亮显示？
对于此示例代码，当单击行中的任意一个按钮时，将调用两个按钮的操作回调。
// a simple list with just one row
List {
// both buttons in a HStack so that they appear in a single row
HStack {
Button {
print("button 1 tapped")
} label: {
Te
浏览 1提问于2019-06-12得票数 94
回答已采纳
1回答
我有以下代码来显示图像：
struct TransactionsButtonView : View {
var body: some View {
return VStack {
Image("Transactions")
Text("Transactions")
.font(.footnote)
}.padding(.horizontal)
}
}
这正确地创建了一个图像：
但是，当我试图将其转换为图像按钮时，它只显
浏览 0提问于2019-06-25得票数 3
回答已采纳
我正在创建一个简单的表单应用程序。在这方面，我有复选框和单选按钮，但我不知道怎么做。
我已经做了下面的代码来动态改变所选选项的颜色。但可以选择多个值。我只需要从5个值中选择一个值，就像单选按钮一样。
我正在录制第二个单选按钮。现在，如果我选择第四个单选按钮，第二个单选按钮应该取消选择，第四个单选按钮应该被选中。
struct DCTableCell: View {
@Binding var dcValue: String
@State var isSelected: Bool = false
var body: some View {
Butt
浏览 64提问于2019-10-30得票数 0
1回答
在：在iOS 14及更高版本中，按钮可以显示下拉菜单，列出人们可以从中选择的项目或操作。
这正是我想要的项目。在，他们有一个“更多”的酒吧按钮与下拉菜单非常适合的账单。但是，有没有人用SwiftUI按钮创建下拉菜单(而不是上下文菜单)的例子？
浏览 4提问于2020-08-12得票数 5
回答已采纳
在AppKit中，当使用键盘快捷方式时，使用快捷键时按钮将可视地按下。在SwiftUI中，使用keyboardShortcut(_:modifiers:)工作，但是按钮上没有指示。
此外，我似乎还记得在某个地方看到，使用keyboardShortcut(_:modifiers:)向按钮添加修饰符(“⌘(⌘D)")。这只是菜单用的吗？
struct ContentView: View {
var body: some View {
Button("Press") {
print("pressed")
浏览 5提问于2022-06-20得票数 0
回答已采纳
在SwiftUI中，我尝试用一个按钮来启动和停止动画。我在SwiftUI中找不到可以让我停止自动化的方法。在Swift 4中，我常说"startButton.layer.removeAllAnimations()“。在SwiftUI中有没有类似的东西？ 对于下面的代码，我将如何使用start的值来启用/禁用动画。我试过.animation(开始？动画(...)：.none)没有任何运气，在按钮内创建了一些奇怪的动画。 import SwiftUI
struct Repeating_WithDelay: View {
@State private var start = fa
浏览 41提问于2020-01-21得票数 5
回答已采纳
3回答
在SwiftUI中，我有一个简单的搜索TextField，用户输入要搜索的内容和按钮搜索。
我只想添加一个选项，让按钮搜索在Keyboard的右下角(我在某个应用程序中看到了)
我怎么能这么做？
浏览 4提问于2020-01-18得票数 2
回答已采纳
1回答
我在ContentView中设置了一个带有修饰符的按钮：padding、background、font和foregroundColor。
但是，当它在模拟器上运行时，按钮会发生这样的情况：
知道怎么解决这个问题吗？守则如下：
import SwiftUI
struct ContentView: View {
@State var leftDiceNo = 1
@State var rightDiceNo = 1
var body: some View {
ZStack{
Image(&#
浏览 9提问于2022-08-02得票数 1
回答已采纳
在我的视图中有一个最喜欢的按钮，它有NavigationLink。每次我按下最喜欢的按钮，不透明动画也会显示出来。我不想在点击最喜欢的按钮时显示任何动画。我知道如何删除动画在整个视图，但我希望动画工作时，我按下外部的喜爱按钮。
HStack {
Image(systemName: "a.book.closed.fill")
Text(book.name)
Spacer()
FavoriteButton(isFavorite: $isFavorite)
.onChange(of:
浏览 4提问于2022-07-23得票数 0
1回答
我有一个视图，它将显示在另一个视图之上。视图动画完美地从右侧滑入，但当我单击Close按钮时，视图将消失，而不是在消失之前滑回右侧的所需动画。 我尝试过使用.opacity(self.isShowing ?1: 0)，但随后视图淡入淡出，我需要它来滑入滑出。其他变体没有产生预期的结果。 我做错了什么？任何指导，即使是重复的解决方案(我找不到)都会非常感谢。 struct NotificationView<parentView>: View where parentView: View {
@Binding var isShowing: Bool
let paren
浏览 17提问于2020-08-03得票数 1
回答已采纳
1回答
我想使用按钮转到详细信息屏幕。这些按钮在单独的视图中设计，并使用ForEach函数调用。请指导我解决这个问题。 这是我为按钮设计的代码 struct ButtonsDesignView: View {
var buttons: MyModel.buttons
var body: some View {
Button(action: { }) {
ZStack {
HStack{
VStack{
Text(btn.title)
.foregroun
浏览 18提问于2021-02-05得票数 0
回答已采纳
我们有两个按钮，它们有一个自定义的ButtonStyle设置，可以在点击时缩放和更改这些按钮的alpha。这些按钮在工作表中，可以拖动。如何防止在使用scaleEffect时按钮的位置被动画化？没有按钮样式是可以的，但很明显它不会在点击时显示动画。有关此问题，请参阅gif。谢谢。
struct ScaleButtonStyle: ButtonStyle {
func makeBody(configuration: ButtonStyleConfiguration) -> some View {
configuration
.label
浏览 10提问于2021-05-31得票数 1
回答已采纳
当我单击ContentView.swift中的一个按钮时，我希望触发sportList‘追加’的操作会显示新添加的项。但事实并非如此没有编译错误。单击按钮不会在print语句中执行任何操作(尽管我可以看到SportItem正在正确地打包)。
我为一个项目"SportItem“创建了一个模型，它具有简单的属性(例如名称: String)和一个ObservableObject类。
struct SportItem: Identifiable {
let name: String
}
然后，在所有内容之外创建一个全局sportData变量和一个ObservableObject类：
v
浏览 3提问于2021-01-04得票数 1
回答已采纳
我正在用SwiftUI创建一个Mac应用程序。我希望有一个图像选择器/文件选择器(只有图像类型)从文件系统中选择一个图像，并在我的Image()中显示它。
我找不到正确的方法。我已经习惯了UIImagePicker in iOS和ObjectiveC。正确的做法是什么？
举个例子，我有一个按钮，想在按钮上调用ImagePicker。
苹果的通讯录就是使用这种模态视图。我们也能买到吗？
浏览 6提问于2020-02-24得票数 3
回答已采纳
我想添加一个带有图像(左边)的按钮，如下所示：
可能，当涉及到时，它似乎与UIButton类似。
我到目前为止所做的是：
Button(action: {}) {
Text("Add To Cart")
.foregroundColor(.black)
.padding(.all, 10.0)
}
.background(Color.gray)
.cornerRadius(5.0)
其结果与所需的结果相当接近：
但是，我在中找不到与设置图像有关的任何属性/方法。
如何解决这个问题？
浏览 0提问于2019-09-08得票数 0
回答已采纳
在SwiftUI中，我想要一个按钮在最初显示视图时从屏幕的顶部下降到最后的位置，而不是在按钮被按下时显示动画。 我试过了： Button(action: {}) {
Text("Button")
}.offset(x: 0.0, y: 100.0).animation(.basic(duration: 5)) 但并不快乐。
浏览 22提问于2019-06-22得票数 12
回答已采纳
在SwiftUI中更改按钮背景色的最佳方法是什么？ 我想创建一个瓦片，这是一个居中的文本和一些颜色的矩形背景按钮。
浏览 103提问于2019-06-15得票数 28
回答已采纳
我想知道如何在SwiftUI文本中添加按钮和链接。举个例子:在一个很长的文本中，一些特殊的词是按钮或链接，就像维基百科上的一篇文章：
有一些蓝色标记为链接的单词，我如何在SwiftUI中访问它？
谢谢，Boothosh
浏览 1提问于2021-05-20得票数 2
我想对用户的选择做出反应。类似于此示例的内容： ? 在第二阶段，我想在每个单选按钮下面显示额外的内容，例如，移动按钮2和3，以便给出一个允许的网站列表。 到目前为止，我还没有找到如何在SwiftUI中做到这一点。非常感谢！
浏览 150提问于2019-10-27得票数 14
回答已采纳
我有一个设置视图，其中有一个按钮，用于切换存储在UserDefaults中的绑定。
struct Settings: View {
@ObservedObject var settingsVM = SetttingsViewModel()
var body: some View {
if settingsVM.settingActivated {
Text("Setting activated")
} else {
Text("Setting deactivated"
浏览 5提问于2022-08-28得票数 1
回答已采纳
. TVOS！
我有一个按钮列表，它会自动调整列表中的第一个按钮(当视图被加载时)。有没有办法用SwiftUI将列表中的另一个按钮对焦？
我知道preferredFocusedView在UIKit中存在，但是我喜欢在SwiftUI中这样做。
谢谢你的建议！
浏览 5提问于2020-02-07得票数 4
我有一个文本和一些盒子是在一个ScrollView。它们都是可点击的Button。
问题是：
当我单击左侧图像中的“按钮”时，我得到控制台日志“文本单击”。(一切都好)然而，如果我向下滚动一点，并单击第二个图像上的“按钮”，它实际上会单击后面的框，并得到控制台日志“方框单击”。
出于某种原因，我最终点击了后面的视图，而不是前面的视图。这是个窃听器还是我做错了什么？
下面是再现错误的代码。我正在使用Xcode 12。
struct ContentView: View {
var body: some View {
VStack {
Tex
浏览 1提问于2020-08-19得票数 1
回答已采纳
2回答
每当我的代码变得太大时，SwiftUI就会开始表现得很奇怪，并生成一个错误： "The compiler is unable to type-check this expression in reasonable time; try breaking up the expression into distinct sub-expressions" 所以我开始将我的代码分解成Extracted Subviews，我遇到的一个问题是如何从减去的子视图中消除视图。 示例:我们这里有LoginContentView，这个视图包含一个按钮，当按钮被点击时，它将显示下一个视图UsersO
浏览 30提问于2020-12-12得票数 0
2回答
我正在尝试为mac os (SwiftUI应用程序生命周期)在SwiftUI应用程序中创建自定义菜单项。我不太理解以下行为： 在以下代码中： import SwiftUI
@main
struct MySQLtoolApp: App {
@ObservedObject var mysql = MySQL()
var flags = UtilFlags()
var selectedDB = "mysql"
var body: some Scene {
let mainWindow = WindowGroup(Text("t
浏览 18提问于2021-01-18得票数 1
回答已采纳
我想把按钮放在有DragGesture by ZStack的视图上。但是当我把按钮放在视图上时，它就不工作了。 struct TmpView5: View {
@State var position: CGSize = CGSize(width: 200, height: 250)
var drag: some Gesture {
DragGesture()
.onChanged{ value in
self.position = CGSize(
width: val
浏览 15提问于2020-12-06得票数 2
回答已采纳
我正在制作一个应用程序，我接受两个数字输入，并希望在第二个屏幕上显示数字的相加结果，当一个按钮被单击时。我可以在控制台中打印结果，但不幸的是，在按钮周围，导航链接似乎不起作用。如果我将NavigationLink放在按钮标签周围，而不是整个按钮周围，那么，它将转到第二个屏幕，但按钮操作停止工作。下面是我的代码： import SwiftUI
struct ContentView: View {
@State private var number1 : String = ""
@State private var number2: String = "
浏览 12提问于2020-09-11得票数 2
回答已采纳
我在我的项目中使用了下面的代码，它工作得很好。
但我需要知道，当用户点击按钮或任何其他动作时，是否可以全屏播放视频。
这是我的密码：
VideoPlayer(player: AVPlayer(url: URL(string: "https://xxx.mp4")!)) {
VStack {
Text("Watermark")
.foregroundColor(.black)
.background(Color.white.opacity(0.7))
Spac
浏览 7提问于2021-06-03得票数 4
回答已采纳
这里我得到了两个形状，一个矩形和一个圆圈，在按钮的作用下，其中只有一个可以被用户看到，我试着使用@Namespace来进行这个转换，但是没有显示出来！
我的目标:从一个形状到另一个形状有一个漂亮而流畅的转换动画.
struct ContentView: View {
@State var action: Bool = false
@Namespace var sameShape
var body: some View {
ZStack
{
Group
{
if actio
浏览 2提问于2020-11-10得票数 0
2回答
在我的内容视图中，我有一个主页，其中包含一些文本，上面写着“欢迎，xxxx”，其中xxxx是从一个防火墙数据库中获取的名称。可以通过导航链接在“设置”页中更改此字段。当名称被更改并保存在主页上时，只有当您强制关闭应用程序时才会更新。当您按下设置中的“后退”按钮时，如何强制更新视图。
我就是这样显示字段的：
Text("Welcome, \(companyName)")
.font(.system(size: 23))
.bold()
.
浏览 6提问于2022-08-11得票数 0
回答已采纳
我似乎找不到如何设置contentInset的ScrollView。我的目标是使我的ScrollView中的最后一个对象位于紫色主按钮之上。
如果有一个命令，有人可以帮助如何将此实现到我下面的当前代码中。我很感谢你的帮助！
struct Overview: View {
var body: some View {
NavigationView {
ScrollView(showsIndicators: false) {
VStack(spacing: 10) {
浏览 18提问于2020-06-29得票数 22
回答已采纳
2回答
我正在使用SwiftUI。我有一个按钮，用户可以按下，它将添加1到一个int。每天我将int重置为0。
保存每天按下按钮的次数的最佳方法是什么，这样我就可以显示一个日历，显示用户每天按该按钮的次数。
我如何将它保存在核心数据中？
浏览 4提问于2021-03-06得票数 0
回答已采纳
1回答
我有一个按钮，上面覆盖了一个圆角半径的圆角矩形，lineWidth为1.0。这是在自定义ButtonStyle中完成的。 func makeBody(configuration: Configuration) -> some View {
configuration.label
.background(Color.green)
.cornerRadius(5)
.scaleEffect(configuration.isPressed ? 0.9 : 1)
.animation
浏览 15提问于2020-07-23得票数 1
回答已采纳
我有一个第一个响应textField，但我希望能够关闭键盘时，屏幕被点击或当用户按下一个按钮。
这是我的UIViewRepresentable
public struct CustomSTPPaymentCardTextField: UIViewRepresentable {
@Binding var paymentMethodParams: STPPaymentMethodParams?
let background: Color = ColorManager.backgroundColor
public init(paymentMethodParams: Binding<STPP
浏览 5提问于2021-06-01得票数 0
回答已采纳
1回答
我尝试添加全屏透明按钮：
Button(action: {
// my action
}) {
Rectangle()
.opacity(0)
}
但是，如果.opacity()小于0.1，按钮操作将停止工作。如何实现全屏透明按钮？
在iOS 14.3(模拟)、iOS 14.2(iPhone X)、Xcode12.3上测试
浏览 2提问于2021-01-17得票数 1
如何在表单中更改导航按钮。
Section {
NavigationLink(
destination: SignUpView(),
label: {
Text("Don't have an account?")
.foregroundColor(.gray)
})
}
结果：
浏览 2提问于2021-02-04得票数 1
回答已采纳
3回答
我想在SwiftUI中设置视图(文本、按钮等)的内部阴影
在SwiftUI中有外部阴影，但没有内部阴影
我想要做的是使用SwiftUI制作新孤儿用户界面
Michal Malewicz“用户界面中的新孤儿”
我想按下用户界面按钮
但我不知道从哪里开始制造内心的阴影
浏览 4提问于2020-02-07得票数 17
回答已采纳
我在NavigationBar上嵌入了一个按钮。我正在尝试使用按钮打开一个名为DetailView的新View 我尝试使用NavigationLink，但它在按钮中不起作用。 import SwiftUI
struct ContentView: View {
@ObservedObject var dm: DataManager
@State var isAddPresented = false
var body: some View {
NavigationView {
HStack {
浏览 21提问于2019-09-09得票数 2
回答已采纳
Bellow是我的代码的简化，其中FDocument是一个
class FDocument: NSObject, ObservableObject, Codable
当我按下按钮时，将为document分配一个新实例，并更改isDocumentPresented，但是在
.fullScreenCover(isPresented: $isDocumentPresented)
这份文件突然变成零。
struct MyView: View {
@State var document: FDocument?
@State var isDocumentPresented = f
浏览 5提问于2022-08-10得票数 2
回答已采纳
1回答
在赛道上学习更多关于SwiftUI的知识。我出现了一些奇怪的行为。
我有一个叫做Modal的简单视图。我在其中使用了一个Picker，并在导航栏中设置了一个标题，以显示细节视图。
效果很好。当我在导航栏中添加一个按钮时，问题就开始了。最后它看起来像这样
没有+按钮
用+按钮
守则如下：
ContentView.swift
import SwiftUI
struct ContentView: View {
@State var isShowing = false
var body: some View {
VStack(content: {
浏览 0提问于2020-10-23得票数 2
回答已采纳
我有一个包含5个元素和一个取消按钮的动作单。我正在尝试将取消按钮设置为红色，但它不起作用。我见过这个SwiftUI ActionSheet different color for each action。破坏性按钮样式使其他选项卡变为红色，但不知道如何使取消选项卡变为红色。我已经更新了我的取消选项卡如下，但颜色仍然是蓝色，任何建议都会很好。 .cancel(Text("Cancel")
.font(.system(size: 40.0))
.foregroundColor(Color.red)) 下面是我的ActionSheet代码： .actionSheet(isPrese
浏览 20提问于2021-03-26得票数 1
回答已采纳
我正在使用SwiftUI，我在NavigationBar中添加了按钮，但是我无法在该按钮上设置操作。我试过这两种方法，但都失败了。
方法:1
.navigationBarTitle("\(task.label)")
.navigationBarItems(trailing: UIBarButtonItem(title: "Done", style: .plain, target: self, action: #selector(self.actionName)))
但我这里有个错误
参数类型'UIBarButtonItem‘不符合预期类型’视图‘
方法
浏览 3提问于2020-01-31得票数 3
我一直在尝试使用ScrollViewReader和withAnimation来制作ScrollView动画。
我不明白为什么这两个动画不能工作，无论是按钮还是.onAppear？
import SwiftUI
struct ScrollView2: View {
@State private var scrollText = false
var body: some View {
ScrollViewReader { scrollView in
ScrollView {
Button(
浏览 0提问于2020-12-05得票数 1
我想在标题上加上按钮，就像这里一样。
我是和SwiftUI NavigationView一起做的。但是，我必须添加SearchController，并且作为自定义添加NavigationViewController。
自定义NavigationViewController
searchController工作正常，但我无法在搜索控制器上方添加按钮。
struct CustomNavigationView: UIViewControllerRepresentable {
let navigationActon = NavigationBarItemActions()
浏览 5提问于2021-03-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
