SwiftUI_Demos
SwiftUI_Demos copied to clipboard
使用 Swift UI 实现的各种动画,多种样式的轮播图,输入框,菜单,指示器,转盘,3D 视图,分段控制器,分享,手势,拖拽排序,光影动效,灵动岛适配,自定义TabBar,定时器,放大镜,数字动画,验证码输入框,地图...
trafficstars
SwiftUI_Demos
Swift UI 实现的小控件 (持续更新中)
| Demo | 效果图 | 功能的介绍 |
|---|---|---|
| ControlWidgetDemo | ![]() |
自定义控制中心控件Demo |
| TextRendererEffect | ![]() |
黑客文字动画3 |
| GlitchEffect | ![]() |
黑客文字动画2 |
| HackerText | ![]() |
黑客文字动画1 |
| VerticalCarousel | ![]() |
旋转木马视图 |
| TabViewOffset | ![]() |
TabView的滑动分页效果 |
| StackedCardsView | ![]() |
仿iPhone通知页面 |
| PhotosApp | ![]() |
仿旧版系统相册 |
| PinterestGridAnimation | ![]() |
详情页过度动画 |
| ExpandableSearchBar | ![]() |
搜索导航栏动画 |
| RangeSlider | ![]() |
区间滑块 |
| ScrollableIndicators | ![]() |
分栏视图切换 |
| FlipTransition | ![]() |
翻卡动画 |
| NetflixUI | ![]() |
启动屏动画 |
| BookCard | ![]() |
翻书动画 |
| InteractiveFloatingButton | ![]() |
浮动按钮动画 |
| AnimatedCharts | ![]() |
图表动画 |
| InstagramPinchZoom | ![]() |
图片缩放查看 |
| LimitedTF | ![]() |
自定义输入框 |
| AnimatedMenu | ![]() |
侧滑菜单 |
| JSONWithPagination | ![]() |
SDWebImageSwiftUI 的使用和上拉加载更多数据的实现 |
| HoldDownView | ![]() |
按压手势按钮 |
| HorizontalWheelPicker | ![]() |
滑动卡尺 |
| FlipClockAnimation | ![]() |
时钟卡片翻页动画 |
| MasonryLayout | ![]() |
图片瀑布流 |
| HelloAnimation | ![]() |
Hello 动画 |
| CharRain | ![]() |
字符雨动画 |
| StackedCards | ![]() |
卡片堆叠 |
| BoomerangCardsView | ![]() |
|
| SwipeCardView | ![]() |
|
| TinderCardUI | ![]() |
|
| AnimatedPageIndicator | ![]() |
自定义页面指示器 |
| CustomSlider | ![]() |
自定义Slider |
| InfiniteCarouselView | ![]() |
轮播图 |
| InfiniteView | ![]() |
无限轮播 |
| MaterialCarouselView | ![]() |
转盘 |
| MovieBannerView | ![]() |
|
| ParallaxCarousel | ![]() |
|
| ParallaxCarouselView | ![]() |
|
| Coverflow | ![]() |
视图3D旋转效果 |
| Carousel3DView | ![]() |
3D 转盘 |
| AnimatedSegmentedControl | ![]() |
分段控制器切换动画 |
| YoutubeMiniPlayer | ![]() |
|
| MapsBottomSheetV2 | ![]() |
|
| DraggableMapPin | ![]() |
|
| PopToRoot | ![]() |
pop to root |
| StretchySlider | ![]() |
弹性滑块 |
| HeroEffect | ![]() |
转场动画 |
| MinimalTodo | ![]() |
Swift Data 和 Widget 交互学习 |
| SwiftTransformer | ![]() |
Swift Data 之 ValueTransformer 的学习 |
| ShareSheetExtension | ![]() |
系统相册照片分享至APP |
| CustomFileExtension | ![]() |
数据加密存储和数据解密读取 |
| ScrollParallax | ![]() |
|
| ThemeChanger | ![]() |
主题色更改动画 |
| CustomToasts | ![]() |
提示弹框 |
| ImageViewer | ![]() |
图片查看器 |
| WidgetsDemo | ![]() |
|
| ShineEffect | ![]() |
光影动效 |
| DropDownPicker | ![]() |
选择框 |
| CustomSwipeActions | ![]() |
滑动显示功能 |
| CustomScrollAnimation | ![]() |
日历滚动动画 |
| ReelsLayout | ![]() |
仿短视频滑动播放与点赞 |
| ScrollableTabView | ![]() |
标签滚动动画 |
| CardScroll | ![]() |
卡片表头滚动动画 |
| LockSwiftUIView | ![]() |
面容解锁与数字解锁 |
| ProgressHeroEffect | ![]() |
过度动画 |
| FullScreenPop | ![]() |
任意页面控制全屏手势返回 |
| InAppNotifications | ![]() |
为灵动岛适配的消息通知 |
| StatusBarUpdate | ![]() |
自定义控制系统状态栏颜色显示 |
| DarkModeAnimation | ![]() |
暗黑模式切换动画 |
| HeartAnimation | ![]() |
心跳动画 |
| CustomUniversalAlert | ![]() |
自定义弹框 |
| TagTextField | ![]() |
标签输入 |
| SwipeToHideNavBar | ![]() |
列表滑动隐藏导航栏 |
| AnimatedSFTabBar | ![]() |
TabBar 动画 |
| DragDropDemo | ![]() |
Drag 和 Drop |
| DragImagePicker | ![]() |
动态 Sheet |
| DynamicSheetView | ![]() |
玻璃面板 |
| GlassMorphismCardView | ![]() |
|
| RadialView | ![]() |
|
| ReOrderingGridView | ![]() |
拖拽排序 |
| RepeatButton | ![]() |
数字动画 |
| RequestButton | ![]() |
请求按钮动画 |
| ScreenshotPreventView | ![]() |
截屏隐私信息保护 |
| ShaderDemo | ![]() |
Shader 动画 |
| TagView | ![]() |
标签选择 |
| TransparentBlurView | ![]() |
渐变模糊 |
| TripPlannerView | ![]() |
|
| WalkthroughAnimationView | ![]() |
ChatGPT 首页动画 |
| ShapeMorphingAnimationView | ![]() |
|
| MatchedCarouselView | ![]() |
|
| SegmentControl3DView | ![]() |
3D 分段选择器 |
| SearchNavView | ![]() |
|
| PageCurlSwipeView | ![]() |
|
| PomodoroTimerView | ![]() |
定时器 |
| MagnificationView | ![]() |
放大镜 |
| CarouselSliderView | ![]() |
|
| ToolBarAnimationView | ![]() |
|
| ScratchCardView | ![]() |
刮刮卡 |
| ShimmerAnimationView | ![]() |
光影动效 |
| RollingTextView | ![]() |
滚动数字 |
| ParticleView | ![]() |
水波纹 |
| ContactScrollAnimationView | ![]() |
|
| ListHeaderAnimationView | ![]() |
|
| OnBoardingView | ![]() |
|
| IntroView | ![]() |
|
| IndicatorAnimatedView | ![]() |
|
| IsometricView | ![]() |
|
| SnapCarouselView | ![]() |
|
| BallAnimationView | ![]() |
液体动画 |
| LiquidSwipeAnimationView | ![]() |
|
| DashboardAnimationView | ![]() |
进度指示器 |
| AppStoreDetailAnimationView | ![]() |
|
| ClockView | ![]() |
表盘 |
| ParticleEmitterView | ![]() |
点赞动画 |
| YoutubeHomeView | ![]() |
|
| SpotLightView | ![]() |
引导提示 |
| ShowCaseView | ![]() |
引导提示2 |
| ResizableHeaderView | ![]() |
|
| TelegramDynamicIsLandHeader | ![]() |
|
| TwitterProfileScrollingView | ![]() |
|
| ElasticScrollView | ![]() |
|
| MorphingView | ![]() |
变形动画 |
| PopularMovieContentView | ![]() |
|
| GoogleWebTabView | ![]() |
|
| SplitView | ![]() |
|
| MapBottomSheetView | ![]() |
|
| WidgetView | ![]() |
小组件及灵动岛 |
| DynamicNotificationView | ![]() |
灵动岛通知适配 |
| RecordVideoView | ![]() |
录屏 |
| QRCodeScannerView | ![]() |
扫码 |
| iOSControlCenterAnimation | ![]() |
|
| DropDownView | ![]() |
选择框 |
| CropImageView | ![]() |
图片裁剪 |
| SpotifyUI | ![]() |
|
| ShopUI | ![]() |
|
| WeatherAPPUI | ![]() |
下雪动效 |
| CardCreationView | ![]() |
|
| ThemeView | ![]() |
|
| CustomKeyboardShowView | ![]() |
自定义电话输入键盘 |
| CustomTabBar1 | ![]() |
自定义 TabBar |
| CustomTabBar2 | ![]() |
|
| CustomTabBar3 | ![]() |
|
| CustomTabBar4 | ![]() |
|
| CustomTabBar5 | ![]() |
|
| CustomTabBar6 | ![]() |
|
| ThreeColorAnimationView | ![]() |
|
| NumberLockView | ![]() |
|
| FullScreenCoverView | ![]() |
|
| SliderPagerView | ![]() |
|
| AutoScrollingPageView | ![]() |
|
| AutoScrollingTabsView | ![]() |
|
| VerifyCodeView | ![]() |
验证码输入 |
| BankCardView | ![]() |
|
| PayListView | ![]() |
|
| CardGroupAnimationView | ![]() |
|
| DrawerSidebarMainView | ![]() |
抽屉侧边栏 |
| DrawerSidebarHomeView | ![]() |
|
| LocationSearchView | ![]() |
地图地点搜索 |
| HabitTrackerView | ||
| TaskManager | ![]() |
任务 Mini App |
| TaskManagerView | ![]() |
|
| SimpleTodoView | ![]() |

































































































































































