代码之家 › 专栏 › 技术社区 › Ilja

是否可以创建一个只返回ChartContent的View组件?

swiftcharts swiftui swift ios

Ilja · 技术社区 · 9 月前

我有一个复杂的图表,可以以不同的风格呈现各种图形,并且正在将这些变体抽象为单独的视图组件,其中一个例子是

import SwiftUI
import Charts


struct ExerciseChartPlot: View {
  
  // Public Variables
  let isLineChart: Bool
  let xLabel: String
  let yLabel: String
  let calendarUnit: Calendar.Component
  let date: Date
  let value: Double
  
  // Body
  var body: some View {
    if isLineChart {
      LineMark(x: .value(xLabel, date, unit: calendarUnit), y: .value(yLabel, value))
        .foregroundStyle(Color._green)
        .symbol(.circle)
      AreaMark(x: .value(xLabel, date, unit: calendarUnit), y: .value(yLabel, value))
        .foregroundStyle(LinearGradient(colors: [._green.opacity(0.2), .clear], startPoint: .top, endPoint: .bottom))
    } else {
      BarMark(x: .value(xLabel, date, unit: calendarUnit), y: .value(yLabel, value))
        .foregroundStyle(Color._green.gradient)
    }
  }
}

但它导致了“静态方法'buildExpression'要求'some ChartContent'符合'View'”的错误

我想这是因为我在没有包装的情况下退回了组件 Chart .我想保留 图表 ui树中“更高层”的组件,只有这些较小的组件返回需要在其中呈现的图表元素。

有可能以某种方式实现这一点吗?

1 回复 | 直到 9 月前

Sweeper 9 月前

你试图创造的不是 View ,但是a ChartContent .使你的结构符合 图表内容 相反:

struct ExerciseChartPlot: ChartContent {
  
  // Public Variables
  ...
  
  // Body
  var body: some ChartContent {
      ...
  }
}

然后,您可以像使用其他任何东西一样使用它 图表内容 在里面 Chart { ... } .

struct SomeView: View {
    var body: some View {
        Chart {
            ExerciseChartPlot(...)
        }
    }
}

推荐文章

chitgoks · Swift 5中的NSAttributedString发生了什么?大胆不起作用?

2 年前

Laura Corssac · 转换在NavigationView中不起作用

2 年前

Steven-Carrot · 自定义选取器的出现会导致其他视图重新排列

2 年前

sizzyd · XCode IOS如何摆脱主屏幕上的后退按钮?

2 年前

Frakcool · 满足条件时,SwiftUI动画背景颜色更改

2 年前

lhunt · '调用中缺少参数'hideNew'

2 年前

Oscar Apeland · 迁移到UIKit生命周期的应用程序不调用SceneDelegate

2 年前

kissues · SwiftUI列表中神秘的前导/尾随填充?

2 年前

TruMan1 · 如何在菜单式文件应用程序中建立排序方向?

2 年前

Chocord Coder · OpenWeatherMap API小时预测不可用

2 年前