# component-collection

**Repository Path**: singcl/component-collection

## Basic Information

- **Project Name**: component-collection
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-10
- **Last Updated**: 2026-03-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 组件集合 (Component Collection)

基于 OpenHarmony/HarmonyOS 的组件集合演示应用，提供动画、组件、全局方法和通用属性的示例代码。

## 项目简介

本项目是一个 HarmonyOS/OpenHarmony 应用示例，旨在展示系统中常用组件的使用方法，包括布局组件、动画效果、对话框以及通用属性的配置。

## 技术栈

- **框架**：HarmonyOS SDK / OpenHarmony
- **开发语言**：ETS (Extended TypeScript)
- **目标平台**：OpenHarmony、HarmonyOS

## 项目结构

```
component-collection/
├── entry/                      # 应用入口模块
│   ├── src/main/ets/
│   │   ├── common/             # 通用工具类
│   │   │   ├── AttributeModificationTool.ets
│   │   │   ├── IntroductionTitle.ets
│   │   │   ├── TabContentNavigation.ets
│   │   │   └── TtitleBar.ets
│   │   ├── data/               # 数据模型
│   │   │   ├── CollectionCategory.ets
│   │   │   └── ResourceDataHandle.ets
│   │   ├── entryability/       # 应用能力
│   │   ├── entrybackupability/ # 备份能力
│   │   ├── model/              # 数据类型
│   │   │   └── CategoricalDataType.ets
│   │   ├── pages/              # 页面
│   │   │   ├── animations/     # 动画示例
│   │   │   ├── components/     # 组件示例
│   │   │   ├── globalMethods/  # 全局方法
│   │   │   └── universal/      # 通用属性
│   │   └── utils/              # 工具类
│   │       ├── Logger.ts
│   │       └── ShowToast.ets
│   └── module.json5
├── AppScope/                   # 应用作用域
└── hvigor/                     # 构建配置
```

## 功能模块

### 1. 动画 (Animations)
- 动画效果演示

### 2. 组件 (Components)
- Row/Column 布局示例
- 布局控制面板

### 3. 全局方法 (Global Methods)
- 警告对话框示例

### 4. 通用属性 (Universal Properties)
- 背景属性示例
- 前景属性示例

## 快速开始

### 环境要求

- DevEco Studio 4.0 及以上版本
- HarmonyOS SDK 或 OpenHarmony SDK
- Node.js 18 及以上版本

### 安装配置

1. 克隆项目到本地
2. 使用 DevEco Studio 打开项目
3. 连接真机或模拟器
4. 点击运行按钮进行调试

### 构建运行

```bash
# 安装依赖
npm install

# 构建项目
npm run build

# 调试运行
npm run debug
```

## 页面说明

### 主页面 (Index)
应用入口页面，提供底部导航切换不同功能模块。

### 动画页面
展示 HarmonyOS 中的动画效果实现方式。

### 组件页面
展示 Row 和 Column 等常用布局组件的使用方法。

### 全局方法页面
提供系统对话框等全局可用的方法示例。

### 通用属性页面
展示背景色、前景图等通用属性的配置方法。

## 工具类

### Logger
日志工具类，提供 debug、info、warn、error 级别的日志输出。

### ShowToast
Toast 提示工具，用于显示临时性提示信息。

## 许可证

本项目仅供学习参考使用。