cocos微信小游戏如何加入游戏圈功能

2022-09-26   阅读:3099   类型:前端   分类:游戏    标签: 微信小程序 游戏

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,
  }
 })

因为按钮是采用创建的形式,所以需要自定义按钮位置。

腾讯云11.11上云拼团Go,2核2G3M云服务器 28元/年

‘简忆博客’微信公众号 扫码关注‘简忆博客’微信公众号,获取最新文章动态
转载:请说明文章出处“来源简忆博客”。http://www.tpxhm.com/fdetail/938.html

×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏 微信扫一扫打赏
支付宝扫一扫打赏 支付宝扫一扫打赏

文章评论(1)

登录

昂予2024-10-23 18:15:45
您这个是rpx转px了吧,这个只手机上适配是正确的,但是在pad上适配就已经出错了,这个pad的适配是怎么搞的啊回复

简忆博客壁纸一
简忆博客壁纸二
简忆博客壁纸三
简忆博客壁纸四
简忆博客壁纸五
简忆博客壁纸六
简忆博客壁纸七
简忆博客壁纸八
头像

简忆博客
勤于学习,乐于分享

置顶推荐

打赏本站

如果你觉得本站很棒,可以通过扫码支付打赏哦!
微信扫码:你说多少就多少~
微信扫码
支付宝扫码:你说多少就多少~
支付宝扫码
×