Xcode实现翻屏滑屏

Question

用Xcode做了20×20的Cell表格，多出横向部分怎么设计合理？翻屏？还是做个容器加滚动条呢？

另外，横向翻屏怎么实现呢？

要有步骤说明，并有可实现代码。

感谢回答，采纳的5到10奖励！

Answer 1

20×20的Cell表格，如果多出横向部分，可以考虑使用容器视图结合滚动视图来实现。这样可以通过滚动视图来查看整个表格，并且能够水平滚动以适应多出的横向内容。
下面是一种使用容器视图和滚动视图实现表格的方法：

1. 在Xcode中创建一个新的项目，选择适当的应用模板（例如iOS App）。
2. 打开Main.storyboard，将一个滚动视图（UIScrollView）拖放到主视图控制器的界面上。
3. 设置滚动视图的约束，使其填满整个父视图。
4. 在滚动视图中添加一个容器视图（UIView）作为表格的内容容器。将容器视图的宽度设置为超过屏幕宽度以容纳多出的横向部分。
5. 设置容器视图的约束，使其与滚动视图的顶部、底部、左侧和右侧边缘对齐，并且使其高度与滚动视图相等。
6. 在容器视图中添加20×20的Cell视图，可以使用自定义的UI控件或者创建UIView来代表每个单元格。根据需要进行布局和样式设置。
7. 在滚动视图的右侧添加一个垂直滚动条（UIVerticalScrollIndicator），以指示用户可以水平滚动查看表格的多出部分。
8. 在主视图控制器的代码文件中，添加以下代码来设置滚动视图的内容大小和滚动范围：

import UIKit
class ViewController: UIViewController {

    @IBOutlet weak var scrollView: UIScrollView!
    @IBOutlet weak var containerView: UIView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 设置滚动视图的内容大小为容器视图的大小
        scrollView.contentSize = containerView.bounds.size
        
        // 禁用垂直滚动
        scrollView.showsVerticalScrollIndicator = false
        
        // 启用水平滚动
        scrollView.showsHorizontalScrollIndicator = true
    }
}