飞不高 发表于 2024-11-28 07:17:42

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

介绍

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

手机运行效果图

https://img-blog.csdnimg.cn/img_convert/0327ca315549d897825a0a66d686e057.gif
折叠屏运行效果图

https://img-blog.csdnimg.cn/img_convert/56247b9c9dcb72b4378cc90a530e5bb8.gif
使用阐明


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

├──entry/src/main/ets                         // 代码区
│├──constants
││└──CommonConstants.ets                // 公共常量
│├──entryability
││└──EntryAbility.ets      
│├──model
││└──CommonModel.ets                    // 公共实体类      
│├──pages
││├──ContactsPage.ets                     // 联系人页面
││└──Home.ets                             // 主页面      
│├──utils
││├──BreakpointConstants.ets            // 断点常量类
││├──FileUtil.ets                         // 选择图片工具类
││├──LocationUtil.ets                     // 本地位置工具类
││└──Logger.ts                          // 日志文件
│└──view
│     ├──AddPic.ets                           // 添加图片模块
│     ├──BottomToolbar.ets                  // 底部工具模块
│     ├──EditorComponent.ets                // 编辑输入模块
│     ├──GraphicTitleComponent.ets          // 图文标题模块
│     ├──TopArea.ets                        // 顶部区域模块
│     └──TopicContentComponent.ets          // 话题内容模块
└──entry/src/main/resources                   // 应用资源目录 相关权限



[*] 申请获取设备位置信息权限:ohos.permission.APPROXIMATELY_LOCATION和ohos.permission.LOCATION

更多详情参考:示例代码

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 【HarmonyOS NEXT】示例代码-内容发布器