欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

swiftUI基础之自定义ButtonStyle

程序员文章站 2024-03-24 12:42:04
...

自定义ButtonStyle

概述

按钮如果是纯色的话,可以不使用背景图片的方式,而使用自定义按钮样式的方式来实现,实现方式很简单,名称自己随意。

实现

很简单直接上代码,用了RoundedRectangle作为背景。可以*发挥你的想象力去创作样式。

struct PrintReportBtnStyle: ButtonStyle{
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .font(.system(size: 16))
            .foregroundColor(.white)
            .frame(width: 80,height: 40 )
            .background(
                RoundedRectangle(cornerRadius: 10, style: .continuous).foregroundColor(
                    configuration.isPressed ? Color.blue:Color.gray)
            )
            
    }
}

使用方式:

            Button(action:{
			//按下的操作
            }){
	        Text("Print")
            }.buttonStyle(PrintReportBtnStyle())
相关标签: swiftUI