SwiftUI—使用ViewModifier视图修饰符集成多个样式

简介: SwiftUI—使用ViewModifier视图修饰符集成多个样式

ViewModifier视图修饰符和网页设计里的CSS类似,主要用于整合一组常用的视图样式。当项目拥有很多具有相同样式的


示例代码:


struct ContentView : View {
    var body: some View {
        VStack(alignment: .center, spacing: 40){
            Image("avarta1").modifier(myImageStyle())
            Image("avarta2").modifier(myImageStyle())
            Image("avarta3").modifier(myImageStyle())
        }
        .padding()
    }
}
struct myImageStyle: ViewModifier {
    func body(content: Content) -> some View {
        content
            .frame(width: 200, height: 200, alignment: .leading)
            .cornerRadius(100)
            .clipped()
            .saturation(0.0)
    }
}


2466108-f11f99f41032c276.webp.jpg

目录
相关文章
|
前端开发 NoSQL Java
SpringBoot业务开发 02、Springboot快速集成验证码【easy-captcha、kaptcha】超好看样式
SpringBoot业务开发 02、Springboot快速集成验证码【easy-captcha、kaptcha】超好看样式
SpringBoot业务开发 02、Springboot快速集成验证码【easy-captcha、kaptcha】超好看样式
|
JavaScript Java
13.14 SpringBoot集成JSP模板引擎:JSP页面样式乱掉
13.14 SpringBoot集成JSP模板引擎:JSP页面样式乱掉 关键词:JS编码&解码&HTML转义escape , unescape Blog功能模块,显示文章详情,文章内容中有jsp代码,页面乱掉。
962 0
|
1天前
|
消息中间件 Java 测试技术
【RocketMQ系列八】SpringBoot集成RocketMQ-实现普通消息和事务消息
【RocketMQ系列八】SpringBoot集成RocketMQ-实现普通消息和事务消息
9 1
|
3天前
|
监控 负载均衡 Java
Spring Boot与微服务治理框架的集成
Spring Boot与微服务治理框架的集成
|
3天前
|
负载均衡 Java Nacos
Spring Boot与微服务治理框架的集成策略
Spring Boot与微服务治理框架的集成策略
|
7天前
|
消息中间件 Java Kafka
springboot集成kafka
springboot集成kafka
14 2
|
7天前
|
网络协议 前端开发 JavaScript
springboot-集成WebSockets广播消息
springboot-集成WebSockets广播消息
|
14天前
|
消息中间件 Java Kafka
集成Kafka到Spring Boot项目中的步骤和配置
集成Kafka到Spring Boot项目中的步骤和配置
49 7
|
14天前
|
druid Java 关系型数据库
在Spring Boot中集成Druid实现多数据源有两种常用的方式:使用Spring Boot的自动配置和手动配置。
在Spring Boot中集成Druid实现多数据源有两种常用的方式:使用Spring Boot的自动配置和手动配置。
99 5
|
14天前
|
Java 数据库连接 mybatis
在Spring Boot应用中集成MyBatis与MyBatis-Plus
在Spring Boot应用中集成MyBatis与MyBatis-Plus
48 5