swift5 如何实现这样的布局，求高手指点一下

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

这是一个创建于 911 天前的主题，其中的信息可能已经有所发展或是发生改变。

上面的是一张长图，不是视频，向左自动滚动。

swift5

指点

滚动

高手

14 条回复 • 2022-07-01 10:59:59 +08:00

MX123

2022-06-30 11:54:06 +08:00

scrollView

InternetExplorer

2022-06-30 12:04:25 +08:00

直接用个动画就好了吧

Building

2022-06-30 12:16:38 +08:00 via iPhone

superview.frame: screen.bounds
imageview.frame: screen.bounds.insets(x: -50, y: 0).offset(x: 50, y: 0)
uiview.animate(duration: 60) { imageview.frame = imageview.frame.offset(x: 50, y: 0) }

Freeego

2022-06-30 12:20:21 +08:00

scrollView 里放个 UIImageView ，动画块里更新 contentOffset

chchengeng

2022-06-30 14:25:14 +08:00

好奇滚动完了会停止吗。还是会循环滚动啊？

DreamCMS

2022-06-30 14:59:29 +08:00

@chchengeng 滚完了就进里面了，类似开机画面、启动页这种

365473321

2022-06-30 15:33:22 +08:00

用 CADisplayLink 处理 frame 就行了

neptuno

2022-06-30 15:47:41 +08:00

可以用 rive ，前段时间接触了一下，，各种动画都能做，还是很强大的

justin2018

2022-06-30 17:11:34 +08:00

@neptuno

https://rive.app/

这动画工具好强大免费版也能用很多功能

zjw7sky

2022-06-30 19:56:00 +08:00

lottie 这个了解下

icebarley

2022-06-30 23:17:37 +08:00

如果 swiftUI 开发的话原生代码就能实现

V2SuperUser

2022-07-01 09:56:15 +08:00

```swift
import UIKit

class ViewController: UIViewController {

override func viewDidLoad() {
super.viewDidLoad()

let screenBounds = UIScreen.main.bounds

let imageView = UIImageView(image: UIImage(named: "24110307_5"))
view.addSubview(imageView)
let imageW = screenBounds.width + 100
imageView.frame = CGRect(x: 0, y: 0, width: imageW, height: screenBounds.height)

//方式 1
// UIView.animate(withDuration: 4) {
// imageView.frame = CGRect(x: -100, y: 0, width: imageW, height: screenBounds.height)
// } completion: { isFinished in
// if isFinished{
// print("结束")
// }
// }

//方式 2：
let animation = CABasicAnimation()
animation.keyPath = "transform.translation.x"
animation.fromValue = 0
animation.toValue = -100
animation.duration = 4
animation.isRemovedOnCompletion = false
animation.fillMode = .forwards
imageView.layer.removeAllAnimations()
imageView.layer.add(animation, forKey: nil)

}

}
```

neptuno

2022-07-01 10:06:10 +08:00

@justin2018 是的，自己的 app 可以采用这种，真的能省很多时间

LINAICAI

2022-07-01 10:59:59 +08:00

讲道理这里应该用动画或者放个视频吧，方便后台更换，原生实现可以但不太好。