2015-02-04に投稿

cocos2d-jsのScrollViewをマウスホイールでスクロール

cc.ScrollViewをWindowsの場合はマウスホイールでスクロールさせた方がいいと思うが、
存在するメソッドはscrollToPercentVerticalという絶対位置指定だけなので、
残念ながら現在希望を満たす機能は無い。

Windowsだけであれば他の端末の動作に影響などもないので、
適当にプログラムを書けるため下記のような形で実現は可能。
(list = ccui.ScrollView)

|javascript|
if (cc.sys.os == 'Windows') {
var event = new cc._EventListenerMouse();
event.onMouseScroll = function(event) {
var minY = list._contentSize.height - list._innerContainer.getContentSize().height;
var h = -minY;
var current = list._innerContainer.getPositionY() - event.getScrollY();
var per = (current - minY) * 100 / h;
list.scrollToPercentVertical(per, 0.1, true);
};
cc.eventManager.addListener(event, this);
}
||

ツイッターでシェア
みんなに共有、忘れないようにメモ

だら@Crieit開発者

Crieitの開発者です。 Webエンジニアです(在宅)。大体10年ちょい。 記事でわかりにくいところがあればDMで質問していただくか、案件発注してください。 業務依頼、同業種の方からのコンタクトなどお気軽にご連絡ください。 業務経験有:PHP, MySQL, Laravel, Vue.js, React, Node, RoR 趣味:Elixir, Phoenix, Nuxt, Express, GCP, AWS等色々

Crieitは個人で開発中です。 興味がある方は是非記事の投稿をお願いします! どんな軽い内容でも嬉しいです。
なぜCrieitを作ろうと思ったか

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください!
ボードとは?

関連記事

コメント