Flashスクロールバーのサンプル（flaファイル付き）へのコメント

u-suke より

u-suke — Sat, 21 Mar 2009 05:03:52 +0000

tera様

お返事有り難うございます。
いろいろと試した結果、並列でできる様になりました。が、横スクロールの方が、
function contentsEnterFrame() {
content_mc2.flg = true;
content_mc2.onEnterFrame = function() {
var dis:Number = this.goalX-this._x;
if (this.flg || Math.abs(dis)>1) {
this._x += dis*friction;
} else {
delete this.onEnterFrame;
}
};
}
の部分の機能をしません。

//左カーソルをクリックした時
cursor_up2.onPress = function() {
contentsEnterFrame();
this.onEnterFrame = activeScroll;
pressUp2 = true;
};

左右各ボタンでactiveScrollは機能する（つまり左右に移動する）のですがcontentsEnterFrameの働き（減速スクロール）をしません。[function cntentsEnterFrame]関数名を変えてみたりもしましたが結果は同じでした。考えられる原因は何でしょう？また、お時間あるときにご教授下さい。

tera より

tera — Tue, 17 Mar 2009 08:42:29 +0000

u-sukeさま
こんにちは。コメントありがとうございます。
すみませんが、僕自身入れ子にした経験がないのと、ちょっと作られようとしているflaの構造が理解しきれませんで、スマートなご回答は出せないのですが、インスタンス名・変数名を絶対に重複しないようにすれば並列で登場させることもできるはずだとしか、コメントできない感じです。
すいません。
（最近AS3ばかり書いていたので、こないだAS2でリンケージをaddする方法すら忘れていたレベルです僕。）

u-suke より

u-suke — Tue, 17 Mar 2009 07:24:13 +0000

はじめまして、いつも参考にさせて頂いており、大変助かっています。
試行錯誤しながら、設置に励んでおりますが、一つ問題がありまして質問させて頂きます。
現在アップ中の縦スクロールの下に、横スクロールのマスクも設けたいと考えております。イメージとしては縦にテキスト、横に写真。同じMC上に配置してみた時は、変数名やインスタンス名を微妙にずらして２つのスクロールスクリプトを設置しましたが誤作動を起こします。また、新しいMCに横スクロールを作り、縦スクロールのMCに設置すると、各変数やインスタンスが絶対パスでないと反応しない所や、そうでない所などがあり、困難しております。
この場合どのような方法が望ましいのでしょう？

現在以下の様に置いています。

縦スクロールMC　　スクリプト
　　　　　　　　　　マスク
　　　　　　　　　　カーソル
　　　　　　　　　　バー等々
　　　　　　　　　　横スクロールMC　スクリプト
　　　　　　　　　　　　　　　　　　マスク
　　　　　　　　　　　　　　　　　　カーソル
　　　　　　　　　　　　　　　　　　バー等々

mutumi より

mutumi — Fri, 27 Feb 2009 03:40:57 +0000

ありがとうございます。
がんばってみます。

もし実現しましたらレポートしたいと思います。

tera より

tera — Tue, 20 Jan 2009 04:37:31 +0000

startDrag(false, 0, this._x, xMax, this._x);
のxMaxを実際のコンテンツの幅に置き換えるとか（上記コメント中にもあったかと思いますが、ダイナミックに中身作ってるとxMaxがおかしくなるケースがあったかも）、全般に変数をなるたけ実数値に置き換えたり、コードを部分的に削るなりで、デバッグしていただくしかないかと思います。
たしか上のコメントか、関連コメントのどこかに横スクロールバー化した人がいたと思うので、できることはできそうな気がします。

mutumi より

mutumi — Tue, 20 Jan 2009 04:11:31 +0000

メールアドレス間違って記入してました。すみません…

追送ですみませんが、横スクロールのスクリプトは基本的に_heightと_yを、_widthと_xに変え、this.startDrag(false, 0, this._x, xMax, this._x);に変更すればいいんじゃないかなあ、とか思ってたんですけど、ちがうんですかね、なにかが。
もしくはインスタンスを横にしたときに問題が起こってたりするんでしょうか…。横用にシンボル作ってみたんですけど、うまく改善できず…でした…。

mutumi より

mutumi — Tue, 20 Jan 2009 04:04:24 +0000

すばやい御回答、ありがとうございます。

if (scrollSet.sBar._xxMax) {
を
if (scrollSet.sBar._xMax) {
と直してみたんですが、変わりませんでした…。

どうやらOnRelease後の挙動がおかしいようなんです…。
バーがOnRelease後に上下にいったり来たりで…

お手すきのときでもよろしいので、もしなにかわかったりしたら是非どなたか教えてくださいませ～。

tera より

tera — Mon, 19 Jan 2009 06:45:34 +0000

ちょっと今忙しくて詳しいコードレビューはできないのですが、一か所
if (scrollSet.sBar._xxMax) {
という記述がありますけど、そこは関係ありますでしょうか？
yをxにしていれば高さが変わるという現象はあまり起こらないとは思うんですが、ちょっとコードみただけでは分かりませんでしたー。

mutumi より

mutumi — Mon, 19 Jan 2009 06:05:20 +0000

よく使わせていただいております。
今回はサイトのトップで使ってみたいと思って、チャレンジしてるんですが、
「横にコンテンツをスクロールさせて、スクロールバーも横にさせる」
という作り変えでつまづいています。
下に掲載したスクリプトだと
「スクロールバーの高さが、行きと帰りで変わってしまう」
という現象に陥ってしまいます。
なにが原因なのでしょうか？

//なめらかに止まるための抵抗。値が小さいほど減速大。
var friction = 0.2;
//スクロールバーの背景をクリックしたときの抵抗
var backFriction = 0.05;
//上下カーソルを押下時の移動量
var coursorMove = 3;
//マウスホイール回転時の移動係数（Windowsのみ）
var wheelMove = 1.5;
//———————————————
//マスクを設定
content_mc.setMask(mask_mc);
//初期化
init();

}
}
//2008.4.30追記：減速スクロールのための関数
function contentsEnterFrame () {
content_mc.flg = true;
content_mc.onEnterFrame = function () {
var dis:Number = this.goalX – this._x
if(this.flg || Math.abs(dis)>1){
this._x += dis*friction
}else{
delete this.onEnterFrame;
}
}
}
//スライダーのバーをドラッグした時
scrollSet.sBar.onPress = function() {
contentsEnterFrame();
this.onEnterFrame = activeScroll;
this.startDrag(false, 0, this._x, xMax, this._x);
};
scrollSet.sBar.onRelease = scrollSet.sBar.onReleaseOutside=function () {
content_mc.flg = false;
delete this.onEnterFrame;
this.stopDrag();
};
//スライダーの後ろの部分をクリックした時
scrollSet.sBack.onPress = function() {
contentsEnterFrame();
this.onEnterFrame = activeScroll;
sliderbackPress = true;
stepMove = (this._xmouse-this._parent.sBar._x)*backFriction;
};
scrollSet.sBack.onRelease = scrollSet.sBack.onReleaseOutside=function () {
content_mc.flg = false;
delete this.onEnterFrame;
sliderbackPress = false;
};
//上カーソルをクリックした時
cursor_up.onPress = function() {
contentsEnterFrame();
this.onEnterFrame = activeScroll;
pressUp = true;
};
cursor_up.onRelease = cursor_up.onReleaseOutside=function () {
content_mc.flg = false;
delete this.onEnterFrame;
pressUp = false;
};
//下カーソルをクリックした時
cursor_down.onPress = function() {
contentsEnterFrame();
this.onEnterFrame = activeScroll;
pressDown = true;
};
cursor_down.onRelease = cursor_down.onReleaseOutside=function () {
content_mc.flg = false;
delete this.onEnterFrame;
pressDown = false;
};
//11.9追記：マスクよりコンテンツが短い場合は、スクロールバーは非表示にする
if (mPc>=1) {
scrollSet._visible = false;
cursor_up._visible = false;
cursor_down._visible = false;
}
//2007.2.7追記：マウスホイールでスクロールさせる（Windowsのみ対応）
var wheelListner:Object = new Object();
wheelListner.onMouseWheel = function(delta) {
var goal = scrollSet.sBar._x- delta*wheelMove
if(goal =xMax){
scrollSet.sBar._x = xMax;
}else{
scrollSet.sBar._x = goal;
}
contentsEnterFrame();
activeScroll();
};
Mouse.addListener(wheelListner);

shin より

shin — Mon, 19 Jan 2009 05:54:50 +0000

横にコンテンツをスクロールさせて、スクロールバーも横にするのにてこずっております。
下のようなスクリプトにしたんですが、
スクロールバーを左から右へ目いっぱい移動すると、バーが下へずれて、
左へめいっぱい戻すと、元の位置に戻る、というような現象になるのはなぜでしょうか？

—————————————————————————–
//なめらかに止まるための抵抗。値が小さいほど減速大。
var friction = 0.2;
//スクロールバーの背景をクリックしたときの抵抗
var backFriction = 0.05;
//上下カーソルを押下時の移動量
var coursorMove = 3;
//マウスホイール回転時の移動係数（Windowsのみ）
var wheelMove = 1.5;
//———————————————
//マスクを設定
content_mc.setMask(mask_mc);
//初期化
init();

Flashスクロールバーのサンプル（flaファイル付き） へのコメント

u-suke より

tera より

u-suke より

mutumi より

tera より

mutumi より

mutumi より

tera より

mutumi より

shin より

Flashスクロールバーのサンプル（flaファイル付き）へのコメント