苹果近期推出了一个全新的 SwiftUI 框架，可以极大地提高 iOS 上 UI 界面的开发效率。今天小彭就用 SwiftUI 来实现一个新闻资讯 app，看看能有多快。受篇幅所限，我们将通过上下两篇文章为大家介绍如何实现一个完整的新闻资讯 app，本篇主要内容有：SwiftUI 的基础知识：预览、View 协议、修饰器、@State 特性等。使用 NavigationView、Navi
转载
2023-12-08 22:06:46
108阅读
# SwiftUI插件：为你的SwiftUI应用添砖加瓦
SwiftUI是Apple推出的一种现代化界面构建框架，极大地简化了iOS、macOS、watchOS和tvOS应用的UI开发。然而，有时候我们需要一些额外的功能来提升用户体验或开发效率，这就需要用到SwiftUI的插件。
## 什么是SwiftUI插件？
SwiftUI插件可以看作是为SwiftUI框架引入扩展功能的代码库或模块。它
轮播一、轮播1.经典幻灯片效果2.带控制功能的轮播图3.指示器功能的轮播图4.字幕的轮播图5.设置轮播图的选项6.方法与事件 一、轮播1.经典幻灯片效果请注意轮播上的图像引用了 .d-block 、 .w-100两个样式，以修正浏览器预设的图像对齐带来的影响。<div class="row">
<div class="col">
//slide动起来，carou
置顶菜鸟入门，各位大佬轻喷，如有谬误之处欢迎讨论建议，也欢迎各位道友与我同行“不积跬步，无以至千里；不积小流，无以成江海”状态变量的定义如果我们把一个视图结构体类比为vue中的一个组件那么类比vue中的data属性，定义一个变量，它被引用时，它的变化会直接反应到视图上struct ContentView: View {
// 定义一个私有的状态变量 test 它的初始值是字符串1
转载
2023-11-11 07:19:41
98阅读
基础知识sheet在给定条件为真时显示工作表。func sheet<Content>(isPresented: Binding<Bool>, onDismiss: (() -> Void)? = nil, content: @escaping () -> Content) -> some View where Content : ViewisPresent
转载
2023-05-29 16:24:11
205阅读
@State@State是一个属性包装器，可以用来描述视图的状态。 SwiftUI会将其存储在View struct之外的特殊内存中, 只有相关视图才能访问它。当 @State 装饰过的属性发生了变化，SwiftUI 会根据新的属性值重新创建视图struct ProductsView: View {
let products: [Product]
@State private v
转载
2023-10-11 10:45:58
143阅读
Button构建方法Button 的构建主要有以下两种方法：// 1、字符串构建，支持本地化字符串
Button("Hello World") {
// action
}
// 2、自定义样式
Button {
// action
} label: {
VStack(spacing: 8) {
Image(systemName: "square.and.arrow.up")
UIToolbar一种控件，它在界面的底部边缘显示一个或多个按钮。class UIToolbar : UIView总览 要创建工具栏项，请使用类。要将工具栏项添加到工具栏，请使用方法。UIBarButtonItemsetItems(_:animated:)表示项目的正常状态和突出显示状态的工具栏图像来自您使用类的继承image属性设置的图像。图像用工具栏的着色。UIBarItemtintColor
转载
2024-06-03 19:26:27
48阅读
我们知道在SwiftUI中，如果修改了@State属性包装器修饰的值类型变量，会引起View自身的重新渲染，也就是调用body方法。此时该View的struct是不会重新创建的，但是body方法里的各种子View会被重新创建。举个例子：import SwiftUI
class StateObjectClass:ObservableObject{
let type:String
转载
2023-11-28 04:42:17
58阅读
一、前言在 UIKit 的框架中，我们时常使用 UINavigationViewController 来管理页面的 push 和 pop，这是页面管理的基本操作。而到了 SwiftUI，该操作是交由 NavigationView 和 NavigationLink 来完成。本文先从 NavigationView 的基本应用开始，再补充如何灵活的使用 NavigationView 来完成很多更细节化的
转载
2023-08-10 17:10:42
856阅读
自动布局虽然在iOS6的时候已经推出，不过由于各个原因并没有被开发组广泛使用。一方面是大家的app支持版本都是低于iOS6的，另一方面来说是Xcode支持木有现在这么好。以前由于iPhone设备相对固定，所以在纯代码，纯坐标的布局下很流行，不过现在随着iPhone6发布，如果还要写一大堆乱七八糟的绝对坐标去适配，那工作量和维护成本是很大的。下面的一些基础直接拿小伙伴分享整理的吧，之后向大家推荐
作者 | 黄兢成SwiftUI 最厉害的地方是其与 Xcode 深度集成，可以实时刷新预览，这将会改变 UI 的开发方式。另外其声明式语法写起来也挺方便。SwiftUI 的声明式语法，本身就是 Swift 的语法，属于语言内部 DSL。用了一些不太常见的语法特性，乍一看让人觉得很神奇。DSL(Domain Specific Language) 的概念见附录 1。本文讨论 SwiftUI
转载
2023-08-28 22:40:10
173阅读
这里使用代码实现大概过程： 1、创建工具条 2、创建插入条 3、添加头像、标签、删除按钮 4、点击头像获取标签信息 做一个简单的联系人列表，可以添加删除联系人，现在还没有添加头像和文字，接下来慢慢添加 1、如何在UIToolBar两头出现两个按钮bar button item可是在按钮中间添加一个bar button item，然后设置按钮的属性Identifier为F
转载
2024-02-14 23:46:58
232阅读
置顶菜鸟入门，各位大佬轻喷，如有谬误之处欢迎讨论建议，也欢迎各位道友与我同行“不积跬步，无以至千里；不积小流，无以成江海”继续上文中已经实现封装以及父子组件传值。但是在调试的过程中发现了一个bug：由于TodoList 界面被分成了两个 Section，如果我们从下方开始点击完成，删除的时候出现了删除的那一项永远都是第一个分组里面的，等第一个分组里面的被删完了之后才会删除第二个分组，如下图： 很显
转载
2024-04-10 06:09:41
59阅读
SwiftUI的@StateObject属性包装器旨在填补状态管理中的一个非常具体的空白：当您需要在其中一个视图中创建引用类型并确保该类型在该视图以及与之共享的其他视图中仍然有效时，可以使用。例如，考虑一个简单的User类，例如：class User: ObservableObject {
var username = "@twostraws"
}如果要在各种视图中使用它，则需要在Swif
转载
2023-11-12 11:06:48
83阅读
总览如果你想要入门 SwiftUI 的使用，那 Apple 这次给出的官方教程绝对给力。这个教程提供了非常详尽的步骤和说明，网页的交互也是一流，是觉得值得看和动手学习的参考。不过，SwiftUI 中有一些值得注意的细节在教程里并没有太详细提及，也可能造成一些困惑。这篇文章以我的个人观点对教程的某些部分进行了补充说明，希望能在大家跟随教程学习 SwiftUI 的时候有点帮助。这篇文章的推荐阅读方式是
转载
2024-08-20 17:10:41
43阅读
iOS-UI之简易图表 for Swift这是与OC版本图表相对应的Swift版本图表控件，和OC版本的图标相比，做了一些改进，比如去掉了图例、饼图增加了不同半径的扇形显示、加上了负轴柱状图和其他一些优化，并且可以直接在xib上使用饼图(扇形图)圆环图(和饼图类似)柱状图雷达图折线图实现过程实现思路可以参考OC版 OC版本博客地址：一、饼图(扇形图)设置参数/// 是否为双层饼图
var
转载
2023-12-19 20:13:13
263阅读
Sheet是一个我比较喜欢的交互形式，它可以很好的控制用户的操作行为，让用户的交互逻辑单线条化。在iOS14上，SwiftUI增加了fullCover，支持了全屏的Sheet方式，让开发者又了更多的选择。
基本用法 @State var showView1 = false
@State var showView2 = false
List{
Button("V
转载
2023-08-09 11:28:26
181阅读
当用户摇动设备时，UIKit将评估加速度计数据，以确定它是否符合摇动手势。如果是这样，当摇晃开始和停止时，UIKit将活动事件传送到活动应用的第一响应者。您可以使用动作事件触发您的应用程序中的行为。API 查看实现摇一摇功能主要是通过 UIResponder 类 的运动事件来实现的，运动事件主要有三个方法：// 开始运动
@available(iOS 3.0, *)
open fun
转载
2023-11-03 09:27:16
88阅读
SwiftUI数据流采用单向数据流驱动，将数据流进行统一管理。 简单的单向数据流（unidirectional data flow）是指用户访问View，View发出用户交互的Action，在Action里对State进行相应更新。State更新后会触发View更新页面的过程。 这样数据总是清晰的单向进行流动，便于维护并且可以预测。在SwiftUI你可以简单的定义数据依赖，框架会处理更多的工作。理
转载
2023-08-20 07:54:57
215阅读
