【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]