APICloud分享功能

2023-10-14 01:20
文章标签 功能 分享 apicloud

本文主要是介绍APICloud分享功能,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

app中经常会有分享的功能,不管是分享商品还是文字还是图片或者是发送给微信好友扣扣好友,一下做一总结。

分享的样式(分享所有的样式模块):MNActionButton。

在apicloud 中添加这个模块,不需要再config 中配置这个模块,但是如果是真机调试需要自定义云编译一下。

效果图展示:此模块综合效果还是比较好的,建议使用此模块

一、使用方法

 

<span tapmode onclick="fnOpen()"> Open</span>
<span tapmode onclick="fnClose()"> Close </span>
<span tapmode onclick="fnHide()"> Hide </span>
<span tapmode onclick="fnShow()"> Show </span>// widget://image/btn/iconfont-cancel.png 路径解释,实际就是文件根目录下image文件夹下的 btn 文件夹下的图片
var MNActionButton;apiready = function() {MNActionButton = api.require('MNActionButton');};function fnOpen() {MNActionButton.open({layout : {row : 2, //(可选项)数字类型;每屏显示菜单按钮的行数;默认:2col : 3, //(可选项)数字类型;每屏显示菜单按钮的列数;默认:3rowSpacing : 10, //(可选项)数字类型;行与行之间的距离;默认:10colSpacing : 10, //(可选项)数字类型;列与列之间的距离;默认:10offset : 0 //(可选项)数字类型;整个菜单底部距离所属 window 底部的距离,只能为正整数;默认:0},animation : true, //(可选项)布尔类型;弹出和隐藏菜单时是否带弹出动画效果,true|false;默认:trueautoHide : true, //(可选项)布尔类型;点击菜单按钮后是否自动隐藏菜单,true|false;默认:truestyles : {maskBg : 'rgba(0,0,0,0.2)', //(可选项)字符串类型;遮罩层背景,支持 rgb,rgba,#,img;默认:rgba(0,0,0,0.2)bg : '#fff', //(可选项)字符串类型;菜单有效区域背景,支持 rgb,rgba,#,img;默认:#fffcancelButton : {//(可选项)JSON 对象类型,取消按钮设置size : 44, //(可选项)数字类型;底部取消按钮的高和宽;默认:44bg : '#fff', //(可选项)字符串类型;取消按钮的 100% 宽度的背景,支持rgb,rgba,#,img;默认:'#fff'icon : 'widget://image/btn/iconfont-cancel.png', //(可选项)字符串类型:取消按钮的图标,要求本地路径(widget://、fs://);默认:默认X型图标},item : {//(可选项)JSON 对象类型,菜单按钮设置titleColor : '#848484', //(可选项)字符串类型;菜单按钮文字颜色,支持 rgb,rgba,#;默认:#848484titleHighlight : 'dd2727', //(可选项)字符串类型;菜单按钮文字高亮颜色,支持 rgb,rgba,#;默认:同 titleColortitleSize : 12,                 //(可选项)数字类型;菜单按钮文字大小,同时也是文字栏所占高度,值为 0 时不显示文字栏;默认:12},indicator : {//(可选项)JSON 对象类型;页标指示器样式,若不传则不显示该指示器color : '#c4c4c4', //(可选项)字符串类型;其它页指示器颜色;支持rgb、rgba、#;默认:'#c4c4c4'highlight : '#9e9e9e' //(可选项)字符串类型;当前页指示器颜色;支持rgb、rgba、#;默认:'#9e9e9e'}},items : [{//JSON 对象类型;一个菜单项的设置信息icon : 'widget://image/iconfont-qq.png', //(可选项)字符串类型;一个菜单按钮的图标,支持 rgb,rgba,#,img;默认:#ffftitle : 'QQ好友' //字符串类型;菜单按钮的文字;默认:未设置时不显示,但文字栏仍按 titleSize 设置显示高度}, {icon : 'widget://image/iconfont-kongjian.png',highlight : 'widget://image/iconfont-kongjian.png',title : 'QQ空间'}, {icon : 'widget://image/iconfont-weixin.png',highlight : 'widget://image/iconfont-weixin.png',title : '微信好友'}, {icon : 'widget://image/iconfont-pengyouquan.png',highlight : 'widget://image/iconfont-pengyouquan.png',title : '朋友圈'}, {icon : 'widget://image/iconfont-weibo.png',highlight : 'widget://image/iconfont-weibo.png',title : '微博'}, {icon : 'widget://image/iconfont-qitagengduoe1e4e5.png',highlight : 'widget://image/iconfont-qitagengduoe1e4e5.png',title : '更多'}]}, function(ret, err) {if (ret) {alert(JSON.stringify(ret));} else {alert(JSON.stringify(err));}});}function fnClose() {MNActionButton.close();};function fnHide() {MNActionButton.hide();};function fnShow() {MNActionButton.show();};

复制代码

二、分享(以微信距离)

 

<span tapmode onclick="isInstalled()"> isInstalled() </span><span tapmode onclick="shareText()"> shareText() </span><span tapmode onclick="shareImage('session')"> shareImage('session') </span><span tapmode onclick="shareImage('timeline')"> shareImage('timeline') </span><span tapmode onclick="shareImage('favorite')"> shareImage('favorite') </span><span tapmode onclick="shareMusic('session')"> shareMusic('session') </span><span tapmode onclick="shareMusic('timeline')"> shareMusic('timeline') </span><span tapmode onclick="shareMusic('favorite')"> shareMusic('favorite') </span><span tapmode onclick="shareVideo('session')"> shareVideo('session') </span><span tapmode onclick="shareVideo('timeline')"> shareVideo('timeline') </span><span tapmode onclick="shareVideo('favorite')"> shareVideo('favorite') </span><span tapmode onclick="shareWebpage('session')"> shareWebpage('session') </span><span tapmode onclick="shareWebpage('timeline')"> shareWebpage('timeline') </span><span tapmode onclick="shareWebpage('favorite')"> shareWebpage('favorite') </span><span tapmode onclick="shareMutableImg()"> shareMutableImg (此接口仅Android可用)</span>

 

 

function isInstalled() {wx.isInstalled(function(ret, err) {if (ret.installed) {alert(JSON.stringify(ret))} else {alert(JSON.stringify(err))}});}function shareText() {wx.shareText({apiKey : '',scene : 'timeline',text : '我分享的文本'}, function(ret, err) {if (ret.status) {alert(JSON.stringify(ret))} else {alert(JSON.stringify(err))}});}function shareImage(Vscene) {wx.shareImage({apiKey : '',scene : Vscene,thumb : 'widget://res/iconfont-touxiang.png',contentUrl : "widget://res/8.jpg"}, function(ret, err) {if (ret.status) {alert(JSON.stringify(ret))} else {alert(JSON.stringify(err))}});}function shareMusic(Vscene) {wx.shareMusic({apiKey : '',scene : Vscene,title : '分享音乐',description : '分享音乐的描述',thumb : 'widget://res/iconfont-touxiang.png',musicDataUrl : "http://docs.apicloud.com/test/m.mp3",contentUrl : 'http://www.baidu.com'}, function(ret, err) {if (ret.status) {alert(JSON.stringify(ret))} else {alert(JSON.stringify(err))}});}function shareVideo(Vscene) {wx.shareVideo({apiKey : '',scene : Vscene,title : '分享视频',description : '分享视频的描述',thumb : 'widget://res/iconfont-touxiang.png',contentUrl : 'http://www.youku.com/'}, function(ret, err) {if (ret.status) {alert(JSON.stringify(ret))} else {alert(JSON.stringify(err))}});}function shareWebpage(Vscene) {wx.shareWebpage({apiKey : '',scene : Vscene,title : '分享网页的标题',description : '分享网页的描述',thumb : 'widget://res/iconfont-touxiang.png',contentUrl : 'http://www.apicloud.com'}, function(ret, err) {if (ret.status) {alert(JSON.stringify(ret))} else {alert(JSON.stringify(err))}});}function shareMutableImg() {wx.shareMutableImg({description : 'weixin share image test description',imgs : ['widget://res/girl.png', 'widget://res/8.jpg', 'widget://res/6.jpg']});}

 

以上方法包括了微信分享给朋友、朋友圈等功能。

这篇关于APICloud分享功能的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/207134

相关文章

Ilya-AI分享的他在OpenAI学习到的15个提示工程技巧

Ilya(不是本人,claude AI)在社交媒体上分享了他在OpenAI学习到的15个Prompt撰写技巧。 以下是详细的内容: 提示精确化:在编写提示时,力求表达清晰准确。清楚地阐述任务需求和概念定义至关重要。例:不用"分析文本",而用"判断这段话的情感倾向:积极、消极还是中性"。 快速迭代:善于快速连续调整提示。熟练的提示工程师能够灵活地进行多轮优化。例:从"总结文章"到"用

C++11第三弹:lambda表达式 | 新的类功能 | 模板的可变参数

🌈个人主页: 南桥几晴秋 🌈C++专栏: 南桥谈C++ 🌈C语言专栏: C语言学习系列 🌈Linux学习专栏: 南桥谈Linux 🌈数据结构学习专栏: 数据结构杂谈 🌈数据库学习专栏: 南桥谈MySQL 🌈Qt学习专栏: 南桥谈Qt 🌈菜鸡代码练习: 练习随想记录 🌈git学习: 南桥谈Git 🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈🌈�

【专题】2024飞行汽车技术全景报告合集PDF分享(附原数据表)

原文链接: https://tecdat.cn/?p=37628 6月16日,小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞,这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示,公司准备量产,并计划今年四季度开启预售小鹏汇天分体式飞行汽车,探索分体式飞行汽车城际通勤。阅读原文,获取专题报告合集全文,解锁文末271份飞行汽车相关行业研究报告。 据悉,业内人士对飞行汽车行业

让树莓派智能语音助手实现定时提醒功能

最初的时候是想直接在rasa 的chatbot上实现,因为rasa本身是带有remindschedule模块的。不过经过一番折腾后,忽然发现,chatbot上实现的定时,语音助手不一定会有响应。因为,我目前语音助手的代码设置了长时间无应答会结束对话,这样一来,chatbot定时提醒的触发就不会被语音助手获悉。那怎么让语音助手也具有定时提醒功能呢? 我最后选择的方法是用threading.Time

Spring框架5 - 容器的扩展功能 (ApplicationContext)

private static ApplicationContext applicationContext;static {applicationContext = new ClassPathXmlApplicationContext("bean.xml");} BeanFactory的功能扩展类ApplicationContext进行深度的分析。ApplicationConext与 BeanF

JavaFX应用更新检测功能(在线自动更新方案)

JavaFX开发的桌面应用属于C端,一般来说需要版本检测和自动更新功能,这里记录一下一种版本检测和自动更新的方法。 1. 整体方案 JavaFX.应用版本检测、自动更新主要涉及一下步骤: 读取本地应用版本拉取远程版本并比较两个版本如果需要升级,那么拉取更新历史弹出升级控制窗口用户选择升级时,拉取升级包解压,重启应用用户选择忽略时,本地版本标志为忽略版本用户选择取消时,隐藏升级控制窗口 2.

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

Spring+MyBatis+jeasyui 功能树列表

java代码@EnablePaging@RequestMapping(value = "/queryFunctionList.html")@ResponseBodypublic Map<String, Object> queryFunctionList() {String parentId = "";List<FunctionDisplay> tables = query(parent

PostgreSQL核心功能特性与使用领域及场景分析

PostgreSQL有什么优点? 开源和免费 PostgreSQL是一个开源的数据库管理系统,可以免费使用和修改。这降低了企业的成本,并为开发者提供了一个活跃的社区和丰富的资源。 高度兼容 PostgreSQL支持多种操作系统(如Linux、Windows、macOS等)和编程语言(如C、C++、Java、Python、Ruby等),并提供了多种接口(如JDBC、ODBC、ADO.NET等

java常用面试题-基础知识分享

什么是Java? Java是一种高级编程语言,旨在提供跨平台的解决方案。它是一种面向对象的语言,具有简单、结构化、可移植、可靠、安全等特点。 Java的主要特点是什么? Java的主要特点包括: 简单性:Java的语法相对简单,易于学习和使用。面向对象:Java是一种完全面向对象的语言,支持封装、继承和多态。跨平台性:Java的程序可以在不同的操作系统上运行,称为"Write once,