# ElectronicAlbum

**Repository Path**: harmonyos_codelabs/ElectronicAlbum

## Basic Information

- **Project Name**: ElectronicAlbum
- **Description**: 基于ArkTS实现一个电子相册的案例，通过捏合和拖拽手势控制图片的放大、缩小、左右拖动查看细节等效果。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 7
- **Created**: 2024-06-15
- **Last Updated**: 2026-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Electronic Album

### Introduction

Learn how to implement an electronic album based on ArkTS. You can use pinch and drag gestures to zoom in or out an image, and drag an image to view details.

![](screenshots/device/album.en.gif)

### Concepts

- Swiper: a component that is used to display child components in carousel mode.
- Grid: a component that consists of cells formed by rows and columns. You can specify the cells where items are located to form various layouts.
- Navigation: a component that typically functions as the root container of a page and displays the page title, toolbar, and menu based on the attribute settings.
- List: a component that provides a series of list items with the same width. It supports presentations of the same type of data in a multiple and coherent row style, for example, images or text.
- Gesture group: combines a group of gestures, supporting sequential, parallel, and exclusive recognition.

### Permissions

N/A

### How to Use

1. Use the pinch gesture to zoom in or zoom out an image.
2. Use the swipe gesture to switch between the left and right images.
3. Use the drag gesture to view details of an enlarged image.

### Constraints

1. The sample is only supported on Huawei phones with standard systems.
2. HarmonyOS: HarmonyOS 5.0.5 Release or later.
3. DevEco Studio: DevEco Studio 6.0.2 Release or later.
4. HarmonyOS SDK: HarmonyOS 6.0.2 Release SDK or later.