【鸿蒙开发示例代码】组件集合

示例代码合集地址：

HarmonyOS示例代码-鸿蒙系统示例代码-华为开发者联盟 (huawei.com)

代码工程地址：

ComponentCollection: 本示例为ArkUI中组件、通用、动画、全局方法的集合。 (gitee.com)

组件集合

介绍

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

效果预览

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

使用说明：

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

2.点击导航（如onClick点击事件、触摸事件等），跳转至详情页面。

工程目录

├──entry/src/main/ets                                  // 代码区
│  ├──application
│  │  └──MyAbilityStage.ets      
│  ├──common
│  │  ├──AttributeModificationTool.ets                 // 组件
│  │  ├──IntroductionTitle.ets                         // 首页介绍标题组件
│  │  ├──TabContentNavigation.ets                      // 切换组件
│  │  └──TitleBar.ets                                  // 详情页面标题组件
│  ├──data
│  │  ├──CollectionCategory.ets                        // 数据分类
│  │  └──ResourceDataHandle.ets                        // 源数据
│  ├──entryability
│  │  └──EntryAbility.ets              
│  ├──model
│  │  └──CategoricalDataType.ets                       // 数据类型                   
│  ├──pages
│  │  ├──animations                                    // 动画
│  │  │  ├──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                    // 页面间转场
│  │  │  │  │  ├──PageTran