• OpenHarmony应用开发—ArkUI组件集合

    介绍

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

    效果预览

    使用说明：

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

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

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

    工程目录

    1. entry/src/main/ets/
    2. |---component
    3. |   |---AttributeModificationTool.ets                    // 组件
    4. |   |---IntroductionTitle.ets                            // 首页介绍标题组件
    5. |   |---TabContentNavigation.ets                         // 切换组件
    6. |   |---TitleBar.ets                                     // 详情页面标题组件
    7. |---Application
    8. |   |---MyAbilityStage.ts              
    9. |---data
    10. |   |---CollectionCategory.ts                            // 数据分类
    11. |   |---ResourceDataHandle.ts                            // 源数据
    12. |---MainAbility
    13. |   |---MainAbility.ts              
    14. |---model
    15. |   |---CategoricalDataType.ts                           // 数据类型
    16. |---util
    17. |   |---Logger.ts                                        // 打印
    18. |   |---ShowToast.ets                                    // 弹窗                       
    19. |---pages
    20. |   |---Index.ets                                        // 首页
    21. |   |---animations                                       // 动画
    22. |   |   |---AnimationData.ets
    23. |   |   |---interpolationCalculationSample    
    24. |   |   |   |---InterpolationCalculationSample.ets       // 插值计算
    25. |   |   |---pageTransitionSample
    26. |   |   |   |---PageTransitionSample.ets                 // 页面间转场
    27. |   |   |   |---PageTransitionSampleTo.ets      
    28. |   |   |---shareElementTransitionSample
    29. |   |   |   |---ShareElementTransitionSample.ets         // 共享元素转场
    30. |   |   |   |---ShareElementTransitionSampleTo.ets
    31. |   |   |---floatingSample
    32. |   |   |   |---FloatingWindowSample.ets                 // 悬浮窗
    33. |   |   |---folderSample
    34. |   |   |   |---FolderSample.ets                         // 文件夹展开
    35. |   |   |---systemIcon
    36. |   |   |   |---SystemIcon.ets                           // 系统图标
    37. |   |   |---gallerySample
    38. |   |   |   |---GalleryCardSample.ets                    // 图库卡片展开
    39. |   |   |---multiplexSample
    40. |   |   |   |---MultiplexSample.ets                      // 多任务
    41. |   |   |---shopSample
    42. |   |   |   |---ShopCardSample.ets                       // 商店卡片展开
    43. |   |   |---layoutAnimationSample
    44. |   |   |   |---LayoutAnimationSample.ets                // 布局动效
    45. |   |   |---sideBarTransitionSample
    46. |   |   |   |---SideBarTransitionSample.ets              // 侧边栏动效
    47. |   |   |---sizeTransitionSample
    48. |   |   |   |---SizeTransitionSample.ets                 // 尺寸变换动效
    49. |   |---components                                       // 详情页面
    50. |   |   |---ComponentData.ets
    51. |   |   |---auxiliary         // 辅助
    52. |   |   |   |---alphabetIndexerSample
    53. |   |   |   |   |---AlphabetIndexerSample.ets            // 字母索引条
    54. |   |   |   |---badgeSample
    55. |   |   |   |   |---BadgeSample.ets                      // 标记
    56. |   |   |   |---panelSample
    57. |   |   |   |   |---PanelSample.ets                      // 弹出面板
    58. |   |   |   |---refreshSample
    59. |   |   |   |   |---RefreshSample.ets                    // 下拉刷新
    60. |   |   |   |---scrollbarSample 
    61. |   |   |   |   |---ScrollBarSample.ets                  // 滚动条
    62. |   |   |---blankAndDivider                              // 空白与分分隔
    63. |   |   |   |---dividerSample
    64. |   |   |   |   |---ChangePanel.ets
    65. |   |   |   |   |---DividerSample.ets
    66. |   |   |---buttonAndSelection                           // 按钮与选择
    67. |   |   |   |---buttonSample
    68. |   |   |   |   |---ButtonSample.ets                     // 按钮
    69. |   |   |   |---checkboxSample
    70. |   |   |   |   |---CheckboxSample.ets                   // 勾选框
    71. |   |   |   |---counterSample
    72. |   |   |   |   |---CounterSample.ets                    // 计数器
    73. |   |   |   |---datePickerSample
    74. |   |   |   |   |---DatePickerSample.ets                 // 日期选择器
    75. |   |   |   |---radioSample
    76. |   |   |   |   |---RadioSample.ets                      // 单选按钮
    77. |   |   |   |---ratingSample
    78. |   |   |   |   |---RatingSample.ets                     // 评分条
    79. |   |   |   |---selectSample
    80. |   |   |   |   |---SelectSample.ets                     // 选择菜单
    81. |   |   |   |---sliderSample
    82. |   |   |   |   |---ChangePanel.ets
    83. |   |   |   |   |---SliderSample.ets                     // 滑动条
    84. |   |   |   |---textPickerSample 
    85. |   |   |   |   |---TextPickerSample.ets                 // 文本选择器
    86. |   |   |   |---timePickerSample
    87. |   |   |   |   |---TimePickerSample.ets                 // 时间选择器
    88. |   |   |   |---toggleSample
    89. |   |   |   |   |---ToggleSample.ets                     // 切换按钮
    90. |   |   |---canvasAndGraphicDrawing                      // 画布与图形绘制
    91. |   |   |   |---canvasSample
    92. |   |   |   |   |---CanvasSample.ets                     // 画布
    93. |   |   |   |---circleSample
    94. |   |   |   |   |---ChangePanel.ets
    95. |   |   |   |   |---CircleSample.ets                     // 圆形
    96. |   |   |   |---ellipseSample
    97. |   |   |   |   |---ChangePanel.ets
    98. |   |   |   |   |---EllipseSample.ets					 // 椭圆
    99. |   |   |   |---lineSample
    100. |   |   |   |   |---ChangePanel.ets
    101. |   |   |   |   |---LineSample.ets                       // 直线
    102. |   |   |   |---pathSample
    103. |   |   |   |   |---ChangePanel.ets
    104. |   |   |   |   |---PathSample.ets                       // 路径
    105. |   |   |   |---polygonSample
    106. |   |   |   |   |---ChangePanel.ets
    107. |   |   |   |   |---PolygonSample.ets                    // 多边形
    108. |   |   |   |---polylineSample
    109. |   |   |   |   |---ChangePanel.ets
    110. |   |   |   |   |---PolylineSample.ets                   // 折线
    111. |   |   |   |---rectSample
    112. |   |   |   |   |---ChangePanel.ets
    113. |   |   |   |   |---RectSample.ets                       // 矩形
    114. |   |   |   |---shapeSample
    115. |   |   |   |   |---ShapeSample.ets                      // 指定图形
    116. |   |   |---imageVideoAndMedia
    117. |   |   |   |---imageAnimatorSample
    118. |   |   |   |   |---ImageAnimatorSample.ets              // 逐帧播放图片
    119. |   |   |   |---imageSample
    120. |   |   |   |   |---ImageControlPanel.ets
    121. |   |   |   |   |---ImageSample.ets                      // 图片
    122. |   |   |   |---pluginComponentSample
    123. |   |   |   |   |---PluginComponentSample.ets			 // 嵌入式显示
    124. |   |   |   |---videoSample
    125. |   |   |   |   |---VideoControlPanel.ets
    126. |   |   |   |   |---VideoSample.ets                      // 视频
    127. |   |   |   |---xcomponentSample
    128. |   |   |   |   |---XComponentSample.ets                 // 绘制组件
    129. |   |   |---canvas
    130. |   |   |   |---attributesSample
    131. |   |   |   |   |---AttributesSample.ets                 // 属性
    132. |   |   |   |---gradientSample
    133. |   |   |   |   |---GradientSample.ets                   // 渐变对象
    134. |   |   |   |---image_bitmapSample
    135. |   |   |   |   |---Image_bitmapSample.ets               // 位图对象
    136. |   |   |   |---methodsSample
    137. |   |   |   |   |---MethodsSample.ets                    // 方法
    138. |   |   |   |---path2dSample
    139. |   |   |   |   |---Path2dSample.ets                     // 路径对象
    140. |   |   |   |---shadowsSample
    141. |   |   |   |   |---ShadowsSample.ets                    // 阴影
    142. |   |   |   |---transformSample
    143. |   |   |   |   |---TransformSample.ets                  // 转换
    144. |   |   |---informationPresentationAndDynamicEffects
    145. |   |   |   |---dataPanelSample
    146. |   |   |   |   |---DataPanelSample.ets                  // 数据面板
    147. |   |   |   |---gaugeSample
    148. |   |   |   |   |---GaugeSample.ets                      // 仪表盘
    149. |   |   |   |---loadingProgressSample
    150. |   |   |   |   |---LoadingProgressSample.ets
    151. |   |   |   |---listSample                               // 列表
    152. |   |   |   |   |---ListSample.ets
    153. |   |   |   |---marqueeSample
    154. |   |   |   |   |---MarqueeSample.ets                    // 跑马灯
    155. |   |   |   |---radioSample
    156. |   |   |   |   |---RadioSample.ets                      // 单选
    157. |   |   |   |---progressSample
    158. |   |   |   |   |---ProgressSample.ets                   // 进度条
    159. |   |   |   |---qrCodeSample
    160. |   |   |   |   |---QRCodeSample.ets                     // 二维码
    161. |   |   |   |---textclockSample
    162. |   |   |   |   |---TextClockSample.ets                  // 文字时钟
    163. |   |   |   |---textTimerSample
    164. |   |   |   |   |---TextTimerSample.ets                  // 文字计时器
    165. |   |   |---listAndGrid
    166. |   |   |   |---gridItemSample
    167. |   |   |   |   |---GridItemControlPanel.ets
    168. |   |   |   |   |---GridItemSample.ets                   // 网格容器子组件
    169. |   |   |   |---gridSample
    170. |   |   |   |   |---GridControlPanel.ets
    171. |   |   |   |   |---GridSample.ets                       // 网格容器
    172. |   |   |   |---listItemSample
    173. |   |   |   |   |---ListItemSample.ets                   // 列表容器子组件
    174. |   |   |   |---listSample
    175. |   |   |   |   |---ListControlPanel.ets
    176. |   |   |   |   |---ListSample.ets                       // 列表容器
    177. |   |   |---navigation
    178. |   |   |   |---navigationSample
    179. |   |   |   |   |---NavigationSample.ets                 // 导航
    180. |   |   |   |   |---NavigationSecondPage.ets
    181. |   |   |   |   |---NavigationThirdPage.ets
    182. |   |   |   |---navRouterSample
    183. |   |   |   |   |---NavRouterSample.ets                  // 导航
    184. |   |   |   |---stepperAndStepperItemSample
    185. |   |   |   |   |---StepperAndStepperItemSample.ets      // 步骤导航器
    186. |   |   |   |---tabContentSample
    187. |   |   |   |   |---TabContentSample.ets                 // 页签子组件
    188. |   |   |   |---tabSample
    189. |   |   |   |   |---TabControlPanel.ets
    190. |   |   |   |   |---TabSample.ets                        // 页签
    191. |   |   |---rowsAndColumns
    192. |   |   |   |---columnSample
    193. |   |   |   |   |---ColumnControlPanel.ets
    194. |   |   |   |   |---ColumnSample.ets                     // 列容器
    195. |   |   |   |---columnSplitSample
    196. |   |   |   |   |---ColumnSplitSample.ets                // 列分割容器
    197. |   |   |   |---rowSample
    198. |   |   |   |   |---RowControlPanel.ets
    199. |   |   |   |   |---RowSample.ets                        // 行容器
    200. |   |   |   |---rowSplitSample
    201. |   |   |   |   |---RowSplitSample.ets                   // 行分割容器
    202. |   |   |   |---sideBarContainerSample
    203. |   |   |   |   |---SideBarContainerControlPanel.ets
    204. |   |   |   |   |---SideBarContainerSample.ets           // 侧边栏
    205. |   |   |---scrollAndSwipe
    206. |   |   |   |---scrollSample
    207. |   |   |   |   |---ScrollSample.ets                     // 滚动
    208. |   |   |   |---swiperSample
    209. |   |   |   |   |---SwiperControlPanel.ets
    210. |   |   |   |   |---SwiperSample.ets                     // 轮播
    211. |   |   |---stackFlexAndGrid
    212. |   |   |   |---flexSample                               
    213. |   |   |   |   |---FlexControlPanel.ets
    214. |   |   |   |   |---FlexSample.ets                       // 弹性布局
    215. |   |   |   |---gridContainerSample
    216. |   |   |   |   |---GridContainerControlPanel.ets
    217. |   |   |   |   |---GridContainerSample.ets              // 栅格系统
    218. |   |   |   |---stackSample
    219. |   |   |   |   |---StackControlPanel.ets
    220. |   |   |   |   |---StackSample.ets                      // 层叠布局
    221. |   |   |---textAndInput
    222. |   |   |   |---patternLockSample
    223. |   |   |   |   |---ChangePanel.ets
    224. |   |   |   |   |---PattternLockSample.ets               // 密码锁
    225. |   |   |   |---searchSample
    226. |   |   |   |   |---ChangePanel.ets
    227. |   |   |   |   |---SearchSample.ets                     // 搜索栏
    228. |   |   |   |---imageSpanSample
    229. |   |   |   |   |---ChangePanel.ets
    230. |   |   |   |   |---imageSpanSample.ets                  // 行内图像
    231. |   |   |   |---textAreaSample
    232. |   |   |   |   |---ChangePanel.ets
    233. |   |   |   |   |---TextAreaSample.ets                   // 文本域
    234. |   |   |   |---richTextSample
    235. |   |   |   |   |---RichTextSample.ets                   // 富文本
    236. |   |   |   |---spanSample
    237. |   |   |   |   |---ChangePanel.ets
    238. |   |   |   |   |---SpanSample.ets                       // 行内文本
    239. |   |   |   |---textInputSample
    240. |   |   |   |   |---TextInputSample.ets                  // 文本输入
    241. |   |   |   |---textSample
    242. |   |   |   |   |---ChangePanel.ets
    243. |   |   |   |   |---TextSample.ets                       // 文本
    244. |   |   |---web
    245. |   |   |   |---webSample
    246. |   |   |   |   |---WebSample.ets                        // 网页
    247. |   |---globalMethods                                    // 详情页面
    248. |   |   |---GlobalMethodData.ets
    249. |   |   |---dialogs
    250. |   |   |   |---alertDialogSample
    251. |   |   |   |   |---AlertDialogSample.ets                // 警告弹窗
    252. |   |   |   |---customDialogSample
    253. |   |   |   |   |---CustomDialog.ets
    254. |   |   |   |   |---CustomDialogSample.ets               // 自定义弹窗
    255. |   |   |   |---dateDialogSample
    256. |   |   |   |   |---DateDialogSample.ets                 // 日期选择弹窗
    257. |   |   |   |---timeDialogSample
    258. |   |   |   |   |---TimeDialogSample.ets                 // 时间选择弹窗
    259. |   |   |   |---actionSheetDialogSample
    260. |   |   |   |   |---ActionSheetDialogSample.ets          // 列表选择弹窗
    261. |   |   |   |---textPickerDialogSample
    262. |   |   |   |   |---TextPickerDialogSample.ets           // 文本滑动选择器弹窗
    263. |   |   |   |---menuSample
    264. |   |   |   |   |---MenuSample.ets                       // 菜单
    265. |   |---universal                                        // 详情页面
    266. |   |   |---UniversialData.ets
    267. |   |   |---events
    268. |   |   |   |---areaChangeEventSample
    269. |   |   |   |   |---AreaChangeEventSample.ets            // 组件区域变化事件
    270. |   |   |   |---clickEventSample
    271. |   |   |   |   |---ClickEventSample.ets                 // 点击事件
    272. |   |   |   |---dragEventSample
    273. |   |   |   |   |---component                            // 组件拖拽
    274. |   |   |   |   |   |---FormComponentDrag.ets
    275. |   |   |   |   |   |---GridItemDrag.ets
    276. |   |   |   |   |   |---HyperlinkDrag.ets
    277. |   |   |   |   |   |---ImageDrag.ets
    278. |   |   |   |   |   |---ListItemDrag.ets
    279. |   |   |   |   |   |---TextDrag.ets
    280. |   |   |   |   |   |---VideoDrag.ets
    281. |   |   |   |   |---DragEventSample.ets                  // 拖拽事件
    282. |   |   |   |---focusEventSample
    283. |   |   |   |   |---FocusEventSample.ets                 // 焦点事件
    284. |   |   |   |---keyPressEventSample
    285. |   |   |   |   |---KeyPressEventSample.ets              // 按压事件
    286. |   |   |   |---mountUnmountEventSample
    287. |   |   |   |   |---MountUnmountEventSample.ets          // 挂载卸载事件
    288. |   |   |   |---mouseEventSample
    289. |   |   |   |   |---MouseEventSample.ets                 // 鼠标事件
    290. |   |   |   |---scrollEventSample
    291. |   |   |   |   |---ScrollEventSample.ets                // 滚动事件
    292. |   |   |   |---touchEventSample
    293. |   |   |   |   |---TouchEventSample.ets                 // 触摸事件
    294. |   |   |---gesture
    295. |   |   |   |---bindGestureSample 
    296. |   |   |   |   |---BindGestureSample.ets                // 绑定手势方法
    297. |   |   |   |---combinedSample
    298. |   |   |   |   |---CombinedSample.ets                   // 组合手势
    299. |   |   |   |---longPressSample
    300. |   |   |   |   |---LongPressSample.ets                  // 长按手势
    301. |   |   |   |---panSample
    302. |   |   |   |   |---PanSample.ets                        // 拖动手势
    303. |   |   |   |---pinchSample
    304. |   |   |   |   |---PinchSample.ets                      // 捏合手势
    305. |   |   |   |---rotationSample
    306. |   |   |   |   |---RotationSample.ets                   // 旋转手势
    307. |   |   |   |---swipeSample
    308. |   |   |   |   |---SwipeSample.ets                      // 滑动手势
    309. |   |   |   |---tapGestureSample
    310. |   |   |   |   |---TapGestureSample.ets                 // Tap手势
    311. |   |   |---properties
    312. |   |   |   |---foregroundSample
    313. |   |   |   |   |---ForegroundSample.ets                 // 前景
    314. |   |   |   |---backgroundSample
    315. |   |   |   |   |---BackgroundSample.ets                 // 背景
    316. |   |   |   |---borderSample
    317. |   |   |   |   |---BorderSample.ets                     // 边框
    318. |   |   |   |---componentBlurredSample
    319. |   |   |   |   |---ComponentBlurredSample.ets           // 分布式迁移标识
    320. |   |   |   |---componentIDSample
    321. |   |   |   |   |---ComponentIDSample.ets                // 组件标识
    322. |   |   |   |---displaySample
    323. |   |   |   |   |---DisplaySample.ets                    // 显示
    324. |   |   |   |---effectsSample
    325. |   |   |   |   |---EffectsSample.ets                    // 互动
    326. |   |   |   |---flexSample
    327. |   |   |   |   |---FlexSample.ets                       // flex布局
    328. |   |   |   |---focusControlSample
    329. |   |   |   |   |---FocusControlSample.ets               // 焦点控制
    330. |   |   |   |---fontSample
    331. |   |   |   |   |---FontSample.ets                       // 字体
    332. |   |   |   |---gridSettingsSample
    333. |   |   |   |   |---GridSettingsSample.ets               // 栅格设置
    334. |   |   |   |---interactionSample
    335. |   |   |   |   |---InteractionSample.ets                // 图像效果
    336. |   |   |   |---layoutConstraintSample
    337. |   |   |   |   |---LayoutConstraintSample.ets           // 布局约束
    338. |   |   |   |---locationSample
    339. |   |   |   |   |---LocationSample.ets                   // 位置设置
    340. |   |   |   |---pictureBorderSample
    341. |   |   |   |   |---PictureBorderSample.ets              // 图片边框设置
    342. |   |   |   |---restoreIdSample
    343. |   |   |   |   |---RestoreIdSample.ets                  // 分布式迁移标识
    344. |   |   |   |---rotateSample
    345. |   |   |   |   |---RotateSample.ets                     // 旋转
    346. |   |   |   |---scaleSample
    347. |   |   |   |   |---ScaleSample.ets                      // 缩放
    348. |   |   |   |---shapeCropSample
    349. |   |   |   |   |---ShapeCropSample.ets                  // 形状裁剪
    350. |   |   |   |---safeAreaSample
    351. |   |   |   |   |---SafeAreaSample.ets                   // 安全区域
    352. |   |   |   |---sizeSample
    353. |   |   |   |   |---SizeSample.ets                       // 尺寸
    354. |   |   |   |---transformSample
    355. |   |   |   |   |---TransformSample.ets                  // 变换矩阵
    356. |   |   |   |---translateSample
    357. |   |   |   |   |---TranslateSample.ets                  // 图像变换

    具体实现

    本示例使用 Tabs容器组件 搭建整体应用框架，每个 TabContent内容视图 使用 List容器组件 布局，在每个 ListItem 中使用 循环渲染 加载此分类下分类导航数据，底部导航菜单使用 TabContent中tabBar属性 设置自定义样式 。

    • 将组件库分成四大类，切换查看
      • 组件模块：
        • 空白与分隔
          • 封装自定义组件：CommonItemSlider，CommonItemSelect，CommonItemColorSelect
          • 接口参考：@ohos.app.ability.common
        • 按钮与选择
          • 使用全局组件ShowToast,TitleBar,IntroductionTitle实现按钮，时间选择器，单选按钮，选择菜单，滑动条，切换按钮，勾选框，文本选择器，时间选择器，计数器，评分条组件功能
          • 使用getStringArrayData，getStringData获取数据ResourceDataHandle.ets
        • 滚动与滑动
          • 使用全局组件TitleBar实现滚动，翻页组件功能
        • 信息展示与功效
          • 使用全局组件TitleBar，AttributeModificationTool实现二维码，进度条，跑马灯，文字计时器，文字时钟，仪表盘，数据面板组件功能
          • 使用getStringArrayData，getStringData获取数据ResourceDataHandle.ets
        • 文本与输入
          • 使用全局组件ShowToast，TitleBar，AttributeModificationTool,IntroductionTitle实现行内文本，行内图像，文本输入，文本，富文本组件功能
          • 使用getStringArrayData，getStringData获取数据ResourceDataHandle.ets
        • 辅助
          • 使用全局组件TitleBar实现标记，滚动条，下拉刷新，弹出面板，字母索引条组件功能
          • 使用getStringArrayData，getStringData获取数据ResourceDataHandle.ets
        • 画布
          • 使用全局组件TitleBar, CanvasGradient, CanvasPattern, ImageBitmap, Path2D等实现图形绘制属性，图形绘制方法，渐变对象绘制，路径对象绘制，位图的绘制，阴影绘制，变换绘制
          • 使用getStringArrayData，getStringData获取数据ResourceDataHandle.ets
      • 通用模块：
        • 通用事件
          • 用到全局组件TitleBar，IntroductionTitle实现页面
          • resetBallMotion，isSideReached，calculateReachedSide，decideMoveDirection方法计算区域坐标，moveBall方法移动球体
        • 通用属性
          • 使用全局组件TitleBar，AttributeModificationTool实现组件页面
          • 接口参考：@ohos.promptAction
      • 动画模块：
        • 转场动画
          • 用到全局组件TitleBar，IntroductionTitle实现页面
          • 接口参考：@ohos.promptAction
        • 插值计算
        • 显示动画
          • 用到全局组件TitleBar，IntroductionTitle实现页面
          • 接口参考：animateTo
        • 属性动画
          • 用到全局组件TitleBar，IntroductionTitle实现页面
          • 接口参考：animation
        • 路径动画
          • 用到全局组件TitleBar，IntroductionTitle实现页面
          • 接口参考：path
      • 全局方法模块：
        • 弹窗使用全局组件ShowToast，TitleBar，IntroductionTitle实现弹窗组件页面

    相关权限

    ohos.permission.GET_BUNDLE_INFO

    ohos.permission.GET_BUNDLE_INFO_PRIVILEGED

    ohos.permission.REQUIRE_FORM

    依赖

    不涉及。

    约束与限制

    1.本示例仅支持标准系统上运行，支持设备：RK3568。

    2.本示例仅支持API10版本SDK，版本号：4.0.10.1,镜像版本号：[OpenHarmony_4.0.10.1]

    3.本示例涉及使用系统接口，FormComponent组件相关接口，需要手动替换Full SDK才能编译通过，具体操作可参考替换指南。

    4.本示例需要使用DevEco Studio 3.1 Release (Build Version: 3.1.0.500, built on April 28, 2023)才可编译运行。

    5.本示例涉及ohos.permission.GET_BUNDLE_INFO_PRIVILEGED、ohos.permission.REQUIRE_FORM为system_basic级别（相关权限级别可通过权限定义列表 查看），需要配置高权限签名，可参考应用apl等级说明。

    6.本示例涉及系统接口，需要配置系统应用签名，可以参考修改harmonyappprovision配置文件 ，把配置文件中的“app-feature”字段信息改为“hos_system_app”。

    下载

    如需单独下载本工程，执行如下命令：

    1. git init
    2. git config core.sparsecheckout true
    3. echo code/UI/ArkTsComponentCollection/ComponentCollection/ > .git/info/sparse-checkout
    4. git remote add origin https://gitee.com/openharmony/applications_app_samples.git
    5. git pull origin master
  • 相关阅读:
    [代码学习]einsum详解
    美团二面算法 之 串联所有单词的子串[困难]
    Ansys Lumerical｜菲涅尔透镜设计
    MQ系列15：MQ实现批量消息处理
    什么是乐观锁？一文教你使用Mybatis-Plus实现乐观锁以及分页查询，带图详解
    Mybatis逆向工程---在SpringBoot项目中构建Mybatis生成器
    阻塞队列ArrayBlockingQueue，LinkedBlockingQueue源码剖析
    【LeetCode】144. 二叉树的前序遍历 [ 根结点 左子树 右子树 ]
    python中items()函数
    Vue3从入门到实战：掌握状态管理库pinia（下部分）
  • 原文地址：https://blog.csdn.net/OpenHarmony_dev/article/details/133159438