• Home
Name Date Size #Lines LOC

..--

figures/12-May-2024-

Editing-with-the-navigation-bar.mdD12-May-202410.7 KiB364343

How-do-you-add-or-delete-tab-tags-in-the-tab-component.mdD12-May-202411.5 KiB284232

Mouse-operation.mdD12-May-20246.8 KiB213197

Multi-level-linkage.mdD12-May-20246.5 KiB204192

Readme-CN.mdD12-May-20244.5 KiB8772

Search-box-and-text-carousel.mdD12-May-20245.9 KiB190170

Use-the-Badge-component-to-display-the-number-of-unread-messages-in-a-chat.mdD12-May-20246.5 KiB225184

adaptive-ui-development.mdD12-May-20248.7 KiB249219

app_quality_improvement_cases_about_crash.mdD12-May-20242.7 KiB8337

app_quality_improvement_cases_about_jserror.mdD12-May-20245.6 KiB187113

book-flip-animation.mdD12-May-20249.1 KiB270238

circle-progress-bar.mdD12-May-20249.1 KiB290255

collapse-and-expand.mdD12-May-202410.1 KiB314275

content-changing-with-pulldown.mdD12-May-20248.9 KiB266255

customize-the-input-box.mdD12-May-20246.5 KiB203193

delete-checkboxgroup-items.mdD12-May-202414.3 KiB358339

different-operations-for-one-component.mdD12-May-20245.5 KiB138122

different-touch-target-event.mdD12-May-20249.2 KiB215200

distributed-canvas.mdD12-May-202415.4 KiB418359

distributed-file.mdD12-May-202418 KiB483432

diverse-dialogues.mdD12-May-202414.3 KiB467435

float-window.mdD12-May-202413.5 KiB397374

griditem-drag-and-drop.mdD12-May-20245.2 KiB191156

horizontal-vertical-switch.mdD12-May-20243.2 KiB10588

how-to-add-delete-listitems.mdD12-May-202410.2 KiB348298

how-to-connect-to-bluetooth.mdD12-May-202415.7 KiB413375

how-to-control-the-pause-of-playback-of-looping-animations.mdD12-May-20243.7 KiB128116

how-to-develop-frame-animation.mdD12-May-20248.6 KiB279257

how-to-develop-spring-animation.mdD12-May-20249.7 KiB281265

how-to-group-contacts-with-alphabet.mdD12-May-202411 KiB339321

how-to-implement-fluid-layout.mdD12-May-20244.9 KiB132122

how-to-load-images-from-internet.mdD12-May-20246.3 KiB194181

how-to-use-opengl-to-draw-3d-graphics.mdD12-May-202428 KiB802650

image-edit.mdD12-May-20247.8 KiB227204

image-format-transfer.mdD12-May-20249.8 KiB225205

immersion-mode.mdD12-May-20247.7 KiB212180

interact-lists.mdD12-May-20249.4 KiB236231

jump-between-UIAbilities.mdD12-May-202447.7 KiB1,039912

keep-screen-on.mdD12-May-20243.5 KiB12396

list-pullup-loading-data.mdD12-May-202411 KiB330274

listitem-slide-to-display-menu.mdD12-May-20243.8 KiB127107

multi-device-app-dev.mdD12-May-202415.8 KiB343301

navigation-drawer.mdD12-May-20245.3 KiB160142

observed-and-objectlink.mdD12-May-20247 KiB240200

operation-regulations.mdD12-May-20241.1 KiB3619

overall-and-part-refresh.mdD12-May-202416.4 KiB500470

photo-pixelmap-transfer.mdD12-May-20246.9 KiB175158

pixel-format-transfer.mdD12-May-202432.8 KiB814719

preferences-data-process.mdD12-May-202413.2 KiB352318

property-animation.mdD12-May-202417.5 KiB516456

realization-of-collapsible-title-effect.mdD12-May-20248.9 KiB266255

relative-position.mdD12-May-20244.9 KiB12387

set-volume-brightness-through-gesture.mdD12-May-20248.6 KiB252236

subwindow-mainwindow-communication.mdD12-May-202415.8 KiB415385

take-picture-and-preview.mdD12-May-202410.5 KiB258214

time-styles-shift.mdD12-May-202411.2 KiB354339

transition-animation.mdD12-May-202431.3 KiB960820

water-wave-animation.mdD12-May-202410.5 KiB302275

wlan-search-connect-disconnect.mdD12-May-202416.8 KiB449412

Readme-CN.md

1## 案例介绍
2
3本目录为社区开发者提供OpenHarmony开发典型案例,包括应用开发案例和设备开发案例,主要面向开发者在开发过程中经常使用的功能及其开发场景,提供对应的经验总结、指导教程等。
4
5关于案例的引用规范和声明,请参考[案例库说明](operation-regulations.md)。
6
7## 案例目录
8
9### ArkUI
10- [如何按字母分组展示联系人](how-to-group-contacts-with-alphabet.md)
11- [如何实现列表项的新增和删除](how-to-add-delete-listitems.md)
12- [如何通过显示动画实现书籍翻页动效](book-flip-animation.md)
13- [如何为同一组件在不同场景下绑定不同的业务逻辑](different-operations-for-one-component.md)
14- [如何实现列表项滑动显示快捷菜单](listitem-slide-to-display-menu.md)
15- [如何在网格组件中通过拖拽交换子组件的位置](griditem-drag-and-drop.md)
16- [如何实现逐帧动画](how-to-develop-frame-animation.md)
17- [如何实现抽屉式导航](navigation-drawer.md)
18- [如何实现内容下拉变化](content-changing-with-pulldown.md)
19- [如何实现圆形进度条](circle-progress-bar.md)
20- [如何实现列表的二级联动](interact-lists.md)
21- [时钟开发示例](time-styles-shift.md)
22- [弹簧动画开发](how-to-develop-spring-animation.md)
23- [水波纹动画开发](water-wave-animation.md)
24- [属性动画示例](property-animation.md)
25- [如何使用OpenGL实现3D图形](how-to-use-opengl-to-draw-3d-graphics.md)
26- [常见弹窗的使用](diverse-dialogues.md)
27- [折叠展开动效](collapse-and-expand.md)
28- [列表上拉加载更多内容](list-pullup-loading-data.md)
29- [如何删除多选框选项](delete-checkboxgroup-items.md)
30- [像素单位转换](pixel-format-transfer.md)
31- [如何在UIAbility间进行跳转](jump-between-UIAbilities.md)
32- [转场动画](transition-animation.md)
33- [如何为组件的不同触摸区域添加不同交互动作](different-touch-target-event.md)
34- [组件布局中相对定位的分类和使用](relative-position.md)
35- [导航栏的使用编辑](Editing-with-the-navigation-bar.md)
36- [如何通过上下滑动实现亮度和音量调节](set-volume-brightness-through-gesture.md)
37- [搜索框与文字轮播的巧用](Search-box-and-text-carousel.md)
38- [如何控制循环动画的播放停止](how-to-control-the-pause-of-playback-of-looping-animations.md)
39- [自定义输入框](customize-the-input-box.md)
40- [如何实现内容的下拉变化](realization-of-collapsible-title-effect.md)
41- [Tab组件如何让实现增删Tab页签](How-do-you-add-or-delete-tab-tags-in-the-tab-component.md)
42- [使用Badge组件完成聊天未读消息数量显示功能](Use-the-Badge-component-to-display-the-number-of-unread-messages-in-a-chat.md)
43- [如何实现流式布局](how-to-implement-fluid-layout.md)
44- [列表的多级联动](Multi-level-linkage.md)
45- [如何自定义鼠标悬停/点击组件的背景颜色](Mouse-operation.md)
46
47### 装饰器
48- [控制页面刷新范围](overall-and-part-refresh.md)
49- [如何监听多层状态变化](observed-and-objectlink.md)
50
51### 网络管理
52- [如何请求并加载网络图片](how-to-load-images-from-internet.md)
53
54### 文件管理
55- [获取用户图库中的图片并显示在Image组件中](photo-pixelmap-transfer.md)
56
57### 窗口管理
58- [如何实现沉浸模式](immersion-mode.md)
59- [如何创建悬浮窗](float-window.md)
60- [保持屏幕常亮](keep-screen-on.md)
61- [如何创建子窗口并与主窗口通信](subwindow-mainwindow-communication.md)
62- [如何实现横竖屏切换](horizontal-vertical-switch.md)
63
64### 数据管理
65- [用户首选项的基本使用](preferences-data-process.md)
66
67### 通信与连接
68- [如何实现WLAN网络扫描、连接、断开](wlan-search-connect-disconnect.md)
69- [如何实现蓝牙扫描、连接、断开](how-to-connect-to-bluetooth.md)
70
71### 媒体
72- [常见图片编辑](image-edit.md)
73- [图片格式转换](image-format-transfer.md)
74- [如何调用设备摄像头进行拍照、预览并将拍摄结果保存在媒体库中](take-picture-and-preview.md)
75
76### 一次开发,多端部署
77- [Navigation如何实现多场景UI适配](multi-device-app-dev.md)
78- [如何用GridRow和GridCol组件开发自适应布局](adaptive-ui-development.md)
79
80### 分布式能力应用
81- [如何实现文件分布式同步编辑](distributed-file.md)
82- [如何实现分布式画布](distributed-canvas.md)
83
84### 问题分析案例
85- [稳定性测试常见JS_ERROR问题分析与定位](app_quality_improvement_cases_about_jserror.md)
86- [应用Crash闪退问题分析](app_quality_improvement_cases_about_crash.md)
87