实战需求

SwiftUI 图表教程之 05 根据视图大小自动布局界面GeometryReader

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 读取容器大小GeometryReader
• 绘制原点
• 绘制路径Path { path in

基础知识

GeometryReader

一个容器视图，根据其自身大小和坐标空间定义其内容。

@frozen struct GeometryReader<Content> where Content : View

总览
此视图将灵活的首选大小返回到其父布局。

实战代码

import SwiftUI



struct DataModel{
    var data = [-18,-14,-6,-4,7,13,18,16,8,-4,-9,-19]
    func getHeight() -> Int{
        return abs(data.max()!-data.min()!)
    }
    func getWidth() -> Int{
        return Int(self.data.count)
    }
}
struct ContentVie