2007-09-20 18:31:25
擬似スクロール
テーマ:ブログ
まなさん、回答遅くなって申し訳ないです><
このBlog途中からメモ程度で書いていたので(汗)、
コメント確認してなくて、、今気付きました。。
>■突然の質問で申し訳ありません。
>
>はじめまして。いつも参考にさせて頂いてます。突然に質問で大変申し訳ないのですが、擬似スクロールというのはどのようにして作成なさったんでしょうか?adobeのモバイルサイトのようなレイアウトのサイトを作成したいと考えているのですが、なかなかうまくいかなくて困っています。もしお差し支えなければお教え頂けませんでしょうか??
の質問ですが、この記事で簡単に説明しますね。
下記の説明はオリジナルなやり方なので、
ベストな方法なのかはわかりません。よろしくお願いします。
1.documentサイズはFlashLite推奨の240×240を指定する。
2.そしてまずは、ページのコンテンツを作成します。
(スクロールにより表示するコンテンツも含め、縦長に作成します)
3.このコンテンツをMovieClip(以下MC)にします。
このMCをrootに配置します。
配置ですが、こちら で説明しました通り端末の解像度によって、
配置される場所が異なります。
CS3だとDevice Central CS3で何パターンか確認して
配置したほうがよいと思います。
4.rootに透明ボタンをメニューの数だけ配置します。
今はわかりやすいように赤で表示しています。
上から順番に作成は位置していきます。
このボタンがメニューのイベントの代わりになります。
あと、このままだと、透明ボタンに黄色のフォーカスがあたるので、
ルートの第一フレームに
_focusrect = false;
を記述して、フォーカスを消します。
5.あとは透明ボタンの上から、
今の場合だと、menu1のイベントを記述します。
このmenu1のイベントで擬似スクロールさせます。
(ここまで書いて、、、今までが余談な感じがしてきました。)
一番上の透明ボタンのイベント
--------------------------------------
on(rollOver) {
//50pxスクロール
tellTarget("/main") {
_y -= 50;
}
}
//menu1のクリック
on(press) {
getURL("http://yahoo.co.jp/");
}
--------------------------------------
2番上の透明ボタンのイベント
--------------------------------------
on(rollOver) {
//50pxスクロール
tellTarget("/main") {
_y -= 100;
}
}
//menu2のクリック
on(press) {
getURL("http://google.co.jp/");
}
--------------------------------------
のようにすれば擬似スクロールできるかと思います。
on(KeyPress ”DOWN”)を使わずにon(RollOver)を利用しているのは、
DOWNイベントが効かない端末があるからです。
今回は以上にしておきます。
わかりにくいかったらごめんなさい><
(わかりにくい可能性大。。)
今スクロールで下がるしかできないので、、、
もしスクロールで上がる処理がわからないようでしたら、
次にでも説明しますね。
このBlog途中からメモ程度で書いていたので(汗)、
コメント確認してなくて、、今気付きました。。
>■突然の質問で申し訳ありません。
>
>はじめまして。いつも参考にさせて頂いてます。突然に質問で大変申し訳ないのですが、擬似スクロールというのはどのようにして作成なさったんでしょうか?adobeのモバイルサイトのようなレイアウトのサイトを作成したいと考えているのですが、なかなかうまくいかなくて困っています。もしお差し支えなければお教え頂けませんでしょうか??
の質問ですが、この記事で簡単に説明しますね。
下記の説明はオリジナルなやり方なので、
ベストな方法なのかはわかりません。よろしくお願いします。
1.documentサイズはFlashLite推奨の240×240を指定する。
2.そしてまずは、ページのコンテンツを作成します。
(スクロールにより表示するコンテンツも含め、縦長に作成します)
3.このコンテンツをMovieClip(以下MC)にします。
このMCをrootに配置します。
配置ですが、こちら で説明しました通り端末の解像度によって、
配置される場所が異なります。
CS3だとDevice Central CS3で何パターンか確認して
配置したほうがよいと思います。
4.rootに透明ボタンをメニューの数だけ配置します。
今はわかりやすいように赤で表示しています。
上から順番に作成は位置していきます。
このボタンがメニューのイベントの代わりになります。
あと、このままだと、透明ボタンに黄色のフォーカスがあたるので、
ルートの第一フレームに
_focusrect = false;
を記述して、フォーカスを消します。
5.あとは透明ボタンの上から、
今の場合だと、menu1のイベントを記述します。
このmenu1のイベントで擬似スクロールさせます。
(ここまで書いて、、、今までが余談な感じがしてきました。)
一番上の透明ボタンのイベント
--------------------------------------
on(rollOver) {
//50pxスクロール
tellTarget("/main") {
_y -= 50;
}
}
//menu1のクリック
on(press) {
getURL("http://yahoo.co.jp/");
}
--------------------------------------
2番上の透明ボタンのイベント
--------------------------------------
on(rollOver) {
//50pxスクロール
tellTarget("/main") {
_y -= 100;
}
}
//menu2のクリック
on(press) {
getURL("http://google.co.jp/");
}
--------------------------------------
のようにすれば擬似スクロールできるかと思います。
on(KeyPress ”DOWN”)を使わずにon(RollOver)を利用しているのは、
DOWNイベントが効かない端末があるからです。
今回は以上にしておきます。
わかりにくいかったらごめんなさい><
(わかりにくい可能性大。。)
今スクロールで下がるしかできないので、、、
もしスクロールで上がる処理がわからないようでしたら、
次にでも説明しますね。







1 ■まっくすハケーン!
お勉強させていただきます