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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

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

This topic created in 1408 days ago, the information mentioned may be changed or developed.

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

swift5

指点

滚动

高手

14 replies • 2022-07-01 10:59:59 +08:00

MX123

Jun 30, 2022

scrollView

InternetExplorer

Jun 30, 2022

直接用个动画就好了吧

Building

Jun 30, 2022 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

Jun 30, 2022

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

chchengeng

Jun 30, 2022

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

TOTOP

Jun 30, 2022

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

365473321

Jun 30, 2022

用 CADisplayLink 处理 frame 就行了

neptuno

Jun 30, 2022

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

justin2018

Jun 30, 2022

@neptuno

https://rive.app/

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

zjw7sky

Jun 30, 2022

lottie 这个了解下

icebarley

Jun 30, 2022

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

V2SuperUser

Jul 1, 2022

```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

Jul 1, 2022

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

LINAICAI

Jul 1, 2022

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