当前位置: 代码迷 >> 综合 >> SwiftUI 动画之制作购物类App购物车效果(Grid和matchedGeometryEffect组合使用)
  详细解决方案

SwiftUI 动画之制作购物类App购物车效果(Grid和matchedGeometryEffect组合使用)

热度:65   发布时间:2024-02-05 11:10:51.0

实战需求

在前面的文章里面,我们讲解过matchedGeometryEffect和Grid的基础使用。下面让我们来组合使用,实现个购物车效果。

本文价值与收获

看完本文后,您将能够作出下面的界面

购物类App购物车效果

购物类App购物车效果

看完本文您将掌握的技能

  • Grid基础使用
  • matchedGeometryEffect基础使用
  • 实现插入和移除联动动画

基础知识

LazyVGrid

一种容器视图,它在垂直增长的网格中排列其子视图,仅在需要时创建项。

struct LazyVGrid<Content> where Content : View

使用教程

grid网格组件是惰性的,因为网格视图在需要它们之前不会创建项目。

在以下示例中,ScrollView包含一个LazyVGrid,该LazyVGrid由垂直排列的Text视图网格组成,并与滚动视图的顶

  相关解决方案