• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# ArkUI使用文本控件指南文档示例
2
3### 介绍
4
5本示例通过使用[ArkUI指南文档](https://gitee.com/openharmony/docs/tree/master/zh-cn/application-dev/ui)中各场景的开发示例,展示在工程中,帮助开发者更好地理解ArkUI提供的组件及组件属性并合理使用。该工程中展示的代码详细描述可查如下链接:
6
71. [显示图片 (Image)](https://gitee.com/openharmony/docs/blob/OpenHarmony-5.0.0-Release/zh-cn/application-dev/ui/arkts-graphics-display.md)8### 效果预览
9
10| 首页                                 | 为图片添加滤镜效果                   |
11|------------------------------------|------------------------------------|
12| ![](screenshots/device/image1.png) | ![](screenshots/device/image2.png) |
13
14### 使用说明
15
161. 在主界面,可以点击对应卡片,选择需要参考的组件示例。
17
183. 进入示例界面,查看参考示例。
19
204. 通过自动测试框架可进行测试及维护。
21
22### 工程目录
23```
24entry/src/main/ets/
25|---entryability
26|---pages
27|   |---AddFilterEffectsToImages.ets
28|   |---EventCall.ets
29|   |---ImageInterpolation.ets
30|   |---SetImageDecodingSize.ets
31|   |---SetImageRenderingMode.ets
32|   |---SetImageRepetitionStyle.ets
33|   |---SetImageZoomType.ets            //应用子页面
34
35|---pages
36|   |---Index.ets                      // 应用主页面
37entry/src/ohosTest/
38|---ets
39|   |---index.test.ets                 // 示例代码测试代码
40```
41
42### 相关权限
43
44不涉及。
45
46### 依赖
47
48不涉及。
49
50### 约束与限制
51
521.本示例仅支持标准系统上运行, 支持设备:RK3568。
53
542.本示例为Stage模型,支持API14版本SDK,版本号:5.0.2.57,镜像版本号:OpenHarmony_5.0.2.57。
55
563.本示例需要使用DevEco Studio NEXT Developer Preview2 (Build Version: 5.0.5.306, built on December 12, 2024)及以上版本才可编译运行。
57
58### 下载
59
60如需单独下载本工程,执行如下命令:
61
62````
63git init
64git config core.sparsecheckout true
65echo code/DocsSample/ArkUIDocSample/ImageComponent > .git/info/sparse-checkout
66git remote add origin https://gitee.com/openharmony/applications_app_samples.git
67git pull origin master
68````