最新消息:关注【已取消】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

SwiftUI ActionSheet底部弹窗的使用示例

IOS 太平洋学习网 0浏览 评论

本套教程将介绍SwiftUI ActionSheet的使用,我们都知道UIKit中,我们会使用UIActionSheet来做底部弹窗功能,而在SwiftUI中是有所不同的,教程中将介绍ActionSheet的使用以及点击事件的处理。

action.png

创建SwiftUI项目


你可能已经学过了Swift UIAlertController相关的知识,本文章内部涉及到了SwiftUI Text文本以及SwiftUI Button按钮的添加,可以在代码中注意到。

此处我将会在SwiftUI ActionSheet中添加Delete,Save,Cancel三个按钮以及它们点击后的事件输出。

代码如下:

import SwiftUI

struct ContentView: View {
    @State private var isActionSheet = false

    var body: some View {
            Button(action: {
                self.isActionSheet = true
            }) {
                Text("ActionSheet")
                .foregroundColor(Color.white)
            }
            .padding()
            .background(Color.blue)
            .actionSheet(isPresented: $isActionSheet, content: { //此处为ActionSheet的文本与事件
                ActionSheet(title: Text("iOSDevCenters"), message: Text("SubTitle"), buttons: [
                    .default(Text("Save"), action: {
                        print("Save")
                    }),
                    .default(Text("Delete"), action: {
                        print("Delete")
                    }),
                    .destructive(Text("Cancel"))
                    ])
            })
        }
    }

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

输出效果如图:

st-min.png

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/object-c_ios/959.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论