本文价值与收获

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

Jietu20200412-110347@2x.jpg

Jietu20200412-110524.gif

在本文中，我想向您展示如何仅用几行代码就能实现类似Tinder的卡片视图和行为（轻拂以行动）。

为此，我们需要执行以下操作：

创建用户视图
创建NavigationView
创建BottomBarView
创建SwipeView
将所有内容放到ContentView中

因此，让我们开始吧。

UserView

UserView由两个子视图构建，一个是NameView，其中包含用户名，年龄和兴趣爱好，第二个视图只是一个头像视图，用于显示用户的个人资料图片。

import SwiftUIstruct NameView: View {let name: Stringlet age: Intlet hobby: Stringvar body: some View {VStack(alignment: .leading) {Spacer()Text("\(name), \(age)").font(.title).fontWeight(.semibold).foregroundColor(.white)Text(hobby).font(.system(size: 16)).fontWeight(.regular).foregroundColor(.white)}.padding()}
}struct NameView_Previews: PreviewProvider {static var previews: some View {NameView(name: "张三", age: 3, hobby: "烤串")}
}

首先，我们需要定义NameView，它将代表用户名，年龄和爱好。 NameView符合View协议，该协议用于在SwiftUI中定义自定义视图。视图协议只有一个要求，那就是定义body属性，该属性应返回视图结构并描述其行为。
让我们分解一下用于定义此View的对象：

更多内容请访问：SwiftUI实战教程之创建Tinder样式的可左右滑动卡视图(项目含源码)_iCloudEnd的博客-CSDN博客

SwiftUI实战创建Tinder样式的可左右滑动卡视图相关推荐

SwiftUI实战教程之创建Tinder样式的可左右滑动卡视图(项目含源码)
本文价值与收获看完本文后,您将能够作出下面的界面在本文中,我想向您展示如何仅用几行代码就能实现类似Tinder的卡片视图和行为(轻拂以行动). 为此,我们需要执行以下操作: 创建用户视图创建Na ...
Systrace 流畅性实战 2 ：案例分析: MIUI 桌面滑动卡顿分析
当我们说流畅度的时候,我们说的是什么?不同的人对流畅性(卡顿掉帧)有不同的理解,对卡顿阈值也有不同的感知,所以有必要在开始这个系列文章之前,先把涉及到的内容说清楚,防止出现不同的理解,也方便大家带 ...
HarmonyOS实战—卡片的样式设计
目录 HarmonyOS实战 HarmonyOS卡片样式设计卡片的布局文件自定义2*4的卡片布局 HarmonyOS实战 HarmonyOS卡片样式设计从鸿蒙手机的左下角屏幕向上滑动,就能打开我 ...
修改表格字体颜色_word排版应用：如何创建文本样式和表格样式
样式,大家应该不陌生,在Word中是一个非常强大的功能,运用得好,可以节省很多时间和精力.但如果你不会用,关键时刻可以把你急哭了! 在前面的"Word样式,简单又实用!"和&quo ...
MFC编程之创建Ribbon样式的应用程序框架
Ribbon界面就是微软从Office2007開始引入的一种为了使应用程序的功能更加易于发现和使用.降低了点击鼠标的次数的新型界面.从实际效果来看,不仅外观美丽,并且功能直观,用户操作简洁方便. 利用 ...
css设置打印样式表,[CSS] 创建打印样式表
[CSS] 创建打印样式表 Chrome浏览器有一项非常好用的功能, 就是直接将网页保存为PDF(Ctrl+P), 虽然部分人觉得没有用, 但我经常使用这个功能比如说, 有的博文写得不错, 想保存, ...
（转载）VS2010/MFC编程入门之五十二（Ribbon界面开发：创建Ribbon样式的应用程序框架）...
上一节中鸡啄米讲了GDI对象之画刷CBrush,至此图形图像的入门知识就讲完了.从本节开始鸡啄米将为大家带来Ribbon界面开发的有关内容.本文先来说说如何创建Ribbon样式的应用程序框架. Rib ...
Word的样式库在选项卡中_word排版应用：如何创建文本样式和表格样式
样式,大家应该不陌生,在Word中是一个非常强大的功能,运用得好,可以节省很多时间和精力.但如果你不会用,关键时刻可以把你急哭了! 在前面的"Word样式,简单又实用!"和&quo ...
VS2010/MFC编程入门之一（Ribbon界面开发：创建Ribbon样式的应用程序框架）
Ribbon界面就是微软从Office2007开始引入的一种为了使应用程序的功能更加易于发现和使用.减少了点击鼠标的次数的新型界面,从实际效果来看,不仅外观漂亮,而且功能直观,用户操作简洁方便. 鸡啄 ...

SwiftUI实战创建Tinder样式的可左右滑动卡视图

本文价值与收获

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

UserView

SwiftUI实战创建Tinder样式的可左右滑动卡视图相关推荐

最新文章

热门文章