使用說明：

1.點擊組件、通用、動畫、全局方法四個按鈕或左右滑動切換不同視圖。

2.點擊二級導(dǎo)航（如通用屬性、通用事件等），若存在三級導(dǎo)航則展開三級導(dǎo)航（如Border?邊框、點擊事件等）；若不存在三級導(dǎo)航，則跳轉(zhuǎn)至詳情頁面。

1. 若存在三級導(dǎo)航（如Border?邊框、點擊事件等），點擊跳轉(zhuǎn)至詳情頁面。

工程目錄

entry/src/main/ets/
|---component
|???|---AttributeModificationTool.ets????????????????????//?組件
|???|---IntroductionTitle.ets????????????????????????????//?首頁介紹標(biāo)題組件
|???|---TabContentNavigation.ets?????????????????????????//?切換組件
|???|---TitleBar.ets?????????????????????????????????????//?詳情頁面標(biāo)題組件
|---Application
|???|---MyAbilityStage.ts??????????????
|---data
|???|---CollectionCategory.ts????????????????????????????//?數(shù)據(jù)分類
|???|---ResourceDataHandle.ts????????????????????????????//?源數(shù)據(jù)
|---MainAbility
|???|---MainAbility.ts??????????????
|---model
|???|---CategoricalDataType.ts???????????????????????????//?數(shù)據(jù)類型
|---util
|???|---Logger.ts????????????????????????????????????????//?打印
|???|---ShowToast.ets????????????????????????????????????//?彈窗???????????????????????
|---pages
|???|---Index.ets????????????????????????????????????????//?首頁
|???|---animations???????????????????????????????????????//?動畫
|???|???|---AnimationData.ets
|???|???|---interpolationCalculationSample????
|???|???|???|---InterpolationCalculationSample.ets???????//?插值計算
|???|???|---pageTransitionSample
|???|???|???|---PageTransitionSample.ets?????????????????//?頁面間轉(zhuǎn)場
|???|???|???|---PageTransitionSampleTo.ets??????
|???|???|---shareElementTransitionSample
|???|???|???|---ShareElementTransitionSample.ets?????????//?共享元素轉(zhuǎn)場
|???|???|???|---ShareElementTransitionSampleTo.ets
|???|???|---floatingSample
|???|???|???|---FloatingWindowSample.ets?????????????????//?懸浮窗
|???|???|---folderSample
|???|???|???|---FolderSample.ets?????????????????????????//?文件夾展開
|???|???|---systemIcon
|???|???|???|---SystemIcon.ets???????????????????????????//?系統(tǒng)圖標(biāo)
|???|???|---gallerySample
|???|???|???|---GalleryCardSample.ets????????????????????//?圖庫卡片展開
|???|???|---multiplexSample
|???|???|???|---MultiplexSample.ets??????????????????????//?多任務(wù)
|???|???|---shopSample
|???|???|???|---ShopCardSample.ets???????????????????????//?商店卡片展開
|???|???|---layoutAnimationSample
|???|???|???|---LayoutAnimationSample.ets????????????????//?布局動效
|???|???|---sideBarTransitionSample
|???|???|???|---SideBarTransitionSample.ets??????????????//?側(cè)邊欄動效
|???|???|---sizeTransitionSample
|???|???|???|---SizeTransitionSample.ets?????????????????//?尺寸變換動效
|???|---components???????????????????????????????????????//?詳情頁面
|???|???|---ComponentData.ets
|???|???|---auxiliary?????????//?輔助
|???|???|???|---alphabetIndexerSample
|???|???|???|???|---AlphabetIndexerSample.ets????????????//?字母索引條
|???|???|???|---badgeSample
|???|???|???|???|---BadgeSample.ets??????????????????????//?標(biāo)記
|???|???|???|---panelSample
|???|???|???|???|---PanelSample.ets??????????????????????//?彈出面板
|???|???|???|---refreshSample
|???|???|???|???|---RefreshSample.ets????????????????????//?下拉刷新
|???|???|???|---scrollbarSample?
|???|???|???|???|---ScrollBarSample.ets??????????????????//?滾動條
|???|???|---blankAndDivider??????????????????????????????//?空白與分分隔
|???|???|???|---dividerSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---DividerSample.ets
|???|???|---buttonAndSelection???????????????????????????//?按鈕與選擇
|???|???|???|---buttonSample
|???|???|???|???|---ButtonSample.ets?????????????????????//?按鈕
|???|???|???|---checkboxSample
|???|???|???|???|---CheckboxSample.ets???????????????????//?勾選框
|???|???|???|---counterSample
|???|???|???|???|---CounterSample.ets????????????????????//?計數(shù)器
|???|???|???|---datePickerSample
|???|???|???|???|---DatePickerSample.ets?????????????????//?日期選擇器
|???|???|???|---radioSample
|???|???|???|???|---RadioSample.ets??????????????????????//?單選按鈕
|???|???|???|---ratingSample
|???|???|???|???|---RatingSample.ets?????????????????????//?評分條
|???|???|???|---selectSample
|???|???|???|???|---SelectSample.ets?????????????????????//?選擇菜單
|???|???|???|---sliderSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---SliderSample.ets?????????????????????//?滑動條
|???|???|???|---textPickerSample?
|???|???|???|???|---TextPickerSample.ets?????????????????//?文本選擇器
|???|???|???|---timePickerSample
|???|???|???|???|---TimePickerSample.ets?????????????????//?時間選擇器
|???|???|???|---toggleSample
|???|???|???|???|---ToggleSample.ets?????????????????????//?切換按鈕
|???|???|---canvasAndGraphicDrawing??????????????????????//?畫布與圖形繪制
|???|???|???|---canvasSample
|???|???|???|???|---CanvasSample.ets?????????????????????//?畫布
|???|???|???|---circleSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---CircleSample.ets?????????????????????//?圓形
|???|???|???|---ellipseSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---EllipseSample.ets					?//?橢圓
|???|???|???|---lineSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---LineSample.ets???????????????????????//?直線
|???|???|???|---pathSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---PathSample.ets???????????????????????//?路徑
|???|???|???|---polygonSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---PolygonSample.ets????????????????????//?多邊形
|???|???|???|---polylineSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---PolylineSample.ets???????????????????//?折線
|???|???|???|---rectSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---RectSample.ets???????????????????????//?矩形
|???|???|???|---shapeSample
|???|???|???|???|---ShapeSample.ets??????????????????????//?指定圖形
|???|???|---imageVideoAndMedia
|???|???|???|---imageAnimatorSample
|???|???|???|???|---ImageAnimatorSample.ets??????????????//?逐幀播放圖片
|???|???|???|---imageSample
|???|???|???|???|---ImageControlPanel.ets
|???|???|???|???|---ImageSample.ets??????????????????????//?圖片
|???|???|???|---pluginComponentSample
|???|???|???|???|---PluginComponentSample.ets			?//?嵌入式顯示
|???|???|???|---videoSample
|???|???|???|???|---VideoControlPanel.ets
|???|???|???|???|---VideoSample.ets??????????????????????//?視頻
|???|???|???|---xcomponentSample
|???|???|???|???|---XComponentSample.ets?????????????????//?繪制組件
|???|???|---canvas
|???|???|???|---attributesSample
|???|???|???|???|---AttributesSample.ets?????????????????//?屬性
|???|???|???|---gradientSample
|???|???|???|???|---GradientSample.ets???????????????????//?漸變對象
|???|???|???|---image_bitmapSample
|???|???|???|???|---Image_bitmapSample.ets???????????????//?位圖對象
|???|???|???|---methodsSample
|???|???|???|???|---MethodsSample.ets????????????????????//?方法
|???|???|???|---path2dSample
|???|???|???|???|---Path2dSample.ets?????????????????????//?路徑對象
|???|???|???|---shadowsSample
|???|???|???|???|---ShadowsSample.ets????????????????????//?陰影
|???|???|???|---transformSample
|???|???|???|???|---TransformSample.ets??????????????????//?轉(zhuǎn)換
|???|???|---informationPresentationAndDynamicEffects
|???|???|???|---dataPanelSample
|???|???|???|???|---DataPanelSample.ets??????????????????//?數(shù)據(jù)面板
|???|???|???|---gaugeSample
|???|???|???|???|---GaugeSample.ets??????????????????????//?儀表盤
|???|???|???|---loadingProgressSample
|???|???|???|???|---LoadingProgressSample.ets
|???|???|???|---listSample???????????????????????????????//?列表
|???|???|???|???|---ListSample.ets
|???|???|???|---marqueeSample
|???|???|???|???|---MarqueeSample.ets????????????????????//?跑馬燈
|???|???|???|---radioSample
|???|???|???|???|---RadioSample.ets??????????????????????//?單選
|???|???|???|---progressSample
|???|???|???|???|---ProgressSample.ets???????????????????//?進度條
|???|???|???|---qrCodeSample
|???|???|???|???|---QRCodeSample.ets?????????????????????//?二維碼
|???|???|???|---textclockSample
|???|???|???|???|---TextClockSample.ets??????????????????//?文字時鐘
|???|???|???|---textTimerSample
|???|???|???|???|---TextTimerSample.ets??????????????????//?文字計時器
|???|???|---listAndGrid
|???|???|???|---gridItemSample
|???|???|???|???|---GridItemControlPanel.ets
|???|???|???|???|---GridItemSample.ets???????????????????//?網(wǎng)格容器子組件
|???|???|???|---gridSample
|???|???|???|???|---GridControlPanel.ets
|???|???|???|???|---GridSample.ets???????????????????????//?網(wǎng)格容器
|???|???|???|---listItemSample
|???|???|???|???|---ListItemSample.ets???????????????????//?列表容器子組件
|???|???|???|---listSample
|???|???|???|???|---ListControlPanel.ets
|???|???|???|???|---ListSample.ets???????????????????????//?列表容器
|???|???|---navigation
|???|???|???|---navigationSample
|???|???|???|???|---NavigationSample.ets?????????????????//?導(dǎo)航
|???|???|???|???|---NavigationSecondPage.ets
|???|???|???|???|---NavigationThirdPage.ets
|???|???|???|---navRouterSample
|???|???|???|???|---NavRouterSample.ets??????????????????//?導(dǎo)航
|???|???|???|---stepperAndStepperItemSample
|???|???|???|???|---StepperAndStepperItemSample.ets??????//?步驟導(dǎo)航器
|???|???|???|---tabContentSample
|???|???|???|???|---TabContentSample.ets?????????????????//?頁簽子組件
|???|???|???|---tabSample
|???|???|???|???|---TabControlPanel.ets
|???|???|???|???|---TabSample.ets????????????????????????//?頁簽
|???|???|---rowsAndColumns
|???|???|???|---columnSample
|???|???|???|???|---ColumnControlPanel.ets
|???|???|???|???|---ColumnSample.ets?????????????????????//?列容器
|???|???|???|---columnSplitSample
|???|???|???|???|---ColumnSplitSample.ets????????????????//?列分割容器
|???|???|???|---rowSample
|???|???|???|???|---RowControlPanel.ets
|???|???|???|???|---RowSample.ets????????????????????????//?行容器
|???|???|???|---rowSplitSample
|???|???|???|???|---RowSplitSample.ets???????????????????//?行分割容器
|???|???|???|---sideBarContainerSample
|???|???|???|???|---SideBarContainerControlPanel.ets
|???|???|???|???|---SideBarContainerSample.ets???????????//?側(cè)邊欄
|???|???|---scrollAndSwipe
|???|???|???|---scrollSample
|???|???|???|???|---ScrollSample.ets?????????????????????//?滾動
|???|???|???|---swiperSample
|???|???|???|???|---SwiperControlPanel.ets
|???|???|???|???|---SwiperSample.ets?????????????????????//?輪播
|???|???|---stackFlexAndGrid
|???|???|???|---flexSample???????????????????????????????
|???|???|???|???|---FlexControlPanel.ets
|???|???|???|???|---FlexSample.ets???????????????????????//?彈性布局
|???|???|???|---gridContainerSample
|???|???|???|???|---GridContainerControlPanel.ets
|???|???|???|???|---GridContainerSample.ets??????????????//?柵格系統(tǒng)
|???|???|???|---stackSample
|???|???|???|???|---StackControlPanel.ets
|???|???|???|???|---StackSample.ets??????????????????????//?層疊布局
|???|???|---textAndInput
|???|???|???|---patternLockSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---PattternLockSample.ets???????????????//?密碼鎖
|???|???|???|---searchSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---SearchSample.ets?????????????????????//?搜索欄
|???|???|???|---imageSpanSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---imageSpanSample.ets??????????????????//?行內(nèi)圖像
|???|???|???|---textAreaSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---TextAreaSample.ets???????????????????//?文本域
|???|???|???|---richTextSample
|???|???|???|???|---RichTextSample.ets???????????????????//?富文本
|???|???|???|---spanSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---SpanSample.ets???????????????????????//?行內(nèi)文本
|???|???|???|---textInputSample
|???|???|???|???|---TextInputSample.ets??????????????????//?文本輸入
|???|???|???|---textSample
|???|???|???|???|---ChangePanel.ets
|???|???|???|???|---TextSample.ets???????????????????????//?文本
|???|???|---web
|???|???|???|---webSample
|???|???|???|???|---WebSample.ets????????????????????????//?網(wǎng)頁
|???|---globalMethods????????????????????????????????????//?詳情頁面
|???|???|---GlobalMethodData.ets
|???|???|---dialogs
|???|???|???|---alertDialogSample
|???|???|???|???|---AlertDialogSample.ets????????????????//?警告彈窗
|???|???|???|---customDialogSample
|???|???|???|???|---CustomDialog.ets
|???|???|???|???|---CustomDialogSample.ets???????????????//?自定義彈窗
|???|???|???|---dateDialogSample
|???|???|???|???|---DateDialogSample.ets?????????????????//?日期選擇彈窗
|???|???|???|---timeDialogSample
|???|???|???|???|---TimeDialogSample.ets?????????????????//?時間選擇彈窗
|???|???|???|---actionSheetDialogSample
|???|???|???|???|---ActionSheetDialogSample.ets??????????//?列表選擇彈窗
|???|???|???|---textPickerDialogSample
|???|???|???|???|---TextPickerDialogSample.ets???????????//?文本滑動選擇器彈窗
|???|???|???|---menuSample
|???|???|???|???|---MenuSample.ets???????????????????????//?菜單
|???|---universal????????????????????????????????????????//?詳情頁面
|???|???|---UniversialData.ets
|???|???|---events
|???|???|???|---areaChangeEventSample
|???|???|???|???|---AreaChangeEventSample.ets????????????//?組件區(qū)域變化事件
|???|???|???|---clickEventSample
|???|???|???|???|---ClickEventSample.ets?????????????????//?點擊事件
|???|???|???|---dragEventSample
|???|???|???|???|---component????????????????????????????//?組件拖拽
|???|???|???|???|???|---FormComponentDrag.ets
|???|???|???|???|???|---GridItemDrag.ets
|???|???|???|???|???|---HyperlinkDrag.ets
|???|???|???|???|???|---ImageDrag.ets
|???|???|???|???|???|---ListItemDrag.ets
|???|???|???|???|???|---TextDrag.ets
|???|???|???|???|???|---VideoDrag.ets
|???|???|???|???|---DragEventSample.ets??????????????????//?拖拽事件
|???|???|???|---focusEventSample
|???|???|???|???|---FocusEventSample.ets?????????????????//?焦點事件
|???|???|???|---keyPressEventSample
|???|???|???|???|---KeyPressEventSample.ets??????????????//?按壓事件
|???|???|???|---mountUnmountEventSample
|???|???|???|???|---MountUnmountEventSample.ets??????????//?掛載卸載事件
|???|???|???|---mouseEventSample
|???|???|???|???|---MouseEventSample.ets?????????????????//?鼠標(biāo)事件
|???|???|???|---scrollEventSample
|???|???|???|???|---ScrollEventSample.ets????????????????//?滾動事件
|???|???|???|---touchEventSample
|???|???|???|???|---TouchEventSample.ets?????????????????//?觸摸事件
|???|???|---gesture
|???|???|???|---bindGestureSample?
|???|???|???|???|---BindGestureSample.ets????????????????//?綁定手勢方法
|???|???|???|---combinedSample
|???|???|???|???|---CombinedSample.ets???????????????????//?組合手勢
|???|???|???|---longPressSample
|???|???|???|???|---LongPressSample.ets??????????????????//?長按手勢
|???|???|???|---panSample
|???|???|???|???|---PanSample.ets????????????????????????//?拖動手勢
|???|???|???|---pinchSample
|???|???|???|???|---PinchSample.ets??????????????????????//?捏合手勢
|???|???|???|---rotationSample
|???|???|???|???|---RotationSample.ets???????????????????//?旋轉(zhuǎn)手勢
|???|???|???|---swipeSample
|???|???|???|???|---SwipeSample.ets??????????????????????//?滑動手勢
|???|???|???|---tapGestureSample
|???|???|???|???|---TapGestureSample.ets?????????????????//?Tap手勢
|???|???|---properties
|???|???|???|---foregroundSample
|???|???|???|???|---ForegroundSample.ets?????????????????//?前景
|???|???|???|---backgroundSample
|???|???|???|???|---BackgroundSample.ets?????????????????//?背景
|???|???|???|---borderSample
|???|???|???|???|---BorderSample.ets?????????????????????//?邊框
|???|???|???|---componentBlurredSample
|???|???|???|???|---ComponentBlurredSample.ets???????????//?分布式遷移標(biāo)識
|???|???|???|---componentIDSample
|???|???|???|???|---ComponentIDSample.ets????????????????//?組件標(biāo)識
|???|???|???|---displaySample
|???|???|???|???|---DisplaySample.ets????????????????????//?顯示
|???|???|???|---effectsSample
|???|???|???|???|---EffectsSample.ets????????????????????//?互動
|???|???|???|---flexSample
|???|???|???|???|---FlexSample.ets???????????????????????//?flex布局
|???|???|???|---focusControlSample
|???|???|???|???|---FocusControlSample.ets???????????????//?焦點控制
|???|???|???|---fontSample
|???|???|???|???|---FontSample.ets???????????????????????//?字體
|???|???|???|---gridSettingsSample
|???|???|???|???|---GridSettingsSample.ets???????????????//?柵格設(shè)置
|???|???|???|---interactionSample
|???|???|???|???|---InteractionSample.ets????????????????//?圖像效果
|???|???|???|---layoutConstraintSample
|???|???|???|???|---LayoutConstraintSample.ets???????????//?布局約束
|???|???|???|---locationSample
|???|???|???|???|---LocationSample.ets???????????????????//?位置設(shè)置
|???|???|???|---pictureBorderSample
|???|???|???|???|---PictureBorderSample.ets??????????????//?圖片邊框設(shè)置
|???|???|???|---restoreIdSample
|???|???|???|???|---RestoreIdSample.ets??????????????????//?分布式遷移標(biāo)識
|???|???|???|---rotateSample
|???|???|???|???|---RotateSample.ets?????????????????????//?旋轉(zhuǎn)
|???|???|???|---scaleSample
|???|???|???|???|---ScaleSample.ets??????????????????????//?縮放
|???|???|???|---shapeCropSample
|???|???|???|???|---ShapeCropSample.ets??????????????????//?形狀裁剪
|???|???|???|---safeAreaSample
|???|???|???|???|---SafeAreaSample.ets???????????????????//?安全區(qū)域
|???|???|???|---sizeSample
|???|???|???|???|---SizeSample.ets???????????????????????//?尺寸
|???|???|???|---transformSample
|???|???|???|???|---TransformSample.ets??????????????????//?變換矩陣
|???|???|???|---translateSample
|???|???|???|???|---TranslateSample.ets??????????????????//?圖像變換

具體實現(xiàn)

本示例使用?Tabs容器組件?搭建整體應(yīng)用框架，每個?TabContent內(nèi)容視圖?使用?List容器組件?布局，在每個?ListItem?中使用?循環(huán)渲染?加載此分類下分類導(dǎo)航數(shù)據(jù)，底部導(dǎo)航菜單使用?TabContent中tabBar屬性?設(shè)置自定義樣式?。

• 將組件庫分成四大類，切換查看
  • 組件模塊：
    • 空白與分隔
      • 封裝自定義組件：CommonItemSlider，CommonItemSelect，CommonItemColorSelect
      • 接口參考：@ohos.app.ability.common
    • 按鈕與選擇
      • 使用全局組件ShowToast,TitleBar,IntroductionTitle實現(xiàn)按鈕，時間選擇器，單選按鈕，選擇菜單，滑動條，切換按鈕，勾選框，文本選擇器，時間選擇器，計數(shù)器，評分條組件功能
      • 使用getStringArrayData，getStringData獲取數(shù)據(jù)ResourceDataHandle.ets
    • 滾動與滑動
      • 使用全局組件TitleBar實現(xiàn)滾動，翻頁組件功能
    • 信息展示與功效
      • 使用全局組件TitleBar，AttributeModificationTool實現(xiàn)二維碼，進度條，跑馬燈，文字計時器，文字時鐘，儀表盤，數(shù)據(jù)面板組件功能
      • 使用getStringArrayData，getStringData獲取數(shù)據(jù)ResourceDataHandle.ets
    • 文本與輸入
      • 使用全局組件ShowToast，TitleBar，AttributeModificationTool,IntroductionTitle實現(xiàn)行內(nèi)文本，行內(nèi)圖像，文本輸入，文本，富文本組件功能
      • 使用getStringArrayData，getStringData獲取數(shù)據(jù)ResourceDataHandle.ets
    • 輔助
      • 使用全局組件TitleBar實現(xiàn)標(biāo)記，滾動條，下拉刷新，彈出面板，字母索引條組件功能
      • 使用getStringArrayData，getStringData獲取數(shù)據(jù)ResourceDataHandle.ets
    • 畫布
      • 使用全局組件TitleBar,?CanvasGradient,?CanvasPattern,?ImageBitmap,?Path2D等實現(xiàn)圖形繪制屬性，圖形繪制方法，漸變對象繪制，路徑對象繪制，位圖的繪制，陰影繪制，變換繪制
      • 使用getStringArrayData，getStringData獲取數(shù)據(jù)ResourceDataHandle.ets
  • 通用模塊：
    • 通用事件
      • 用到全局組件TitleBar，IntroductionTitle實現(xiàn)頁面
      • resetBallMotion，isSideReached，calculateReachedSide，decideMoveDirection方法計算區(qū)域坐標(biāo)，moveBall方法移動球體
    • 通用屬性
      • 使用全局組件TitleBar，AttributeModificationTool實現(xiàn)組件頁面
      • 接口參考：@ohos.promptAction
  • 動畫模塊：
    • 轉(zhuǎn)場動畫
      • 用到全局組件TitleBar，IntroductionTitle實現(xiàn)頁面
      • 接口參考：@ohos.promptAction
    • 插值計算
      • 用到全局組件TitleBar，IntroductionTitle實現(xiàn)頁面
      • 接口參考：@ohos.curves，?@ohos.router
    • 顯示動畫
      • 用到全局組件TitleBar，IntroductionTitle實現(xiàn)頁面
      • 接口參考：animateTo
    • 屬性動畫
      • 用到全局組件TitleBar，IntroductionTitle實現(xiàn)頁面
      • 接口參考：animation
    • 路徑動畫
      • 用到全局組件TitleBar，IntroductionTitle實現(xiàn)頁面
      • 接口參考：path
  • 全局方法模塊：
    • 彈窗使用全局組件ShowToast，TitleBar，IntroductionTitle實現(xiàn)彈窗組件頁面
      • 使用getStringArrayData，getStringData獲取數(shù)據(jù)ResourceDataHandle.ets

相關(guān)權(quán)限

ohos.permission.GET_BUNDLE_INFO

ohos.permission.GET_BUNDLE_INFO_PRIVILEGED

ohos.permission.REQUIRE_FORM

依賴

不涉及。

約束與限制

1.本示例僅支持標(biāo)準(zhǔn)系統(tǒng)上運行，支持設(shè)備：RK3568。

2.本示例僅支持API10版本SDK，版本號：4.0.10.1,鏡像版本號：[OpenHarmony_4.0.10.1]

3.本示例涉及使用系統(tǒng)接口，FormComponent組件相關(guān)接口，需要手動替換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級別（相關(guān)權(quán)限級別可通過權(quán)限定義列表?查看），需要配置高權(quán)限簽名，可參考應(yīng)用apl等級說明。

6.本示例涉及系統(tǒng)接口，需要配置系統(tǒng)應(yīng)用簽名，可以參考修改harmonyappprovision配置文件?，把配置文件中的“app-feature”字段信息改為“hos_system_app”。

下載

如需單獨下載本工程，執(zhí)行如下命令：

git init
git config core.sparsecheckout true
echo code/UI/ArkTsComponentCollection/ComponentCollection/ > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master