Skip to content

使用 Swift UI 实现的各种动画,多种样式的轮播图,输入框,菜单,指示器,转盘,3D 视图,分段控制器,分享,手势,拖拽排序,光影动效,灵动岛适配,自定义TabBar,定时器,放大镜,数字动画,验证码输入框,地图,抽屉菜单等一系列功能的使用示例!

License

xiaofu666/SwiftUI_Demos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 

Repository files navigation

SwiftUI_Demos

README-zh Swift UI Language Platform 开源爱情 QQ 邮箱 赞助作者

Swift UI 实现的小控件 (持续更新中)

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

About

使用 Swift UI 实现的各种动画,多种样式的轮播图,输入框,菜单,指示器,转盘,3D 视图,分段控制器,分享,手势,拖拽排序,光影动效,灵动岛适配,自定义TabBar,定时器,放大镜,数字动画,验证码输入框,地图,抽屉菜单等一系列功能的使用示例!

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published