1、游戏圈:微信游戏开发者可以通过游戏圈组件,在小游戏内为用户提供游戏交流、用户互动、反馈收集等社区能力。开发者可直接调用 wx.createGameClubButton() 创建打开游戏圈的按钮。let button = wx.createGameClub
1、游戏圈:微信游戏开发者可以通过游戏圈组件,在小游戏内为用户提供游戏交流、用户互动、反馈收集等社区能力。
开发者可直接调用 wx.createGameClubButton() 创建打开游戏圈的按钮。
let button = wx.createGameClubButton({
icon: 'green',
style: {
left: 10,
top: 76,
width: 40,
height: 40
}
})
type按钮类型,可以是图片也可以是文字
为image时 image:按钮的背景图片,仅当 type 为 image
时有效
更多参数参考微信开发文档:微信开发文档直通车
2、案例效果图:
3、代码示例:
//获取系统信息的宽度
let screenW = sysInfo.screenWidth;
let screenH = sysInfo.screenHeight;
let rate = screenW / 750;//设计分辨率为750*1334
//根据你图片的大小调整对应的长宽高,并且在不同的分辨率下大小也会对应变化,我的图片是418*160
let width = 79 * rate;
let height = 120 * rate;
window.homeyxq = null;
homeyxq = wx.createGameClubButton({
type:'image',
image:'https://www.tpxhm.com/xing/yxqy.png?2022.9',
icon: 'white',
style: {
left: sysInfo.windowWidth-width*2,
top: sysInfo.windowHeight-height*2,
width: width,
height: height,
// borderColor:'#000000',
// borderWidth:2,
// backgroundColor:'#f3b345',
// borderRadius:100,
}
})
因为按钮是采用创建的形式,所以需要自定义按钮位置。
沃梦达教程
本文标题为:cocos微信小游戏如何加入游戏圈功能


基础教程推荐
猜你喜欢
- Django操作cookie的实现 2024-04-15
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析 2024-01-08
- js判断一个对象是否在一个对象数组中(场景分析) 2022-10-21
- 纯css实现漂亮又健壮的tooltip的方法 2024-01-23
- Loaders.css免费开源加载动画框架介绍 2025-01-23
- Bootstrap学习笔记之css组件(3) 2024-01-22
- 创建Vue3.0需要安装哪些脚手架 2025-01-16
- html5视频如何嵌入到网页(视频代码) 2025-01-22
- JSONObject与JSONArray使用方法解析 2024-02-07
- webpack学习笔记一:安装webpack、webpack-dev-server、内存加载js和html文件、loader处理非js文件 2023-10-29