用 SwiftUI 能不能实现很多 apple 官方 app 横向滑动卡片的动画样式 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
iOS 开发实用技术导航
NSHipster 中文版
http://nshipster.cn/
cocos2d 开源 2D 游戏引擎
http://www.cocos2d-iphone.org/
CocoaPods
http://cocoapods.org/
Google Analytics for Mobile 统计解决方案
http://code.google.com/mobile/analytics/
WWDC
https://developer.apple.com/wwdc/
Design Guides and Resources
https://developer.apple.com/design/
Transcripts of WWDC sessions
http://asciiwwdc.com
Cocoa with Love
http://cocoawithlove.com/
Cocoa Dev Central
http://cocoadevcentral.com/
NSHipster
http://nshipster.com/
Style Guides
Google Objective-C Style Guide
NYTimes Objective-C Style Guide
Useful Tools and Services
Charles Web Debugging Proxy
Smore
Windy418
V2EX    iDev

用 SwiftUI 能不能实现很多 apple 官方 app 横向滑动卡片的动画样式

  •  
  •   Windy418 2024-04-03 16:08:44 +08:00 3485 次点击
    这是一个创建于 559 天前的主题,其中的信息可能已经有所发展或是发生改变。

    很多 apple 的官方 app 都有这个效果,比如 Music ,AppStore

    当你横向滑动卡片时,手势停止的时刻,它会自动回到显示完整的上一个卡片,或者显示完整的下一个卡片的位置,不会停留在无法显示完整卡片的位置(如果单纯的用 scrollview ,手势停止它就会慢慢停止,不会自动去挪动位置)

    如果用 swiftui 实现这个效果呢?

    我问了 gpt 好多遍,它都没回答出来

    apple 好像也没有开放这个效果的方法

    视频地址: https://watch.wave.video/ffvfggCjMnyrZc9c

    22 条回复    2024-05-29 16:32:15 +08:00
    drainlin
        1
    drainlin  
       2024-04-03 16:20:11 +08:00
    你说的,难道不是 tabview 加上修饰符.tabViewStyle(PageTabViewStyle())
    Windy418
        3
    Windy418  
    OP
       2024-04-03 16:47:35 +08:00
    @kemchenj 我手上的电脑 xcode 最高只能拉到 14.2 ,这个得 15 才能看,不过我看了下这个帖子里面写的,确实是我说的这个效果,k 大 nb ,pual nb
    话说这种答案真难搜啊,我用英文描述了很多次,但是 google 不出来
    kongkx
        4
    kongkx  
       2024-04-03 20:29:07 +08:00 via Android
    关键词。snap scroll
    rainbowmolly
        5
    rainbowmolly  
       2024-04-03 20:45:32 +08:00 via iPhone
    只有 iOS 17 可用这种东西上不了生产环境吧,会被用户骂死
    MakHoCheung
        6
    MakHoCheung  
       2024-04-03 21:31:06 +08:00   2
    CastleBUPT
        7
    CastleBUPT  
       2024-04-03 21:54:17 +08:00 via iPhone
    @rainbowmolly
    骂的,不是目标用户,完事
    posthoc
        8
    posthoc  
       2024-04-03 21:58:16 +08:00
    分页滑动,页面之间有间隔,分页阈值较大,轮播组件不就是要实现这类效果吗?只不过是关闭了自动轮播功能。我写了一个轮播组件( https://github.com/YuLeiFuYun/CardCarousel ),可以比较容易的实现这个效果,代码像这样:
    https://gist.github.com/YuLeiFuYun/cfa8269473696810fe69f4a20077fcea
    BernieDu
        9
    BernieDu  
       2024-04-04 01:21:03 +08:00
    @rainbowmolly chatGPT 5 个月前发布 app 时最低要求版本是 16.1 。现在产品评分 4.9 。 我觉得产品力够的话现在发布个 app 要求 17 也不是很离谱
    LiGG
        10
    LiGG  
       2024-04-04 13:59:12 +08:00
    https://www.youtube.com/@Kavsoft 看看这里面的视频,能不能找到你想要的效果吧。
    rainbowmolly
        11
    rainbowmolly  
       2024-04-04 17:34:10 +08:00 via iPhone
    @BernieDu 我说的不太对,在被用户骂之前会被国内的产品骂死
    rainbowmolly
        12
    rainbowmolly  
       2024-04-04 17:38:47 +08:00 via iPhone
    @BernieDu 用评分作为标准其实也不对,因为 iOS 16 以下的根本无法评分……
    BernieDu
        13
    BernieDu  
       2024-04-04 18:33:10 +08:00
    @rainbowmolly 需要他们评分吗? 现在美区免费 app 榜 chatgpt 长期是第一名。。靠降低版本来维持用户本来就是伪命题,产品力才是硬道理
    rainbowmolly
        14
    rainbowmolly  
       2024-05-25 06:57:02 +08:00
    @BernieDu 可是无法下载的用户也无法评分啊……
    BernieDu
        15
    BernieDu  
       2024-05-26 17:25:21 +08:00
    @rainbowmolly 你不会觉得霸榜只看高分不看评分数量吧
    rainbowmolly
        16
    rainbowmolly  
       2024-05-27 18:19:48 +08:00
    @BernieDu “现在产品评分 4.9 ”得出“产品力够”的结论是你的原话一个字不差,怎么又变成我觉得了?
    BernieDu
        17
    BernieDu  
       2024-05-27 21:02:47 +08:00
    @rainbowmolly 我说评分高你说一部分人评不了,然后我说霸榜了,你重复强调一部分人评不了,我看你是个外行只好给你解释霸榜的条件了。
    rainbowmolly
        18
    rainbowmolly  
       2024-05-29 00:13:32 +08:00
    @BernieDu 霸榜和评分有什么关系?我说一部份人用不了,你说霸榜,不是牛头不对马嘴?霸榜不霸榜它也是一部份人用不了啊?也改变不了这个事实啊?我才开发 8 年 iOS ,确实外行了,可能您开发 30 年 iOS 了?班门弄斧了,见笑。
    rainbowmolly
        19
    rainbowmolly  
       2024-05-29 00:14:49 +08:00
    @rainbowmolly 如果您还不理解,我给您解释一下逻辑:
    rainbowmolly
        20
    rainbowmolly  
       2024-05-29 00:19:17 +08:00
    @BernieDu 评分高是因为用不了的人无法评分,这句话有问题吗?所以评分高无法得出产品力够这个结论,有问题吗?莫名其妙丢一句霸榜看数量,有人在讨论霸榜看什么么?如果您连这个逻辑都不理解,建议还是不要回复了呢,继续当您的砖家
    BernieDu
        21
    BernieDu  
       2024-05-29 01:14:58 +08:00
    @rainbowmolly 别跟我在这刷存在感了,你喜欢最低几就最低几
    rainbowmolly
        22
    rainbowmolly  
       2024-05-29 16:32:15 +08:00
    @BernieDu 呵呵,您太厉害啊,大佬
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     4260 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 00:14 PVG 08:14 LAX 17:14 JFK 20:14
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86