- 综合排序
- 最热优先
- 最新优先
- 来自专栏学海无涯
SwiftUI-自定义与扩展
本文将通过多个示例，介绍SwiftUI中几种常见的自定义方式，包括样式（Style）、视图修改器（ViewModifier）、自定义视图（Custom View）与视图扩展（View Extension ViewModifier是SwiftUI中一种非常强大的机制，允许我们将某些视图样式、行为封装成可复用的模块。 通过组合使用多个ViewModifier，我们可以实现复杂且整洁的界面设计。 案例 import SwiftUI struct CustomViewModifier: ViewModifier { let color: Color let cornerRadius : CGFloat // 在body中实现自定义ViewModifier func body(content: Content) -> some View { content
47810编辑于 2025-06-13 - 来自专栏肘子的Swift记事本
ViewBuilder 研究（下） —— 从模仿中学习
没有 Modifier 的视图是不完整的 SwiftUI 通过视图修饰符（ ViewModifier ）为视图的声明提供了巨大的灵活性。在本文的最后一部分，我们将对 Modifier 做一点探讨。 考虑到 View 协议所能提供的 API 有限，无法应对 modifier 的各种需求，SwiftUI 通过 ViewModifier 协议（ _ViewModifier_Content ）为 modifier 首先，我们先仿制一个 ViewModifier 协议： public protocol ViewModifier { associatedtype Body: View typealias / _ViewModifier_Content 提供了额外的 API ，在此就不进行复现了。 public struct _ViewModifier_Content<Modifier>: View where Modifier: ViewModifier { public typealias
3.6K20编辑于 2022-07-28 - 来自专栏肘子的Swift记事本
自定义 Button 的外观和交互行为
public let label: ButtonStyleConfiguration.Label public let isPressed: Bool}ButtonStyle 协议的使用方式与 ViewModifier 同 ViewModifier 一样，可以通过环境值获取更多信息：struct RoundedAndShadowProButtonStyle:ButtonStyle { @Environment(\ HStack { Button("11"){print("1")} Button("22"){print("2")} }}.buttonStyle(.plain)注意事项同 ViewModifier
4.6K60编辑于 2023-03-08 - 来自专栏肘子的Swift记事本
SwiftUI 布局 —— 尺寸（ 下 ）
modifier(RotationEffectWithFrameModifier(angle: angle)) } } struct RotationEffectWithFrameModifier: ViewModifier 用 viewModifier 包装布局容器 在 SwiftUI 中，通常需要对布局容器进行二次包装后再使用。 这种开发者只提供一个子视图同时又需要对齐的布局容器，我们需要通过在 modifier 中添加一个 Color.clear 视图来解决对齐对象不足的问题 private struct MyFrameLayout: Layout, ViewModifier private struct MyFixedSizeLayout: Layout, ViewModifier { let horizontal: Bool let vertical: Bool
3.3K40编辑于 2022-07-28 - 来自专栏肘子的Swift记事本
在 SwiftUI 下定制手势
如果想实现严格意义上的轻扫可以采用如下的实现方法： •改成示例 2 的方式，用 ViewModifier 来包装 DragGesture•用 State 记录滑动时间•在 onEnded 中，只有满足速度 2.3 实现 public struct PressGestureViewModifier: ViewModifier { @GestureState private var startTimestamp 3.3 实现 public struct TapWithLocation: ViewModifier { @State private var locations: CGPoint?
3.5K20编辑于 2022-07-28 - 来自专栏肘子的Swift记事本
如何判断 ScrollView、List 是否正在滚动中
ScrollStatusByIntrospectModifier(isScrolling: isScrolling)) }}struct ScrollStatusByIntrospectModifier: ViewModifier self.isScrolling = false } }) }}struct ScrollStatusMonitorExclusionModifier: ViewModifier nextValue: () -> CGRect) { value = nextValue() }}struct ScrollStatusMonitorCommonModifier: ViewModifier
5.2K40编辑于 2023-03-08 - 来自专栏用户4480853的专栏
SwiftUI案例：3D旋转图片播放器
import SwiftUI struct ScrollViewOffsetModifier: ViewModifier { //定义顶部锚点 var anchorPoint: Anchor
3.1K30编辑于 2022-08-05 - 来自专栏肘子的Swift记事本
在平淡中等待 WWDC 2025 | 肘子的 Swift 周报 #084
用自定义 Modifier 优雅管理焦点 (Simplifying Focus Management in SwiftUI with a Custom ViewModifier)[20] SwiftUI 2084&utm_medium=web [20] 用自定义 Modifier 优雅管理焦点 (Simplifying Focus Management in SwiftUI with a Custom ViewModifier
45000编辑于 2025-05-20 - 来自专栏肘子的Swift记事本
SwiftUI 的动画机制
通过遵循 Animatable 协议，可以让 View 或 ViewModifier 具备获得动画数据的能力（ AnimatableModifier 已被弃用）。 struct MyTransition: ViewModifier { // 自定义转场的包装对象要求符合 ViewModifier 协议 let rotation: Angle func 2022-05-04_19.55.51.2022-05-04 19_56_55 虽然 MyTransition 表面上并不符合 Animatable 协议，但其中的 rotationEffect （可动画 ViewModifier 另外，我们也可以使用符合 Animatable 的 GeometryEffect（ 符合 ViewModifier 和 Animatable ）来创建复杂的转场效果。
16.3K40编辑于 2022-07-28 - 来自专栏肘子的Swift记事本
GeometryReader ：好东西还是坏东西？
) -> some View { modifier(GetWidthModifier(width: width)) } } struct GetWidthModifier: ViewModifier modifier(MyVisualEffect(effect: effect)) } } public struct MyVisualEffect<Output: View>: ViewModifier effect(AnyView(content), proxy) } } } } struct GeometryProxyWrapper: ViewModifier
2.3K70编辑于 2023-11-13 - 来自专栏肘子的Swift记事本
掌握 SwiftUI 的 task 修饰器
value: value, priority: priority, action: action)) }}@available(iOS 13,*)struct _MyTaskModifier: ViewModifier cancel() } }}@available(iOS 13,*)struct _MyTaskValueModifier<Value>: ViewModifier where
3K30编辑于 2023-03-08 - 来自专栏肘子的Swift记事本
掌握 SwiftUI 的 task 修饰器
: value, priority: priority, action: action)) } } @available(iOS 13,*) struct _MyTaskModifier: ViewModifier cancel() } } } @available(iOS 13,*) struct _MyTaskValueModifier<Value>: ViewModifier
4.4K60编辑于 2022-08-10 - 来自专栏Swift社区
Swift 周报 第十期
GeometryEffect是一个符合Animatable 和 ViewModifier 的协议。 AnimatableModifier 是一个 ViewModifier，符合 Animatable 协议，如果对这个协议不了解可以阅读之前发布的两篇文章。
2.8K00编辑于 2022-12-12 - 来自专栏肘子的Swift记事本
ObservableObject研究
另外也可以将常用的View修饰通过ViewModifier进行包装。ViewModifier可以维持自己的@State，可以自行管理状态。
3K60编辑于 2022-07-28 - 来自专栏用户4480853的专栏
SwiftUI案例：天气
{ static var previews: some View { ContentView() } } struct CornerModifier: ViewModifier
5.7K21编辑于 2022-08-05 - 来自专栏Swift社区
高级 SwiftUI 动画 — Part 3：AnimatableModifier
AnimatableModifier 是一个 ViewModifier，符合 Animatable 协议，如果对这个协议不了解可以阅读之前发布的两篇文章。
1.8K10编辑于 2022-04-04 - 来自专栏肘子的Swift记事本
ViewBuilder 研究（上）—— 掌握 Result builders
仅能在同一层次放置有限数量的视图） 为什么要谨慎使用 AnyView 如何避免使用 AnyView 为什么无论显示与否，视图都会包含所有选择分支的类型信息 为什么绝大多数的官方视图类型的 body 都是 Never ViewModifier AttributedString("World") } 添加 modifier 在继续完善构建器其他的方法之前，我们先为 AttributedStringBuilder 添加一些类似 SwiftUI 的 ViewModifier
3.5K20编辑于 2022-07-28 - 来自专栏肘子的Swift记事本
Ask Apple 2022 与 SwiftUI 有关的问答（下）
在动画不复杂的情况下，可以通过创建一个符合 Animatable 协议的 ViewModifier 来同步观察动画的进程。详情请参阅 推文[17]、代码[18] 。 A：你可以通过创建自定义 ViewModifier 来封装其中的一些代码。
19.8K30编辑于 2023-03-08 - 来自专栏肘子的Swift记事本
一段因 @State 注入机制所产生的“灵异代码”
与大多数的 View Extension 和 ViewModifier 不同，在视图中，通过 .sheet 或 .fullScreenCover来声明的模态视图内容代码的闭包，只会在显示模态视图的时候才会被调用
2.8K20编辑于 2023-03-08 - 来自专栏Swift社区
高级 SwiftUI 动画 — Part 2：GeometryEffect
GeometryEffect GeometryEffect是一个符合Animatable和ViewModifier的协议。
1.7K30编辑于 2022-04-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号