微信小游戏排行榜,支持滚动，剪裁，九宫格~

Creator 2.x
#1

效果：
rank

实现方式:
创建listview
var list = cc.ListView(cc.size(canvas.width, canvas.height - 20), {
itemMargin: 4 //指定边距
}
创建列表项背景，设置九宫格为true
var item = cc.Sprite(${imgPath}item_bg.png, true)
////////////////添加子节点
//创建昵称
var nick = cc.Label(nickname, 24, cc.c3b(145, 102, 70))
//设置位置，锚点等
nick.setPosition(…)
nick.setAnchorPoint(…)
//创建头像
var avatar = cc.Sprite(avatarUrl)
//添加到父节点
item.add(nick)
item.add(avatar)
//将list添加到场景
scene.add(list)
总大小 10K左右…
源码加demo：源代码github

麻烦大家 给个星星，鼓励鼓励，哈哈~

6赞
#2

厉害厉害

#3

rank
rank1153×596

主工程 示意图。

#4

mark

#5

这个要是把列表项 改成循环利用的 就好了
现在是有多少条记录就创建多少个项

#6

可以参考 CCTableView 的逻辑，改写一下， 麻烦有兴趣的大佬 可以实现一下，给大家造福利啊:2:

#7

Nice

#8

点击才显示，滚动就用不了，为什么？

#9

有个微信工程，跑起来不能滚动吗？ 能详细描述一下么，，有问题 我就修改下。

#10

非常好用，已改成翻页版(๑ᵔ⌔ᵔ๑)

#11

别这样，特意做的滚动，:laughing:

#12

就是我做了切换，进去的时候不显示，点击某个按钮才显示出来，然后就不能滚动了，看了滚动监听是进去了，但是列表就是动不了

#13

creator.rar (1.7 MB)

这个是进去的时候显示出来，然后可以滚动，点了隐藏按钮或者显示其他的就滚动不了

#14

if (msg.event == “viewport”) {
//cocos引擎传入的子域视口区域
viewRect = cc.rect(msg.x, msg.y, msg.width, msg.height)
}

viewRect 是cocos引擎传入的，主要用于事件响应自适配，自己不要修改！
viewport事件 是WXSubContextView组件使用的，不要删除。

creator.rar (1.7 MB)

帮您修改了，你看看。

#15

好的，我试试~谢谢

#16

mark

#17

mark

#18

viewport 事件，在6s上传递过来的 宽高是正确的，。 在6sp 和其他更高分辨率手机，传过来的宽高值比在cocos中设置的大很多，。不知道什么原因

#19

mark1

#20

mark一下 也许后面会用到