介绍
本示例是一个社交分享类APP,搭建了不同的页面向用户提供获取社交信息等能力。为了减少频繁权限弹窗对用户的干扰,同时提供更小的授权范围,使用了 安全控件 做临时授权场景。当用户实际点击了某种类型的安全控件时,会由系统弹出相关通知弹窗,并对应用进行相应的临时授权。
效果预览


使用说明:
- 启动应用进入广告动画界面,动画结束后进入应用,整个应用分为三个部分”主页”、”发现”、”我的”,可以通过底部导航进行页面间的切换。
- “主页”可以查看各个用户发布的动态,点击任一图文可以进入动态详情界面。
- “动态详情页”主要包括上下两部分,上部分主要展示用户发布的动态,可以包括文字、图片、视频,长按图片或视频会浮出”保存”按钮,点击后会弹出授权通知弹窗,点击”知道了”,可以通过安全控件中的保存控件将图片或者视频保存到图库当中。
- “动态详情页”下部分展示用户的评论情况,点击底部”评论”按钮,在文本框中输入评论,长按文本框出现”复制 粘贴”按钮,点击”复制”按钮可以将选定信息写入剪贴板,点击”粘贴”按钮,可以通过安全控件中的粘贴控件从剪贴板中读取信息。
- “发现”页面,点击”同城”按钮可以通过安全控件中的位置控件获取当前定位,点击后会弹出授权通知弹窗,点击”知道了”,会跳转到”同城榜”界面并显示当前定位城市。点击”发现”页面中的”全部”按钮可以跳转到”热搜榜”界面。
- “热搜榜”、”我的”界面当前是静态页面。
工程目录
features/authorizedControl/src/main/ets // 安全控件类HAR共享包
|---/authorizedControl
| |---LocationControl.ets // 位置控件
| |---PasteControl.ets // 粘贴控件
| |---SaveControl.ets // 保存控件
|---/commonComponent
| |---TrendsItem.ets // 单一动态组件
|---/model
| |---BaseMsg.ets // 数据类型
| |---BasicDataSource.ets // 懒加载基本数据资源
| |---DataFactory.ets // 构造数据方法
| |---MockData.ets // 模拟数据
| |---TrendsDataSource.ets // 主页动态数据资源类
|---/utils
| |---Constants.ets // 封装常量
| |---Logger.ets // 封装日志类
|---/view
| |---CommentDetailView.ets // 发现详情模块
| |---MainView.ets // 主页模块
| |---MineView.ets // 个人显示模块
| |---SameCityListView.ets // 同城显示模块
| |---SquareView.ets // 发现模块
| |---TrendsDetailView.ets // 动态详情模块
products/phone/entry/src/main/ets
|---/entryability
| |---EntryAbility.ts // Ability模块
|---/pages
| |---AdvertisingPage.ets // 广告页面
| |---CommentDetailPage.ets // 动态详情页面
| |---HomePage.ets // 主页
| |---SameCityListPage.ets // 同城页面
|---/utils
| |---Constants.ets // 常量
| |---Logger.ets // 封装日志类
| |---ResourceUtils.ets // 资源转换函数
具体实现
安全控件的使用:
- 本示例安全控件的使用主要从图片和视频的保存、文本的复制和粘贴以及位置信息的获取三个模块体现:
- 图片和视频的保存
- 使用SaveButton控件保存图片或者视频到图库,首先点击保存按钮调用photoAccessHelper.getPhotoAccessHelper()得到媒体库图片管理器helper,然后通过helper.createAsset()方法得到媒体库图片的uri, resourceManager.getMediaContent()可以得到存放在Resources/base/media文件下的banner.png图片内容,使用fs.open()和fs.write()方法将图片内容通过得到的uri写到媒体库中,最后通过fs.close()方法关闭文件
- 文本的复制和粘贴
- 使用PasteButton控件获取剪贴板信息,在其点击回调onclick事件中调用systemPasteboard.setData()方法将文本复制到剪贴板中,然后通过systemPasteboard.getData()方法得到剪贴板内容
- 位置信息的获取
- 使用LocationButton控件获取定位信息,在其点击回调onclick事件中调用geoLocationManager.getCurrentLocation()方法得到当前定位信息经纬度。
相关权限
不涉及。
依赖
不涉及。
约束与限制
- 本示例仅支持标准系统上运行,支持设备:GPS定位功能仅支持部分机型。
- 本示例仅支持API10版本SDK,SDK版本号(API Version 10 Release), 镜像版本号(4.0 Release)。
- 本示例需要使用DevEco Studio 版本号(4.0 Release)及以上版本才可编译运行。
下载
如需单独下载本工程,执行如下命令:
git init
git config core.sparsecheckout true
echo code/Solutions/IM/GrapeSquare/ > .git/info/sparse-checkout
git remote add origin https://gitee.com/openharmony/applications_app_samples.git
git pull origin master
阅读全文
下载说明:
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.1024c.cn/archives/21289,转载请注明出处。
1、本站所有资源均从互联网上收集整理而来,仅供学习交流之用,因此不包含技术服务请大家谅解!
2、本站不提供任何实质性的付费和支付资源,所有需要积分下载的资源均为网站运营赞助费用或者线下劳务费用!
3、本站所有资源仅用于学习及研究使用,您必须在下载后的24小时内删除所下载资源,切勿用于商业用途,否则由此引发的法律纠纷及连带责任本站和发布者概不承担!
4、本站站内提供的所有可下载资源,本站保证未做任何负面改动(不包含修复bug和完善功能等正面优化或二次开发),但本站不保证资源的准确性、安全性和完整性,用户下载后自行斟酌,我们以交流学习为目的,并不是所有的源码都100%无错或无bug!如有链接无法下载、失效或广告,请联系客服处理!
5、本站资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您的合法权益,请立即告知本站,本站将及时予与删除并致以最深的歉意!
6、如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
7、如果您喜欢该资源,请支持官方正版资源,以得到更好的正版服务!
8、请您认真阅读上述内容,注册本站用户或下载本站资源即您同意上述内容!
原文链接:https://www.1024c.cn/archives/21289,转载请注明出处。
评论0