# OxHornCampus

**Repository Path**: Java-zhouxin/OxHornCampus

## Basic Information

- **Project Name**: OxHornCampus
- **Description**: 	
基于ArkUI实现的一款呈现溪村小镇园区风貌的应用，主要用于展示HarmonyOS多样的UI特性和丰富的动画效果。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 13
- **Created**: 2025-03-06
- **Last Updated**: 2025-03-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 溪村小镇

### 简介

本篇Codelab基于ArkUI实现了一个展示溪村小镇的应用，主要用于呈现ArkUI的基本能力和动画效果，效果图如下：

![](screenshots/device/example.gif)

### 相关概念

- Tabs组件：通过页签进行内容视图切换的容器组件，每个页签对应一个内容视图。
- List组件：列表包含一系列相同宽度的列表项，包含子组件ListItem。
- 点击手势：支持单击、双击和多次点击事件的识别。
- 拖动手势：用于触发拖动手势事件，滑动的最小距离为5vp时拖动手势识别成功。
- 捏合手势：用于触发捏合手势事件，触发捏合手势的最少手指为2指，最大为5指，最小识别距离为5vp。
- 属性动画：组件的某些通用属性变化时，可以通过属性动画实现渐变过渡效果，提升用户体验。
- 自定义弹窗：通过CustomDialogController类显示自定义弹窗。使用弹窗组件时，可优先考虑自定义弹窗，便于自定义弹窗的样式与内容。
- Canvas画布：用于自定义绘制图形。

### 相关权限

不涉及

### 使用说明

1. 打开应用时进入启动页，启动页轮播展示溪村小镇风景图，之后进入应用首页。
2. 在首页的“地图浏览”标签页，可以拖动和缩放查看地图，并查找相应地标建筑。
3. 在首页的“区域导览”标签页，可以上下滑动查看溪村小镇不同区域的卡片，点击卡片可以进入对应的区域详情页并查看区域的详细介绍和高清建筑风景图。
4. 在首页的“小火车”标签页，可以查看溪村小火车的运行路线图。

### 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。
2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。
3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。
4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。