胖虎1
这个人不懒,什么都没有留下
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
SwiftUI(一)- 项目模版介绍
PHSwiftUIDemo1App.swift:该文件的主要功能是定义应用程序的入口点和生命周期管理。负责启动应用程序,并在启动时决定哪个视图将作为用户界面显示。ContentView.swift:这是我们的最初页面。在以往的项目中这通常是一个ViewController类。Assets.xcassets:这是一个资源目录,存储我们在项目中使用的图像资源。一个名为Preview Content的文件夹,包含另外一个资源目录Preview Assets。原创 2024-10-24 14:05:28 · 1014 阅读 · 0 评论 -
SwiftUI(二)- 文本和图片(Text&Image)
通过对SwiftUI中Text和Image的常规用法的介绍,相信你对这两个基础组件有了更深入的理解。无论是简单的文本显示,还是丰富多样的图像处理,Text和Image在SwiftUI中都提供了极大的灵活性,使得UI开发既高效又富有创意。随着对SwiftUI的进一步探索,利用这些组件可以实现更为复杂和个性化的界面效果。希望这篇博客能为你的SwiftUI开发之旅提供帮助!原创 2024-10-26 07:41:57 · 1202 阅读 · 0 评论 -
SwiftUI(三)- 渐变、实心形状和视图背景
通过这篇文章,我们了解了如何在 SwiftUI 中应用渐变、实心形状和背景视图,为界面设计增添更多可能性。这些基础组件不仅为 UI 带来了视觉层次感,也为开发者提供了更灵活的设计选择。掌握这些用法后,你可以根据项目需求灵活地运用它们,为应用界面注入独特的风格和个性化效果。希望这些基础技巧能为你的 SwiftUI 开发带来启发,创造出更具吸引力和表现力的用户界面。原创 2024-10-26 18:58:40 · 1164 阅读 · 0 评论 -
SwiftUI(四)- 布局(VStack、HStack、ZStack)
本篇博客通过对SwiftUI中的VStack、HStack和ZStack的探讨,我们已经能够快速实现各种灵活的布局组合,再结合间距、对齐方式已经设置单个视图的内边距,可以轻松适配不同界面的需求。这种声明式的布局方式,不仅让代码更加简洁直观,还大大提高了开发效率。在实际项目开发中,灵活运用这些布局工具,将版主我们打造出更具美感、易与维护的UI设计。希望本篇博客能够为你的SwiftUI开发提供有价值的参考!原创 2024-10-28 14:30:52 · 2582 阅读 · 0 评论 -
SwiftUI(五)- ForEach循环创建视图&尺寸类&安全区域
在 SwiftUI 中,ForEach循环、尺寸类适配和安全区域设置为我们提供了更高效的开发方式,使得界面布局的实现变得简单直观。ForEach的循环视图创建提升了数据驱动视图的构建效率,尺寸类适配帮助我们针对不同屏幕动态调整布局,而安全区域的灵活设置则确保了内容在各设备上的正确展示。掌握这些功能不仅能让我们的代码更简洁,还能增强应用的用户体验。希望这篇文章的讲解能够为你的 SwiftUI 开发之路提供一些有用的启发和帮助!原创 2024-10-28 16:39:02 · 822 阅读 · 0 评论 -
SwiftUI(六)- 事件和状态(Button、TextField、Slider)
本篇博客通过对Toggle、Button、TextField和Slider的探索,我们可以可以到SwiftUI中的事件和状态在不同控件中相互协作,以实现灵活的交互体验。借助SwiftUI的声明式语法,我们不仅能快速构建界面,还可以通过状态的绑定,自动响应用户的每一次操作,让应用变得更加动态和智能化。掌握这些基础控件的事件和状态管理,为构建更加复杂的交互打下了坚实的基础。随着SwiftUI的发展,这种声明式编程风格将逐渐改变我们的开发方式,为用户提供更具沉浸感的体验。原创 2024-10-30 09:31:18 · 1296 阅读 · 0 评论 -
SwiftUI(七)- 绑定对象与环境查询
在本文中,我们深入探讨了 SwiftUI 中的数据绑定与状态管理,通过 @State、@ObservableObject 和 @EnvironmentObject 三个重要的属性包装器,展示了如何在构建响应式用户界面时有效管理应用的状态。我们了解到,@State 适用于局部状态管理,而 @ObservableObject 则为跨多个视图共享数据提供了便利。通过 @EnvironmentObject,我们能够在更复杂的视图层次中无缝共享数据,极大地简化了状态的传递过程。原创 2024-10-31 18:34:37 · 1186 阅读 · 0 评论 -
SwiftUI(八)- 列表(普通列表、列表编辑)
通过 SwiftUI 中的List组件,我们可以简洁而高效地创建和管理各种列表视图。从静态列表到动态数据绑定,再到列表项的删除和移动操作,SwiftUI 为我们提供了直观的 API,让复杂的列表交互变得轻松实现。这些功能不仅简化了开发过程,还让代码更具可读性和可维护性。希望本文的介绍能帮助您在项目中更灵活地运用列表,让用户体验更加流畅。原创 2024-11-01 09:40:04 · 952 阅读 · 0 评论 -
SwiftUI(九)- 列表(分组,折叠)
在SwiftUI中,通过对列表添加分组和折叠功能,我们可以更好地组织和展示复杂的数据结构。分组让内容层次更加清晰,而折叠功能则使得界面更加简洁、易于浏览。希望通过这篇介绍,能帮助你在项目中灵活运用这些特性,提升用户的操作体验。随着SwiftUI的不断更新,我们可以期待更多更强大的UI组件,使得开发更加高效便捷。原创 2024-11-11 19:41:41 · 1091 阅读 · 0 评论 -
SwiftUI(十)- Alerts 和 action Sheets
通过SwiftUI的alert和confirmationDialog或者是actionSheet修饰符,我们可以用简洁、声明式的方式为应用程序添加弹窗和操作表。这种方式不仅减少了代码复杂度,还让我们可以轻松实现交互逻辑与界面显示的分离。在日常开发中,熟练运用这些修饰符能有效提升用户体验,为用户提供简洁、直观的反馈和操作选项。希望本篇博客能够帮助你更好的理解和运用SwiftUI中的弹窗和操作表。原创 2024-11-13 09:22:21 · 879 阅读 · 0 评论 -
SwiftUI(十一)- 容器组件 布局与结构的基石
在SwiftUI中,容器组件如NavigationView、TabView、Group等,赋予了开发者更简介、直观的布局和导航方式。相比于UIKit,SwiftUI的声明式编程模式大大简化了代码量,让我们可以更专注于设计直观、流程的用户体验。NavigationView提供了简单的页面层级导航。TabView让多个标签导航实现变得轻松灵活。Group则是轻量的组合工具,在代码组织和样式批量应用上发挥了作用。这些容器帮助我们快速构建和管理复杂组件,使开发过程更高效。原创 2024-11-13 18:49:42 · 992 阅读 · 0 评论 -
SwiftUI(十二)- SwiftUI中的视图跳转
我们也可以自定义sheet的内容和行为。传递数据给sheet我们可以通过传递属性来讲数据传递给sheet的内容视图。// sheet 用于弹出一个模态页面Button("显示模态页面") {.padding()SheetDetailView(content: "这是一个sheet详情页面")HStack {Text("这是一个sheet详情页面").padding().padding()注意sheet和actionSheet是两个不同的东西嗷。原创 2024-11-14 13:39:30 · 1232 阅读 · 0 评论 -
SwiftUI(十三)- 视图(布局与位置调整、旋转、缩放)
在前面博客的案例中,我们不难发现,默认情况下,视图只占据它所需的空间大小。但是我们可以通过修饰符来改变这一点。使用frame()修饰符告诉SwiftUI视图的大小范围。Button {")} label: {Text("点我").frame(maxWidth: 100, maxHeight: 100)效果如下:如果我们没有设置frame,效果如下:可以看见我们已经调整了按钮的实际区域大小为指定大小。")原创 2024-11-15 09:11:21 · 1055 阅读 · 0 评论 -
SwiftUI(十四)- 视图(视觉效果与样式修饰)
SwiftUI的视觉效果和样式修饰符为我们提供了强大且灵活的工具,能够以极简的代码实现丰富的UI设计。通过合理地使用背景、边框、阴影、圆角、透明度等修饰符,我们不仅能优化界面美感,还能提升用户体验。在设计界面时,记住要权衡外观与性能,并善用overlay、clipShape和mask等高级功能,满足更复杂的需求。希望通过本篇博客,能够帮助你更好地张伟这些修饰符,打造出更吸引人的SwiftUI界面。原创 2024-11-25 09:21:09 · 1146 阅读 · 0 评论 -
SwiftUI(十五)- 视图(高级效果:3D选择,视图混合,颜色调整)
SwiftUI的高级视觉效果为我们提供了无限的创作可能。通过3D旋转、视图混合模式以及色彩调整,我们可以轻松打造出令人惊艳的用户界面,为应用增添更多的动态性和表现力。这些技术不仅可以提升UI的美感,还能通过动画和交互,让界面更具生命力。希望本篇博客能够帮助你在实际开发中更加熟练地使用这些视图的高级技巧。原创 2024-11-25 17:54:00 · 996 阅读 · 0 评论 -
SwiftUI -(十六)视图动画(基础)
在SwiftUI中,动画不仅仅是一种视觉效果,更是一种提升用户体验的强大工具。通过本篇博客,我们了解了显式动画和隐式动画。学会了如何精确控制动画行为,以及如何结合弹窗动画为界面增加自然的动态效果。在实际开发中,选择合适的动画方式可以让我们的应用更具交互性和吸引力。显示动画为复杂的交互逻辑提供了灵活性,而隐式动画则让简单的状态更加自然,无论我们采用哪种方式,SwiftUI都能以简洁优雅的语法,让动画开发变得更轻松。希望这篇博客能够帮助大家在SwiftUI动画开发上提供一些帮助。原创 2024-11-28 09:15:15 · 799 阅读 · 0 评论 -
SwiftUI - (十七)视图动画(过渡动画)
通过本文,我们深入探讨了SwiftUI中的过渡动画、组合过渡和不对称过渡。过渡动画让视图的出现和消失更加自然流畅,而组合过渡为我们提供了丰富的工具,能够将多种动画效果结合起来,打造更加复杂的动态效果。不对称的过渡更是为了显示和隐藏提供了差异化设计的可能,让界面更加贴合实际使用场景。SwiftUI的过渡动画不仅简洁,还能以少量代码实现令人惊艳的效果。掌握这些技巧后,你可以为应用界面增添更多生机与活力,提升用户体验。希望这篇文章能为你的 SwiftUI 动画开发提供实用的帮助。原创 2024-11-28 19:12:13 · 682 阅读 · 0 评论 -
SwiftUI - (十八)组合视图
SwiftUI 的核心原则之一是组合,这意味着它被设计为允许我们创建许多小视图,然后将它们组合在一起以创建更大的东西。这使我们能够在大规模上重用视图,从而减少我们的工作量。更好的是,组合小子视图几乎不会带来运行时开销,因此我们可以自由使用它们。关键是从小开始,逐步构建。HStack {我们还可以创建一个更大的视图来包含UserDetails以及用户头像视图。HStack {仅显示他们的头像仅显示他们的电子邮件地址仅显示他们的职位详情一次性显示所有信息。原创 2024-12-14 15:36:16 · 821 阅读 · 0 评论 -
SwiftUI(十九)- 在UIKit中如何使用SwiftUI
在UIKit项目中引入 SwiftUI,无疑能够充分发挥 SwiftUI 的声明式编程优势,提升开发效率和代码的可维护性。通过UIHostingController和UIViewRepresentable,你可以将现有的 UIKit 组件平滑地与 SwiftUI 结合,充分利用两者的优点。动态数据绑定则让你在不同框架之间实现数据的实时同步,避免了手动更新视图的复杂性。SwiftUI 都能为传统的 UIKit 项目带来更强的灵活性和扩展性。原创 2024-12-23 09:27:04 · 1418 阅读 · 0 评论 -
SwiftUI(二十)- SwiftUI开发一个APP评分弹窗
通过这篇博客,我们一起探索了如何使用纯 SwiftUI 实现一个底部弹出的评分弹窗。我们从需求分析开始,逐步深入到弹窗的显示与隐藏、整体布局以及星星评分视图的实现。每个步骤都细致地考虑了用户体验,力求打造一个既直观又富有互动性的界面。SwiftUI 的声明式语法使得这些复杂的交互变得简单易懂,同时也让我们能够在少量代码中实现强大的功能。希望这篇博客能够为你在项目中实现类似功能提供帮助,或许你也可以根据这个思路进一步扩展更多自定义的弹窗效果。如果你有任何问题或想法,欢迎在评论区留言与我分享!原创 2024-12-27 11:35:21 · 1559 阅读 · 0 评论 -
SwiftUI(二十一)- 使用SwiftUI开发一个顶部通知弹窗卡片
通过本篇博客,我们成功实现了一个使用SwiftUI构建的直播间顶部通知UI,涵盖了从基础布局到交互、再到自动消失逻辑的实现。借助SwiftUI的声明式编程方式,我们不仅能够高效地完成复杂的UI设计,还能轻松实现交互逻辑。这种动态通知卡片的实现为直播应用中的用户体验提供了提升,不仅让用户可以快速响应连麦邀请,还能保持界面简洁、互动流畅。希望通过这篇文章,大家能够掌握在SwiftUI中如何实现类似的动态交互组件,并将其应用到自己的项目中。原创 2024-12-31 12:33:00 · 1079 阅读 · 0 评论 -
SwiftUI(二十二)- 使用SwiftUI搭建一个宝箱弹窗卡片
通过本文的讲解,我们成功使用SwiftUI实现了一个直播间宝箱弹窗卡片,从布局设计到倒计时功能都得到了完整的实现。这样的弹窗设计,不仅能提升直播间的互动氛围,还能激励观众参与,提高整体活跃度。SwiftUI的声明式编程风格让复杂的交互变得更加直观,同时也提升了开发效率。希望这篇文章能为你在实际项目中实现类似功能提供参考和灵感!如果你有任何问题或更好的优化建议,欢迎在评论区分享,我们一起讨论进步!🚀。原创 2025-01-20 09:27:08 · 1044 阅读 · 0 评论 -
SwiftUI(二十二)- SwiftUI 实现多页面应用 TabView和自定义底部导航
TabView 是SwiftUI中用于创建底部导航栏的容器视图,它允许我们在多个视图之间切换,并提供了一种非常简答的方式来管理不同的页面。与UIKit中的UITabBarController类似,TabView可以帮助开发者快速构建多页面应用的基础架构。TabView的语法非常简单,使用.tabItem() 修饰符即可实现页面切换和TabBar的管理,不需要编写复杂的控制器逻辑。TabView会自动处理选中和取消状态,我们只需要关注每个tab中药显示的内容。原创 2025-02-24 17:50:54 · 2008 阅读 · 0 评论