DGRunkeeperSwitch单元测试与自动化测试：确保控件质量的完整指南

发布时间：2026/7/14 17:58:35

DGRunkeeperSwitch单元测试与自动化测试：确保控件质量的完整指南

DGRunkeeperSwitch单元测试与自动化测试：确保控件质量的完整指南

【免费下载链接】DGRunkeeperSwitchRunkeeper design switch control项目地址: https://gitcode.com/gh_mirrors/dg/DGRunkeeperSwitch

DGRunkeeperSwitch是一个基于Runkeeper设计风格的双段开关控件，采用Swift开发，为iOS应用提供了美观实用的分段选择器。在开发高质量iOS控件时，单元测试与自动化测试是确保代码质量和稳定性的关键环节。本文将为您详细介绍如何为DGRunkeeperSwitch控件实施全面的测试策略。

为什么DGRunkeeperSwitch需要单元测试？

DGRunkeeperSwitch作为一个复杂的UI控件，包含了多个核心功能模块：手势识别、动画效果、布局计算和状态管理。单元测试能够确保这些功能模块的可靠性，防止在后续开发中出现回归问题。

核心测试目标

  1. 功能正确性验证- 确保控件的基本功能按预期工作
  2. 边界条件处理- 测试极端情况下的控件行为
  3. 动画性能评估- 验证动画效果的流畅性和性能
  4. 内存管理检查- 防止内存泄漏和循环引用
  5. 兼容性测试- 确保在不同iOS版本和设备上的兼容性

搭建DGRunkeeperSwitch测试环境

创建测试项目结构

为DGRunkeeperSwitch创建专门的测试目录结构：

DGRunkeeperSwitchTests/ ├── UnitTests/ │ ├── DGRunkeeperSwitchTests.swift │ ├── GestureTests.swift │ └── LayoutTests.swift ├── UITests/ │ └── DGRunkeeperSwitchUITests.swift └── TestHelpers/ └── TestHelpers.swift

配置测试依赖

在项目的Podfile中添加测试相关依赖：

target 'DGRunkeeperSwitchTests' do inherit! :search_paths pod 'Quick' pod 'Nimble' pod 'SnapshotTesting' end

单元测试实现策略

基础功能测试

测试DGRunkeeperSwitch的核心功能，包括初始化、属性设置和状态切换：

import XCTest @testable import DGRunkeeperSwitch class DGRunkeeperSwitchTests: XCTestCase { func testInitializationWithTitles() { let switchControl = DGRunkeeperSwitch(titles: ["Feed", "Leaderboard"]) XCTAssertEqual(switchControl.titles, ["Feed", "Leaderboard"]) XCTAssertEqual(switchControl.selectedIndex, 0) } func testTitleColorUpdate() { let switchControl = DGRunkeeperSwitch(titles: ["Daily", "Weekly"]) let newColor = UIColor.red switchControl.titleColor = newColor XCTAssertEqual(switchControl.titleColor, newColor) } func testSelectedIndexChange() { let switchControl = DGRunkeeperSwitch(titles: ["Option1", "Option2", "Option3"]) switchControl.setSelectedIndex(2, animated: false) XCTAssertEqual(switchControl.selectedIndex, 2) } }

手势识别测试

测试控件的点击和拖拽手势处理：

class GestureTests: XCTestCase { func testTapGestureRecognition() { let switchControl = DGRunkeeperSwitch(titles: ["Left", "Right"]) switchControl.frame = CGRect(x: 0, y: 0, width: 200, height: 30) // 模拟点击右侧区域 let tapLocation = CGPoint(x: 150, y: 15) let mockGesture = MockTapGestureRecognizer(location: tapLocation) switchControl.tapped(mockGesture) XCTAssertEqual(switchControl.selectedIndex, 1) } func testPanGestureBoundaryHandling() { let switchControl = DGRunkeeperSwitch(titles: ["A", "B", "C"]) switchControl.frame = CGRect(x: 0, y: 0, width: 300, height: 30) // 测试超出边界的拖拽 let panGesture = MockPanGestureRecognizer() panGesture.mockTranslation = CGPoint(x: 400, y: 0) // 超出边界 switchControl.pan(panGesture) // 确保索引不会超出范围 XCTAssertTrue(switchControl.selectedIndex >= 0) XCTAssertTrue(switchControl.selectedIndex < 3) } }

布局计算测试

测试控件的布局逻辑和尺寸计算：

class LayoutTests: XCTestCase { func testSelectedBackgroundViewLayout() { let switchControl = DGRunkeeperSwitch(titles: ["Tab1", "Tab2"]) switchControl.frame = CGRect(x: 0, y: 0, width: 200, height: 40) switchControl.selectedBackgroundInset = 2.0 switchControl.layoutSubviews() let expectedWidth = (200 / 2) - 2.0 * 2.0 XCTAssertEqual(switchControl.selectedBackgroundView.frame.width, expectedWidth) XCTAssertEqual(switchControl.selectedBackgroundView.frame.height, 36) // 40 - 2*2 } func testTitleLabelPositioning() { let switchControl = DGRunkeeperSwitch(titles: ["Short", "Longer Title"]) switchControl.frame = CGRect(x: 0, y: 0, width: 300, height: 50) switchControl.layoutSubviews() // 验证标签居中 let firstLabel = switchControl.titleLabels[0] let secondLabel = switchControl.titleLabels[1] XCTAssertEqual(firstLabel.frame.midX, 75, accuracy: 0.1) // 第一个标签中心在75 XCTAssertEqual(secondLabel.frame.midX, 225, accuracy: 0.1) // 第二个标签中心在225 } }

自动化UI测试实现

快照测试

使用SnapshotTesting进行UI快照测试，确保视觉一致性：

import SnapshotTesting import XCTest class DGRunkeeperSwitchSnapshotTests: XCTestCase { func testDefaultAppearance() { let switchControl = DGRunkeeperSwitch(titles: ["Feed", "Leaderboard"]) switchControl.frame = CGRect(x: 0, y: 0, width: 200, height: 30) assertSnapshot(matching: switchControl, as: .image) } func testCustomColors() { let switchControl = DGRunkeeperSwitch(titles: ["Daily", "Weekly", "Monthly"]) switchControl.backgroundColor = .blue switchControl.selectedBackgroundColor = .white switchControl.titleColor = .white switchControl.selectedTitleColor = .blue switchControl.frame = CGRect(x: 0, y: 0, width: 300, height: 40) assertSnapshot(matching: switchControl, as: .image) } func testAnimationStates() { let switchControl = DGRunkeeperSwitch(titles: ["On", "Off"]) switchControl.frame = CGRect(x: 0, y: 0, width: 150, height: 30) // 测试选中状态 switchControl.setSelectedIndex(1, animated: false) assertSnapshot(matching: switchControl, as: .image) } }

交互测试

测试用户与控件的交互行为：

class DGRunkeeperSwitchUITests: XCTestCase { var app: XCUIApplication! override func setUp() { super.setUp() app = XCUIApplication() app.launch() } func testTapInteraction() { let switchControl = app.otherElements["runkeeperSwitch"] XCTAssertTrue(switchControl.exists) // 模拟点击第二个选项 let secondOption = switchControl.coordinate(withNormalizedOffset: CGVector(dx: 0.75, dy: 0.5)) secondOption.tap() // 验证状态变化 XCTAssertTrue(switchControl.value as? String == "1") } func testDragInteraction() { let switchControl = app.otherElements["runkeeperSwitch"] // 模拟拖拽手势 let startPoint = switchControl.coordinate(withNormalizedOffset: CGVector(dx: 0.25, dy: 0.5)) let endPoint = switchControl.coordinate(withNormalizedOffset: CGVector(dx: 0.75, dy: 0.5)) startPoint.press(forDuration: 0.1, thenDragTo: endPoint) // 验证拖拽后的状态 XCTAssertTrue(switchControl.value as? String == "1") } }

性能测试与优化

内存泄漏检测

使用XCTest的内存检测功能：

class MemoryTests: XCTestCase { func testNoMemoryLeaks() { weak var weakSwitch: DGRunkeeperSwitch? autoreleasepool { let switchControl = DGRunkeeperSwitch(titles: ["Tab1", "Tab2", "Tab3"]) weakSwitch = switchControl // 模拟使用场景 switchControl.setSelectedIndex(1, animated: true) _ = switchControl.titleColor _ = switchControl.selectedTitleColor } XCTAssertNil(weakSwitch, "DGRunkeeperSwitch存在内存泄漏") } func testPerformanceOfLayout() { let switchControl = DGRunkeeperSwitch(titles: Array(repeating: "Tab", count: 10)) switchControl.frame = CGRect(x: 0, y: 0, width: 500, height: 40) measure { for _ in 0..<100 { switchControl.layoutSubviews() } } } }

动画性能测试

class AnimationPerformanceTests: XCTestCase { func testAnimationPerformance() { let switchControl = DGRunkeeperSwitch(titles: ["OptionA", "OptionB"]) switchControl.frame = CGRect(x: 0, y: 0, width: 200, height: 30) measureMetrics([.wallClockTime], automaticallyStartMeasuring: false) { startMeasuring() switchControl.setSelectedIndex(1, animated: true) stopMeasuring() // 等待动画完成 let expectation = self.expectation(description: "Animation completion") DispatchQueue.main.asyncAfter(deadline: .now() + 0.5) { expectation.fulfill() } waitForExpectations(timeout: 1.0) } } }

持续集成与自动化测试流程

GitHub Actions配置

创建.github/workflows/tests.yml配置文件：

name: Tests on: push: branches: [ master ] pull_request: branches: [ master ] jobs: test: runs-on: macOS-latest steps: - uses: actions/checkout@v2 - name: Select Xcode run: sudo xcode-select -s /Applications/Xcode_13.0.app - name: Build and Test run: | xcodebuild clean test \ -project DGRunkeeperSwitchExample.xcodeproj \ -scheme DGRunkeeperSwitch \ -destination 'platform=iOS Simulator,name=iPhone 13,OS=15.0' \ CODE_SIGN_IDENTITY="" \ CODE_SIGNING_REQUIRED=NO - name: Run Snapshot Tests run: | xcodebuild test \ -project DGRunkeeperSwitchExample.xcodeproj \ -scheme DGRunkeeperSwitchSnapshotTests \ -destination 'platform=iOS Simulator,name=iPhone 13,OS=15.0'

测试覆盖率报告

配置测试覆盖率收集：

- name: Generate Code Coverage run: | xcodebuild test \ -project DGRunkeeperSwitchExample.xcodeproj \ -scheme DGRunkeeperSwitch \ -destination 'platform=iOS Simulator,name=iPhone 13,OS=15.0' \ -enableCodeCoverage YES xcrun xccov view --report --only-targets Build/Logs/Test/*.xccoverage

最佳实践与测试策略

1. 测试金字塔原则

遵循测试金字塔原则，构建合理的测试结构：

  • 70%单元测试：测试核心业务逻辑和组件功能
  • 20%集成测试：测试组件间的交互和集成
  • 10%UI测试：测试用户界面和交互流程

2. 测试驱动开发(TDD)

在开发新功能时采用TDD方法：

  1. 编写失败的测试用例
  2. 实现最小功能使测试通过
  3. 重构代码，保持测试通过
  4. 重复上述步骤

3. 模拟与桩对象

使用适当的测试替身：

class MockTapGestureRecognizer: UITapGestureRecognizer { let mockLocation: CGPoint init(location: CGPoint) { self.mockLocation = location super.init(target: nil, action: nil) } override func location(in view: UIView?) -> CGPoint { return mockLocation } } class MockPanGestureRecognizer: UIPanGestureRecognizer { var mockTranslation: CGPoint = .zero var mockState: UIGestureRecognizer.State = .changed override func translation(in view: UIView?) -> CGPoint { return mockTranslation } override var state: UIGestureRecognizer.State { get { return mockState } set { mockState = newValue } } }

4. 测试覆盖率目标

为DGRunkeeperSwitch设定合理的测试覆盖率目标：

  • 核心功能：100%覆盖率
  • 边界条件：90%覆盖率
  • 错误处理：85%覆盖率
  • 整体项目：80%以上覆盖率

常见问题与解决方案

问题1：测试中的异步操作处理

解决方案：使用XCTestExpectation处理异步测试

func testAsyncAnimationCompletion() { let expectation = self.expectation(description: "Animation completion callback") let switchControl = DGRunkeeperSwitch(titles: ["A", "B"]) var animationCompleted = false // 模拟动画完成回调 DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) { animationCompleted = true expectation.fulfill() } switchControl.setSelectedIndex(1, animated: true) waitForExpectations(timeout: 1.0) XCTAssertTrue(animationCompleted) }

问题2：UI测试的稳定性

解决方案：增加等待时间和重试机制

func testStableUIInteraction() { let app = XCUIApplication() let switchControl = app.otherElements["runkeeperSwitch"] // 增加等待时间确保控件加载完成 let exists = NSPredicate(format: "exists == true") expectation(for: exists, evaluatedWith: switchControl, handler: nil) waitForExpectations(timeout: 5, handler: nil) // 执行测试操作 switchControl.tap() }

测试报告与质量监控

生成测试报告

配置测试报告生成脚本：

#!/bin/bash # generate_test_report.sh # 运行测试并生成报告 xcodebuild test \ -project DGRunkeeperSwitchExample.xcodeproj \ -scheme DGRunkeeperSwitch \ -destination 'platform=iOS Simulator,name=iPhone 13' \ -resultBundlePath TestResults.xcresult # 转换报告为可读格式 xcrun xcresulttool get --path TestResults.xcresult --format html --output-path TestReport.html

质量指标监控

建立关键质量指标监控体系：

  1. 测试通过率：确保所有测试用例通过
  2. 代码覆盖率：监控核心模块的覆盖率变化
  3. 构建时间：优化测试执行效率
  4. 内存使用：检测内存泄漏趋势
  5. 性能基准：确保动画性能达标

总结与建议

通过实施全面的单元测试与自动化测试策略，DGRunkeeperSwitch控件的质量得到了显著提升。以下是一些关键建议：

🎯立即行动的建议：

  1. 从核心功能开始编写测试用例
  2. 优先覆盖边界条件和错误处理
  3. 建立持续集成流程
  4. 定期审查测试覆盖率报告
  5. 将测试作为代码审查的一部分

🔧技术选型建议：

  • 使用XCTest进行单元测试
  • 采用SnapshotTesting进行UI快照测试
  • 配置GitHub Actions实现自动化测试
  • 使用Xcode的代码覆盖率工具

📊质量监控指标：

  • 核心功能测试覆盖率 > 95%
  • 整体项目测试覆盖率 > 80%
  • 构建时间 < 5分钟
  • 测试通过率 100%

通过遵循本文介绍的测试策略和方法，您可以确保DGRunkeeperSwitch控件在各种使用场景下都能稳定可靠地工作，为您的iOS应用提供高质量的UI组件体验。

记住：良好的测试不仅是质量保证，更是开发效率的提升工具。投资于测试基础设施，您将在项目的整个生命周期中获得丰厚的回报。🚀

【免费下载链接】DGRunkeeperSwitchRunkeeper design switch control项目地址: https://gitcode.com/gh_mirrors/dg/DGRunkeeperSwitch

创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考

相关新闻

Matplotlib标注实战：从数据坐标到交互式叙事的七步精进

Matplotlib标注实战：从数据坐标到交互式叙事的七步精进

1. 为什么“加个箭头”比“画条线”更能讲清数据故事&#xff1f;你有没有过这种体验&#xff1a;辛辛苦苦调好颜色、字体、网格线&#xff0c;把一张散点图塞进PPT里&#xff0c;结果老板扫了一眼就问&#xff1a;“这个峰值到底说明什么&#xff1f;那个离群点是异常还是信号…

2026/7/14 17:58:35
AMD NPU版Stable Diffusion Turbo：社区支持与开发者资源指南

AMD NPU版Stable Diffusion Turbo：社区支持与开发者资源指南

AMD NPU版Stable Diffusion Turbo&#xff1a;社区支持与开发者资源指南 【免费下载链接】stable-diffusion-turbo-amdnpu-onnx 项目地址: https://ai.gitcode.com/hf_mirrors/amd/stable-diffusion-turbo-amdnpu-onnx AMD NPU版Stable Diffusion Turbo是一个专为AMD神…

2026/7/14 17:58:35
欢乐马AI视频模型技术解析与应用实践

欢乐马AI视频模型技术解析与应用实践

1. 项目概述&#xff1a;欢乐马视频模型现象解析 最近在AI生成视频领域突然杀出一匹黑马——代号"欢乐马"的模型系统。这个神秘项目在没有任何官方宣传的情况下&#xff0c;仅凭用户自发传播就迅速席卷各大视频平台&#xff0c;其生成效果甚至让此前公认的顶级模型Se…

2026/7/14 17:58:35

最新新闻

STM32与ISOM8710数字隔离器的高压安全设计实践

STM32与ISOM8710数字隔离器的高压安全设计实践

1. 高压安全隔离的必要性与技术选型在工业自动化、电力电子和医疗设备领域&#xff0c;高压与低压电路之间的安全隔离是系统设计的核心需求。当STM32微控制器需要监测或控制380V交流电机、光伏逆变器或医疗设备时&#xff0c;如果没有可靠的隔离措施&#xff0c;高压侧的浪涌、…

2026/7/14 18:51:22
长沙望城黄金回收怎么选？2026五家正规机构测评，湘奢汇望城店（中检认证+全品类双资质）核心推荐 - 生活测评小能手

长沙望城黄金回收怎么选？2026五家正规机构测评，湘奢汇望城店（中检认证+全品类双资质）核心推荐 - 生活测评小能手

长沙望城黄金回收怎么选？2026五家正规机构测评，湘奢汇望城店（中检认证+全品类双资质）核心推荐 据《2026中国贵金属回收行业区域发展报告》显示，长沙望城黄金回收需求随金价高位震荡持续增长，但"高价引流、称…

2026/7/14 18:51:35
Redis 数据库语法速查表：全景梳理

Redis 数据库语法速查表：全景梳理

Redis 是一款高性能的内存数据结构服务器&#xff0c;广泛应用于缓存、消息队列、分布式锁、实时分析等场景。本文以速查表的形式&#xff0c;从全局命令、数据类型&#xff08;String、Hash、List、Set、Sorted Set、Bitmap、HyperLogLog、GEO、Stream&#xff09;到高级功能&…

2026/7/14 18:51:35
Large Language Model-assisted Autonomous Vehicle Recovery from Immobilization

Large Language Model-assisted Autonomous Vehicle Recovery from Immobilization

一、文章主要内容总结 该研究针对自动驾驶汽车（AV）在复杂交通场景中易陷入停滞（ immobilization）、现有恢复方案（远程干预成本高、人工接管适用性有限）存在缺陷的问题，提出了一种基于大语言模型（LLM）的恢复框架StuckSolver。 StuckSolver设计为插件式附加模块，无需…

2026/7/14 18:51:35
厦门黄金回收商家对比｜2026 筛选出高价无套路回收店铺 - 小蝶回收测评

厦门黄金回收商家对比｜2026 筛选出高价无套路回收店铺 - 小蝶回收测评

一、2026厦门黄金回收避坑核心｜高价≠虚价，无套路才是刚需 2026年黄金大盘持续高位震荡，厦门本地闲置黄金变现需求激增。多数用户选回收商家只看“线上标价高低”，极易陷入高价引流、到店砍价、隐形扣费的行业套路…

2026/7/14 18:51:35
施耐德Unity Pro XL授权管理实战：从虚拟盘到网络浮动许可

施耐德Unity Pro XL授权管理实战：从虚拟盘到网络浮动许可

1. 项目概述&#xff1a;施耐德Unity Pro XL授权管理的核心挑战在工业自动化领域&#xff0c;施耐德的Unity Pro XL软件是编程和调试Modicon系列PLC&#xff08;可编程逻辑控制器&#xff09;的行业标准工具。对于每一位自动化工程师、系统集成商或设备维护人员来说&#xff0c…

2026/7/14 18:51:41

日新闻

2026综合实力出众的国内投票系统服务商汇总:兼顾安全与性价比

2026综合实力出众的国内投票系统服务商汇总:兼顾安全与性价比

网络投票早已不是“能发起就行”的时代了。刷票毁公平、收费毁预算、卡顿毁体验、导不出数据等于白干——这四条铁律&#xff0c;是无数活动组织者用真金白银换来的教训。市面上打着“免费”旗号的投票工具多如牛毛&#xff0c;但真正能做到永久免费、零广告、强防刷、免费导出…

2026/7/14 0:00:55
【小程序毕业设计】基于 SpringBoot 的畲族特色文创产品电商小程序的设计与实现 八闽畲族文化数字化交流与线上交易系统(源码+文档+远程调试，全bao定制等)

【小程序毕业设计】基于 SpringBoot 的畲族特色文创产品电商小程序的设计与实现 八闽畲族文化数字化交流与线上交易系统(源码+文档+远程调试，全bao定制等)

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

2026/7/14 0:00:55
微信投票到底该怎么做?2026三大平台对比+人人微投票保姆级图文教程

微信投票到底该怎么做?2026三大平台对比+人人微投票保姆级图文教程

在 2026 年的微信生态中&#xff0c;投票依然是社群互动、品牌营销和校园赛事中最直接有效的“流量引擎”。无论是幼儿园想办一场引爆朋友圈的“萌宝大赛”&#xff0c;还是企业要评选年度“优秀员工”&#xff0c;选对工具&#xff0c;活动就成功了一半。然而&#xff0c;面对…

2026/7/14 0:00:55

周新闻

PlantUML 实战：5分钟将 UML 2.5 序列图转换为可执行代码草图

PlantUML 实战：5分钟将 UML 2.5 序列图转换为可执行代码草图

PlantUML 实战&#xff1a;5分钟将 UML 2.5 序列图转换为可执行代码草图 在软件开发过程中&#xff0c;清晰的系统设计往往比编码本身更为关键。传统拖拽式UML工具虽然直观&#xff0c;却常常成为效率杀手——频繁的鼠标操作打断设计思路&#xff0c;版本控制困难&#xff0c;…

2026/7/14 2:00:43
【RT-DETR涨点改进】29 动态Batch推理：让RT-DETR在低延迟下吃满GPU算力

【RT-DETR涨点改进】29 动态Batch推理：让RT-DETR在低延迟下吃满GPU算力

29 动态Batch推理：让RT-DETR在低延迟下吃满GPU算力 开篇故事 上个月帮一家安防厂商做项目优化，他们用RT-DETR做实时人流统计，部署在NVIDIA A10上。客户反馈说：“GPU利用率才30%，但延迟已经飙到40ms了，加人流量就丢帧。” 我远程一看，好家伙——生产环境里每个请求单独…

2026/7/14 3:20:10
Postman 环境变量实战：3种动态设置方法与CI/CD集成避坑指南

Postman 环境变量实战：3种动态设置方法与CI/CD集成避坑指南

Postman 环境变量高阶实战&#xff1a;动态管理与 CI/CD 深度集成在接口自动化测试领域&#xff0c;环境变量的灵活运用往往成为区分初级与高级测试工程师的关键能力。本文将深入探讨 Postman 环境变量的三种动态设置模式&#xff0c;并分享 Newman 在 CI/CD 流水线中的实战避坑…

2026/7/14 5:00:42

月新闻

[C++]内存管理：串顺序存储的内存回收

[C++]内存管理：串顺序存储的内存回收

在串&#xff08;字符串&#xff09;的顺序存储中&#xff0c;内存回收的方式取决于字符串的存储方式以及所使用的编程语言和相关库。以下以 C 为例进行说明&#xff0c;因为 C 对内存管理有较为直接的控制。 1. 基于 char 数组的串顺序存储 如果使用普通的 char 数组来存储字…

2026/7/14 17:38:00
移动端游戏功耗测试实战：电流、功率、亮度和场景对比

移动端游戏功耗测试实战：电流、功率、亮度和场景对比

移动端游戏功耗测试：先控制变量，再比较优化是否真的省电 摘要：功耗测试最容易犯的错误，是拿两次不同温度、不同亮度、不同场景的平均功率直接比较。本文给出一套可复现的游戏功耗测试方法，覆盖引擎特性验证、版本回归和黑盒体验测试，并说明如何把功耗与帧率、温控、CPU/G…

2026/7/14 5:33:13
足球口袋教练 HarmonyOS 离线应用实战（03/20）：ArkUI 首页仪表盘搭建

足球口袋教练 HarmonyOS 离线应用实战（03/20）：ArkUI 首页仪表盘搭建

本文是“足球口袋教练 HarmonyOS 离线应用实战”系列第 3 篇。示例项目是一个 HarmonyOS / ArkTS / ArkUI 编写的离线足球训练助手&#xff0c;围绕真实页面、真实截图和可复现操作展开。 本篇要解决的问题 训练 App 的首页不能只展示欢迎语&#xff0c;它要解决“我现在该点哪…

2026/7/14 1:15:37