# SwiftUI_Demos **Repository Path**: lvzhao95/SwiftUI_Demos ## Basic Information - **Project Name**: SwiftUI_Demos - **Description**: Swift UI 实现的小控件 (持续更新中) - **Primary Language**: Swift - **License**: MIT - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2024-08-23 - **Last Updated**: 2024-11-07 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Swift UI 实现的小控件 (持续更新中) [![README-zh](https://shields.io/badge/README-中文-blue)](README.md) [![Swift UI](https://img.shields.io/badge/Swift-UI-green.svg)](https://github.com/xiaofu666/SwiftUI_Demos.git) [![Language](https://img.shields.io/badge/Language-Swift-DD5C44.svg?style=flat)](https://github.com/xiaofu666/SwiftUI_Demos.git) [![Platform](https://img.shields.io/badge/platform-ios-cyan.svg)](https://github.com/xiaofu666/SwiftUI_Demos.git) [![开源爱情](https://badges.frapsoft.com/os/v1/open-source.svg?v=102)](https://github.com/xiaofu666/SwiftUI_Demos.git) [![QQ](https://img.shields.io/badge/QQ-3290235031-purple.svg?style=flat)](https://qm.qq.com/q/Nbo6sgqD0M) [![邮箱](https://img.shields.io/badge/邮箱-3290235031@qq.com-yellow.svg?style=flat)](https://qm.qq.com/q/Nbo6sgqD0M) ### 仅展示部分效果图，全部效果图[点击这里](SwiftUI_ALL_PREVIEW.md)查看 | Demo | 效果图 | 功能的介绍 | | ------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------- | -------- | | [AnimationLineView ](SwiftUI_Demos/AnimationLineView) | ![AnimationLineView ](SwiftUI_Demos/AnimationLineView/AnimationLineView.gif) | 魔术线2 | | [MagicDividingLineView ](SwiftUI_Demos/MagicDividingLineView) | ![MagicDividingLineView ](SwiftUI_Demos/MagicDividingLineView/MagicDividingLineView.gif) | 魔术线1 | | [HelloAnimation ](SwiftUI_Demos/HelloAnimation) | ![HelloAnimation ](SwiftUI_Demos/HelloAnimation/HelloAnimation.gif) | Hello 动画 | | [CharRain ](SwiftUI_Demos/CharRain) | ![CharRain ](SwiftUI_Demos/CharRain/CharRain.gif) | 字符雨动画 | | [GlitchEffect ](SwiftUI_Demos/GlitchEffect) | ![GlitchEffect ](SwiftUI_Demos/GlitchEffect/GlitchEffect.gif) | 黑客文字动画2 | | [HackerText ](SwiftUI_Demos/HackerText) | ![HackerText ](SwiftUI_Demos/HackerText/HackerText.gif) | 黑客文字动画1 | | [BallAnimationView ](SwiftUI_Demos/BallAnimationView) | ![BallAnimationView ](SwiftUI_Demos/BallAnimationView/BallAnimationView.gif) | 液体动画 | | [TabViewOffset ](SwiftUI_Demos/TabViewOffset) | ![TabViewOffset ](SwiftUI_Demos/TabViewOffset/TabViewOffset.gif) | TabView的滑动分页效果 | | [FlipTransition ](SwiftUI_Demos/FlipTransition) | ![FlipTransition ](SwiftUI_Demos/FlipTransition/FlipTransition.gif) | 翻卡动画 | | [AnimatedCharts ](SwiftUI_Demos/AnimatedCharts) | ![AnimatedCharts ](SwiftUI_Demos/AnimatedCharts/AnimatedCharts.gif) | 图表动画 | | [AnimatedMenu ](SwiftUI_Demos/AnimatedMenu) | ![AnimatedMenu ](SwiftUI_Demos/AnimatedMenu/AnimatedMenu.gif) | 侧滑菜单 | | [HorizontalWheelPicker ](SwiftUI_Demos/HorizontalWheelPicker) | ![HorizontalWheelPicker ](SwiftUI_Demos/HorizontalWheelPicker/HorizontalWheelPicker.gif) | 滑动卡尺 | | [StackedCards ](SwiftUI_Demos/StackedCards) | ![StackedCards ](SwiftUI_Demos/StackedCards/StackedCards.gif) | 卡片堆叠 | | [BoomerangCardsView ](SwiftUI_Demos/BoomerangCardsView) | ![BoomerangCardsView ](SwiftUI_Demos/BoomerangCardsView/BoomerangCardsView.gif) | | | [SwipeCardView ](SwiftUI_Demos/SwipeCardView) | ![SwipeCardView ](SwiftUI_Demos/SwipeCardView/SwipeCardView.gif) | | | [TinderCardUI ](SwiftUI_Demos/TinderCardUI) | ![TinderCardUI ](SwiftUI_Demos/TinderCardUI/TinderCardUI.gif) | | | [AnimatedPageIndicator ](SwiftUI_Demos/AnimatedPageIndicator) | ![AnimatedPageIndicator ](SwiftUI_Demos/AnimatedPageIndicator/AnimatedPageIndicator.gif) | 自定义页面指示器 | | [CoverCarousel ](SwiftUI_Demos/CoverCarousel) | ![CoverCarousel ](SwiftUI_Demos/CoverCarousel/CoverCarousel.gif) | 轮播图 | | [InfiniteView ](SwiftUI_Demos/InfiniteView) | ![InfiniteView ](SwiftUI_Demos/InfiniteView/InfiniteView.gif) | 无限轮播 | | [MaterialCarouselView ](SwiftUI_Demos/MaterialCarouselView ) | ![MaterialCarouselView ](SwiftUI_Demos/MaterialCarouselView/MaterialCarouselView.gif) | 转盘 | | [MovieBannerView ](SwiftUI_Demos/MovieBannerView) | ![MovieBannerView ](SwiftUI_Demos/MovieBannerView/MovieBannerView.gif) | | | [ParallaxCarousel ](SwiftUI_Demos/ParallaxCarousel ) | ![ParallaxCarousel ](SwiftUI_Demos/ParallaxCarousel/ParallaxCarousel.gif) | | | [ParallaxCarouselView ](SwiftUI_Demos/ParallaxCarouselView) | ![ParallaxCarouselView ](SwiftUI_Demos/ParallaxCarouselView/ParallaxCarouselView.gif) | | | [Coverflow ](SwiftUI_Demos/Coverflow) | ![Coverflow ](SwiftUI_Demos/Coverflow/Coverflow.gif) | 视图3D旋转效果 | | [Carousel3DView ](SwiftUI_Demos/Carousel3DView) | ![Carousel3DView ](SwiftUI_Demos/Carousel3DView/Carousel3DView.gif) | 3D 转盘 | | [AnimatedSegmentedControl ](SwiftUI_Demos/AnimatedSegmentedControl) | ![AnimatedSegmentedControl ](SwiftUI_Demos/AnimatedSegmentedControl/AnimatedSegmentedControl.gif) | 分段控制器切换动画 | | [ThemeChanger ](SwiftUI_Demos/ThemeChanger) | ![ThemeChanger ](SwiftUI_Demos/ThemeChanger/ThemeChanger.gif) | 主题色更改动画 | | [DarkModeAnimation ](SwiftUI_Demos/DarkModeAnimation) | ![DarkModeAnimation ](SwiftUI_Demos/DarkModeAnimation/DarkModeAnimation.gif) | 暗黑模式切换动画 | | [WidgetsDemo ](SwiftUI_Demos/WidgetsDemo) | ![WidgetsDemo ](SwiftUI_Demos/WidgetsDemo/WidgetsDemo.gif) | | | [ShineEffect ](SwiftUI_Demos/ShineEffect) | ![ShineEffect ](SwiftUI_Demos/ShineEffect/ShineEffect.gif) | 光影动效 | | [HeartAnimation ](SwiftUI_Demos/HeartAnimation) | ![HeartAnimation ](SwiftUI_Demos/HeartAnimation/HeartAnimation.gif) | 心跳动画 | | [ScreenshotPreventView ](SwiftUI_Demos/ScreenshotPreventView ) | ![ScreenshotPreventView ](SwiftUI_Demos/ScreenshotPreventView/ScreenshotPreventView.gif) | 截屏隐私信息保护 | | [ShaderDemo ](SwiftUI_Demos/ShaderDemo ) | ![ShaderDemo ](SwiftUI_Demos/ShaderDemo/ShaderDemo.gif) | Shader 动画 | | [WalkthroughAnimationView ](SwiftUI_Demos/WalkthroughAnimationView ) | ![WalkthroughAnimationView ](SwiftUI_Demos/WalkthroughAnimationView/WalkthroughAnimationView.gif) | ChatGPT 首页动画 | | [PageCurlSwipeView ](SwiftUI_Demos/PageCurlSwipeView) | ![PageCurlSwipeView ](SwiftUI_Demos/PageCurlSwipeView/PageCurlSwipeView.gif) | | | [ShimmerAnimationView ](SwiftUI_Demos/ShimmerAnimationView) | ![ShimmerAnimationView ](SwiftUI_Demos/ShimmerAnimationView/ShimmerAnimationView.gif) | 光影动效 | | [SpotLightView ](SwiftUI_Demos/SpotLightView) | ![SpotLightView ](SwiftUI_Demos/SpotLightView/SpotLightView.gif) | 引导提示 | | [ShowCaseView ](SwiftUI_Demos/ShowCaseView) | ![ShowCaseView ](SwiftUI_Demos/ShowCaseView/ShowCaseView.gif) | 引导提示2 | | [WidgetView ](SwiftUI_Demos/WidgetView) | ![WidgetView ](SwiftUI_Demos/WidgetView/WidgetView.gif) | 小组件及灵动岛 | | [DynamicNotificationView ](SwiftUI_Demos/DynamicNotificationView) | ![DynamicNotificationView ](SwiftUI_Demos/DynamicNotificationView/DynamicNotificationView.gif) | 灵动岛通知适配 | | [CustomTabBar1 ](SwiftUI_Demos/CustomTabBar1) | ![CustomTabBar1 ](SwiftUI_Demos/CustomTabBar1/CustomTabBar1.gif) | 自定义 TabBar | | [CustomTabBar2 ](SwiftUI_Demos/CustomTabBar2) | ![CustomTabBar2 ](SwiftUI_Demos/CustomTabBar2/CustomTabBar2.gif) | | | [CustomTabBar3 ](SwiftUI_Demos/CustomTabBar3) | ![CustomTabBar3 ](SwiftUI_Demos/CustomTabBar3/CustomTabBar3.gif) | | | [CustomTabBar4 ](SwiftUI_Demos/CustomTabBar4) | ![CustomTabBar4 ](SwiftUI_Demos/CustomTabBar4/CustomTabBar4.gif) | | | [CustomTabBar5 ](SwiftUI_Demos/CustomTabBar5) | ![CustomTabBar5 ](SwiftUI_Demos/CustomTabBar5/CustomTabBar5.gif) | | | [CustomTabBar6 ](SwiftUI_Demos/CustomTabBar6) | ![CustomTabBar6 ](SwiftUI_Demos/CustomTabBar6/CustomTabBar6.gif) | | | [ThreeColorAnimationView ](SwiftUI_Demos/ThreeColorAnimationView) | ![ThreeColorAnimationView ](SwiftUI_Demos/ThreeColorAnimationView/ThreeColorAnimationView.gif) | | | [HabitTrackerView ](SwiftUI_Demos/HabitTrackerView) | ![HabitTrackerView ](SwiftUI_Demos/HabitTrackerView/HabitTrackerView.gif) | | | [TaskManager ](SwiftUI_Demos/TaskManager) | ![TaskManager ](SwiftUI_Demos/TaskManager/TaskManager.gif) | 任务 Mini App | | [TaskManagerView ](SwiftUI_Demos/TaskManagerView) | ![TaskManagerView ](SwiftUI_Demos/TaskManagerView/TaskManagerView.gif) | | | [SimpleTodoView ](SwiftUI_Demos/SimpleTodoView) | ![SimpleTodoView ](SwiftUI_Demos/SimpleTodoView/SimpleTodoView.gif) | | ## [赞助作者](https://xiaofu666.github.io/static/jsonToModel/pay/pay.html) ![stars](https://starchart.cc/xiaofu666/SwiftUI_Demos.svg)