鸿蒙HarmonyOS实战开发：长列表展开收起的使用和多种ArkUI的示例集合

介绍

本示例为ArkUI中组件、通用、动画、全局方法的集合。

效果预览

绑定	通用	动画	全局方法
Button 按钮	onClick 点击事件	元素共享转场	警告弹窗

使用说明：

1. 点击组件、通用、动画、全局方法四个按钮或左右滑动切换不同视图。

2. 点击二级导航（如通用属性、通用事件等），若存在三级导航则展开三级导航（如Border 边框、点击事件等）；若不存在三级导航，则跳转至详情页面。

3. 若存在三级导航（如Border 边框、点击事件等），点击跳转至详情页面。

4. 打开通用视图下拖拽事件界面需先安装DragEvent应用。

工程目录

entry/src/main/ets/
|---component
|   |---AttributeModificationTool.ets                    // 组件
|   |---IntroductionTitle.ets                            // 首页介绍标题组件
|   |---TabContentNavigation.ets                         // 切换组件
|   |---TitleBar.ets                                     // 详情页面标题组件
|---Application
|   |---MyAbilityStage.ts              
|---data
|   |---CollectionCategory.ts                            // 数据分类
|   |---ResourceDataHandle.ts                            // 源数据
|---MainAbility
|   |---MainAbility.ts              
|---model
|   |---CategoricalDataType.ts                           // 数据类型
|---util
|   |---Logger.ts                                        // 打印
|   |---ShowToast.ets                                    // 弹窗                       
|---pages
|   |---Index.ets                                        // 首页
|   |---animations                                       // 动画
|   |   |---AnimationData.ets
|   |   |---animateToSample    
|   |   |   |---AnimateToSample.ets 
|   |   |---animationSample    
|   |   |   |---AnimationSample.ets 
|   |   |---interpolationCalculationSample    
|   |   |   |---InterpolationCalculationSample.ets       // 插值计算
|   |   |---motionPathSample    
|   |   |   |---MotionPathSample.ets                     // 路径动画
|   |   |---TransitionAnimations                         // 转场动画
|   |   |   |---componentTransitionSample                // 组件内转场
|   |   |   |   |---ComponentTransitionSample.ets        
|   |   |   |---floatingSample                           // 悬浮窗
|   |   |   |   |---FloatingWindowComponent.ets          
|   |   |   |   |---FloatingWindowSample.ets                 
|   |   |   |---folderSample                             // 文件夹展开
|   |   |   |   |---Folder.ets                         
|   |   |   |   |---FolderItem.ets                         
|   |   |   |   |---FolderSample.ets                         
|   |   |   |---gallerySample                            // 图库卡片展开
|   |   |   |   |---GalleryCardSample.ets                    
|   |   |   |---layoutAnimationSample                    // 布局动效
|   |   |   |   |---LayoutAnimationSample.ets                
|   |   |   |---multiplexSample                          // 多任务
|   |   |   |   |---MultiplexModel.ets                      
|   |   |   |   |---MultiplexSample.ets                      
|   |   |   |   |---ScrollItem.ets                       
|   |   |   |---pageTransitionSample                     // 页面间转场
|   |   |   |   |---PageTransitionSample.ets                      
|   |   |   |   |---PageTransitionSampleTo.ets                      
|   |   |   |---shareElementTransitionSample             // 共享元素转场
|   |   |   |   |---ShareElementTransitionSample.ets                     
|   |   |   |   |---ShareElementTransitionSampleTo.ets                     
|   |   |   |---shopSample                               // 商店卡片展开
|   |   |   |   |---ShopCardSample.ets                      
|   |   |   |---sideBarTransitionSample                  // 侧边栏动效
|   |   |   |   |---ChangePanel.ets              
|   |   |   |   |---SideBarTransitionSample.ets              
|   |   |   |---sizeTransitionSample                     // 尺寸变换动效
|   |   |   |   |---SizeTransitionSample.ets                 
|   |   |   |---systemIcon                               // 系统图标
|   |   |   |   |---SystemIcon.ets                           
|   |---components                                       
|   |   |---ComponentData.ets
|   |   |---auxiliary                                    // 辅助
|   |   |   |---alphabetIndexerSample
|   |   |   |