【HarmonyOS NEXT】示例代码-内容发布器

介绍

本示例通过RichEditor组件以及常用的ArkUI组件，实现一个图文内容发布器。
效果预览

手机运行效果图

折叠屏运行效果图

使用阐明

• 点击“添加优质首图”，选择好图片后，图片表现在横向列表中。
  
• 点击“标题”输入框，可以输入相应的信息。
  
• 点击“正文”输入框，可以输入相应的信息。
  
• 点击页面下方列表按钮，下方表现“图文标题”列表，选择相应的“图文标题”后，“图文标题”会在正文中表现。
  
• 点击页面下方“@”按钮，页面进入接洽人页面，选择需要@的接洽人，返回发帖页面，在正文输入框会表现选中接洽人的昵称。
  
• 点击页面下方“#”按钮，页面弹出话题列表内容,选择对应的话题，弹框关闭，在正文输入框会表现选中的话题。
  
• 点击左下“添加位置”，“添加位置”下方地区会多出一行附近位置信息，选中后，“添加位置”会酿成选中的位置信息。
  

工程目次

1. ├──entry/src/main/ets                         // 代码区
2. │  ├──constants
3. │  │  └──CommonConstants.ets                  // 公共常量
4. │  ├──entryability
5. │  │  └──EntryAbility.ets      
6. │  ├──model
7. │  │  └──CommonModel.ets                      // 公共实体类      
8. │  ├──pages
9. │  │  ├──ContactsPage.ets                     // 联系人页面
10. │  │  └──Home.ets                             // 主页面      
11. │  ├──utils
12. │  │  ├──BreakpointConstants.ets              // 断点常量类
13. │  │  ├──FileUtil.ets                         // 选择图片工具类
14. │  │  ├──LocationUtil.ets                     // 本地位置工具类
15. │  │  └──Logger.ts                            // 日志文件
16. │  └──view
17. │     ├──AddPic.ets                           // 添加图片模块
18. │     ├──BottomToolbar.ets                    // 底部工具模块
19. │     ├──EditorComponent.ets                  // 编辑输入模块
20. │     ├──GraphicTitleComponent.ets            // 图文标题模块
21. │     ├──TopArea.ets                          // 顶部区域模块
22. │     └──TopicContentComponent.ets            // 话题内容模块
23. └──entry/src/main/resources                   // 应用资源目录

复制代码

相关权限

• 申请获取设备位置信息权限hos.permission.APPROXIMATELY_LOCATION和ohos.permission.LOCATION
  

更多详情参考：示例代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。