## 案例介绍

本目录为社区开发者提供OpenHarmony开发典型案例，包括应用开发案例和设备开发案例，主要面向开发者在开发过程中经常使用的功能及其开发场景，提供对应的经验总结、指导教程等。

关于案例的引用规范和声明，请参考[案例库说明](operation-regulations.md)。

## 案例目录

### ArkUI
- [如何按字母分组展示联系人](how-to-group-contacts-with-alphabet.md)
- [如何实现列表项的新增和删除](how-to-add-delete-listitems.md)
- [如何通过显示动画实现书籍翻页动效](book-flip-animation.md)
- [如何为同一组件在不同场景下绑定不同的业务逻辑](different-operations-for-one-component.md)
- [如何实现列表项滑动显示快捷菜单](listitem-slide-to-display-menu.md)
- [如何在网格组件中通过拖拽交换子组件的位置](griditem-drag-and-drop.md)
- [如何实现逐帧动画](how-to-develop-frame-animation.md)
- [如何实现抽屉式导航](navigation-drawer.md)
- [如何实现内容下拉变化](content-changing-with-pulldown.md)
- [如何实现圆形进度条](circle-progress-bar.md)
- [如何实现列表的二级联动](interact-lists.md)
- [时钟开发示例](time-styles-shift.md)
- [弹簧动画开发](how-to-develop-spring-animation.md)
- [水波纹动画开发](water-wave-animation.md)
- [属性动画示例](property-animation.md)
- [如何使用OpenGL实现3D图形](how-to-use-opengl-to-draw-3d-graphics.md)
- [常见弹窗的使用](diverse-dialogues.md)
- [折叠展开动效](collapse-and-expand.md)
- [列表上拉加载更多内容](list-pullup-loading-data.md)
- [如何删除多选框选项](delete-checkboxgroup-items.md)
- [像素单位转换](pixel-format-transfer.md)
- [如何在UIAbility间进行跳转](jump-between-UIAbilities.md)
- [转场动画](transition-animation.md)
- [如何为组件的不同触摸区域添加不同交互动作](different-touch-target-event.md)
- [组件布局中相对定位的分类和使用](relative-position.md)
- [导航栏的使用编辑](Editing-with-the-navigation-bar.md)
- [如何通过上下滑动实现亮度和音量调节](set-volume-brightness-through-gesture.md)
- [搜索框与文字轮播的巧用](Search-box-and-text-carousel.md)
- [如何控制循环动画的播放停止](how-to-control-the-pause-of-playback-of-looping-animations.md)
- [自定义输入框](customize-the-input-box.md)
- [如何实现内容的下拉变化](realization-of-collapsible-title-effect.md)
- [Tab组件如何让实现增删Tab页签](How-do-you-add-or-delete-tab-tags-in-the-tab-component.md)
- [使用Badge组件完成聊天未读消息数量显示功能](Use-the-Badge-component-to-display-the-number-of-unread-messages-in-a-chat.md)
- [如何实现流式布局](how-to-implement-fluid-layout.md)
- [列表的多级联动](Multi-level-linkage.md)
- [如何自定义鼠标悬停/点击组件的背景颜色](Mouse-operation.md)
- [左右翻页](turn-the-page-left-and-right.md)
- [实现组件被点击后样式的动态变化](component-pressed-UI-dynamic-change.md)

### 装饰器
- [控制页面刷新范围](overall-and-part-refresh.md)
- [如何监听多层状态变化](observed-and-objectlink.md)

### 网络管理
- [如何请求并加载网络图片](how-to-load-images-from-internet.md)

### 文件管理
- [获取用户图库中的图片并显示在Image组件中](photo-pixelmap-transfer.md)

### 窗口管理
- [如何实现沉浸模式](immersion-mode.md)
- [如何创建悬浮窗](float-window.md)
- [保持屏幕常亮](keep-screen-on.md)
- [如何创建子窗口并与主窗口通信](subwindow-mainwindow-communication.md)
- [如何实现横竖屏切换](horizontal-vertical-switch.md)

### 数据管理
- [用户首选项的基本使用](preferences-data-process.md)

### 通信与连接
- [如何实现WLAN网络扫描、连接、断开](wlan-search-connect-disconnect.md)
- [如何实现蓝牙扫描、连接、断开](how-to-connect-to-bluetooth.md)

### 媒体
- [常见图片编辑](image-edit.md)
- [图片格式转换](image-format-transfer.md)
- [如何调用设备摄像头进行拍照、预览并将拍摄结果保存在媒体库中](take-picture-and-preview.md)

### 一次开发，多端部署
- [Navigation如何实现多场景UI适配](multi-device-app-dev.md)
- [如何用GridRow和GridCol组件开发自适应布局](adaptive-ui-development.md)

### 分布式能力应用
- [如何实现文件分布式同步编辑](distributed-file.md)
- [如何实现分布式画布](distributed-canvas.md)

### 问题分析案例
- [稳定性测试常见JS_ERROR问题分析与定位](app_quality_improvement_cases_about_jserror.md)
- [应用Crash闪退问题分析](app_quality_improvement_cases_about_crash.md)