...
This commit is contained in:
muzzik
parent
e3febc452f
commit
bba9915be7
@ -4,7 +4,7 @@ import { BezierCurveAnimation } from './BezierCurveAnimation';
|
||||
const { ccclass, property, requireComponent, executeInEditMode } = _decorator;
|
||||
|
||||
/** 旋转抽奖方向 */
|
||||
export enum RollingLottery2Direction {
|
||||
export enum RollingLotteryDirection {
|
||||
/** 竖 */
|
||||
VERTICAL,
|
||||
/** 横 */
|
||||
@ -12,14 +12,14 @@ export enum RollingLottery2Direction {
|
||||
}
|
||||
|
||||
/** 循环滚动抽奖 */
|
||||
@ccclass('RollingLottery2')
|
||||
@ccclass('RollingLottery')
|
||||
@requireComponent(BezierCurveAnimation)
|
||||
@requireComponent(cc.Layout)
|
||||
export class RollingLottery2 extends Component {
|
||||
export class RollingLottery extends Component {
|
||||
/* --------------- 属性 --------------- */
|
||||
/** 滚动方向 */
|
||||
@property({ displayName: '滚动方向', type: cc.Enum(RollingLottery2Direction) })
|
||||
dire = RollingLottery2Direction.VERTICAL;
|
||||
@property({ displayName: '滚动方向', type: cc.Enum(RollingLotteryDirection) })
|
||||
dire = RollingLotteryDirection.VERTICAL;
|
||||
|
||||
/** 子节点刷新事件 */
|
||||
@property({ displayName: '子节点刷新事件', tooltip: '(子节点_node, 下标_indexN)', type: cc.EventHandler })
|
||||
@ -54,7 +54,7 @@ export class RollingLottery2 extends Component {
|
||||
/** 当前缓动下标 */
|
||||
private _currTweenIndexN = 0;
|
||||
/** 当前滚动配置 */
|
||||
private _scrollConfig: RollingLottery2ScrollConfig;
|
||||
private _scrollConfig: RollingLotteryScrollConfig;
|
||||
/** 父节点中心点矩形 */
|
||||
private _parentCenterRect: cc.Rect;
|
||||
/** 跳过状态 */
|
||||
@ -250,7 +250,7 @@ export class RollingLottery2 extends Component {
|
||||
*/
|
||||
private _scrollChild(distV3_: cc.Vec3): void {
|
||||
// 左右滚动
|
||||
if (this.dire === RollingLottery2Direction.HORIZONTAL) {
|
||||
if (this.dire === RollingLotteryDirection.HORIZONTAL) {
|
||||
cc.error('未实现');
|
||||
// ...
|
||||
}
|
||||
@ -274,11 +274,11 @@ export class RollingLottery2 extends Component {
|
||||
/** 间隔格子 */
|
||||
let intervalN = indexN_ - this._currIndexN;
|
||||
/** 格子距离 */
|
||||
let boxDistN = this.dire === RollingLottery2Direction.HORIZONTAL ? this._ItemSize.width : this._ItemSize.height;
|
||||
let boxDistN = this.dire === RollingLotteryDirection.HORIZONTAL ? this._ItemSize.width : this._ItemSize.height;
|
||||
/** 当前格子距父节点(0, 0)的偏移坐标 */
|
||||
let offsetDistV3 = this.node.worldPosition.clone().subtract(currNode.worldPosition);
|
||||
// 设置总距离
|
||||
if (this.dire === RollingLottery2Direction.HORIZONTAL) {
|
||||
if (this.dire === RollingLotteryDirection.HORIZONTAL) {
|
||||
this._totalDistV3 = cc.v3(intervalN * boxDistN + offsetDistV3.x);
|
||||
} else {
|
||||
this._totalDistV3 = cc.v3(0, intervalN * boxDistN + offsetDistV3.y);
|
||||
@ -303,11 +303,12 @@ export class RollingLottery2 extends Component {
|
||||
endEvent.target = this.node;
|
||||
this.curveComp.endEventAS.push(endEvent);
|
||||
|
||||
this._updateData();
|
||||
this._resetData();
|
||||
}
|
||||
|
||||
/** 更新数据 */
|
||||
private _updateData(): void {
|
||||
/** 重制数据 */
|
||||
private _resetData(): void {
|
||||
this._currIndexN = 0;
|
||||
this._ItemSize = this.node.children[0].getComponent(cc.UITransform).contentSize.clone();
|
||||
|
||||
// item 大小矩形，中心点在节点 (0, 0) 位置
|
||||
@ -349,6 +350,13 @@ export class RollingLottery2 extends Component {
|
||||
}
|
||||
}
|
||||
|
||||
/** 重制视图 */
|
||||
private _resetView(): void {
|
||||
if (this.node.children.length) {
|
||||
this.jump(this._currIndexN);
|
||||
}
|
||||
}
|
||||
|
||||
/** 初始化事件 */
|
||||
private _initEvent(): void {
|
||||
this.node.on(cc.Node.EventType.CHILD_ADDED, this._nodeChildAdded, this);
|
||||
@ -357,8 +365,8 @@ export class RollingLottery2 extends Component {
|
||||
|
||||
/** 重置 */
|
||||
reset(): void {
|
||||
this._updateData();
|
||||
this._initView();
|
||||
this._resetData();
|
||||
this._resetView();
|
||||
}
|
||||
|
||||
/**
|
||||
@ -386,7 +394,7 @@ export class RollingLottery2 extends Component {
|
||||
if (!this.isValid) {
|
||||
return;
|
||||
}
|
||||
if (this.dire === RollingLottery2Direction.HORIZONTAL) {
|
||||
if (this.dire === RollingLotteryDirection.HORIZONTAL) {
|
||||
distV3.x = (target.valueN - target.lastValueN) * speedN_;
|
||||
} else {
|
||||
distV3.y = (target.valueN - target.lastValueN) * speedN_;
|
||||
@ -433,12 +441,12 @@ export class RollingLottery2 extends Component {
|
||||
}
|
||||
|
||||
/** 滚动到指定下标 */
|
||||
scroll(indexN_: number, scrollConfig_?: RollingLottery2ScrollConfig): void {
|
||||
scroll(indexN_: number, scrollConfig_?: RollingLotteryScrollConfig): void {
|
||||
if (this._scrollB && !this._loopScrollB) {
|
||||
return;
|
||||
}
|
||||
this._scrollB = true;
|
||||
this._scrollConfig = new RollingLottery2ScrollConfig(scrollConfig_);
|
||||
this._scrollConfig = new RollingLotteryScrollConfig(scrollConfig_);
|
||||
|
||||
// 停止循环滚动
|
||||
if (this._loopScrollB) {
|
||||
@ -456,7 +464,7 @@ export class RollingLottery2 extends Component {
|
||||
}
|
||||
/* ------------------------------- 自定义事件 ------------------------------- */
|
||||
private _eventUpdate(yN_: number, indexN_: number, y2N_: number): void {
|
||||
if (this.dire === RollingLottery2Direction.HORIZONTAL) {
|
||||
if (this.dire === RollingLotteryDirection.HORIZONTAL) {
|
||||
cc.error('未实现');
|
||||
// ...
|
||||
} else {
|
||||
@ -487,8 +495,8 @@ export class RollingLottery2 extends Component {
|
||||
}
|
||||
|
||||
/** 滚动配置 */
|
||||
class RollingLottery2ScrollConfig {
|
||||
constructor(init_?: RollingLottery2ScrollConfig) {
|
||||
class RollingLotteryScrollConfig {
|
||||
constructor(init_?: RollingLotteryScrollConfig) {
|
||||
Object.assign(this, init_);
|
||||
}
|
||||
/** 指定缓动单元下标 */
|
||||
|
||||
4926
assets/main.scene
4926
assets/main.scene
File diff suppressed because it is too large
Load Diff
@ -1,13 +1,13 @@
|
||||
import { _decorator, Component, Node } from 'cc';
|
||||
import * as cc from 'cc';
|
||||
import { RollingLottery2 } from './RollingLottery';
|
||||
import { RollingLottery } from './RollingLottery';
|
||||
const { ccclass, property } = _decorator;
|
||||
|
||||
@ccclass('main')
|
||||
export class main extends Component {
|
||||
/* ------------------------------- segmentation ------------------------------- */
|
||||
start() {
|
||||
let comp = this.node.getComponentInChildren(RollingLottery2);
|
||||
let comp = this.node.getComponentInChildren(RollingLottery);
|
||||
// let indexN = 0;
|
||||
// this.node.on(
|
||||
// cc.Node.EventType.TOUCH_END,
|
||||
@ -17,11 +17,18 @@ export class main extends Component {
|
||||
// this
|
||||
// );
|
||||
|
||||
// comp.loop(10000);
|
||||
comp.scroll(50, {
|
||||
tweenIndexN: 0,
|
||||
nextPlayB: true
|
||||
});
|
||||
comp.reset();
|
||||
comp.loop(-1500);
|
||||
// setTimeout(() => {
|
||||
// comp.scroll(-10, {
|
||||
// tweenIndexN: 3,
|
||||
// endCBF: () => {
|
||||
// // comp.scroll(25, {
|
||||
// // tweenIndexN: 3
|
||||
// // });
|
||||
// }
|
||||
// });
|
||||
// }, 3000);
|
||||
}
|
||||
/* ------------------------------- segmentation ------------------------------- */
|
||||
eventItemUpdate(node_: cc.Node, indexN_: number): void {
|
||||
|
||||
2963
assets/滚动根节点.prefab
Normal file
2963
assets/滚动根节点.prefab
Normal file
File diff suppressed because it is too large
Load Diff
13
assets/滚动根节点.prefab.meta
Normal file
13
assets/滚动根节点.prefab.meta
Normal file
@ -0,0 +1,13 @@
|
||||
{
|
||||
"ver": "1.1.32",
|
||||
"importer": "prefab",
|
||||
"imported": true,
|
||||
"uuid": "3fe6ec1e-8b71-4777-bd7f-a9a1bb2debef",
|
||||
"files": [
|
||||
".json"
|
||||
],
|
||||
"subMetas": {},
|
||||
"userData": {
|
||||
"syncNodeName": "滚动根节点"
|
||||
}
|
||||
}
|
||||
9
settings/v2/packages/project.json
Normal file
9
settings/v2/packages/project.json
Normal file
@ -0,0 +1,9 @@
|
||||
{
|
||||
"__version__": "1.0.1",
|
||||
"general": {
|
||||
"designResolution": {
|
||||
"width": 1624,
|
||||
"height": 750
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user