MXML | Branberyheag!! Lab

「Designer ScrollBars in Flex 3」という記事に掲載されている。
CSS上でパーツを画像で用意してそれをCSSで読み込むという方法。これがてっとり早い。
あと、Flex ビルダでphotoshopやFlashで作ったスキンを読み込む方法がある。これは、ツールを持っている人だったら問題ないと思う。俺みたいに遊び程度で作るにはちょっと投資が大きくなるので、CSSを利用する方法を選ぶかな。

ScrollBar {
up-arrow-skin: ClassReference(null);
down-arrow-skin: ClassReference(null);trackSkin: Embed(source="skins/ScrollBarTrack.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
thumbUpSkin: Embed(source="skins/ScrollBarThumb_up.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
thumbOverSkin: Embed(source="skins/ScrollBarThumb_over.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
thumbDownSkin: Embed(source="skins/ScrollBarThumb_down.png", scaleGridLeft="1", scaleGridTop="4", scaleGridRight="5", scaleGridBottom="16");
}

今度試してみようと思う。

Flexとflickr APIで遊んでみた

07/13

isaoAS3, flex, library, MXML box2d, flickr, MXML, 作品 No Comments

FlexとAction script3.0を触り始めて、作りたいものを作ってやろうと思っていきなりflickr APIを使って作ったのが「Drop flickr」っていうコンテンツ。

構想は結構前からあったんだけど、Flash CS3で最初作ろうと思ったんだけど結局作りたいものを作れる知識がなかったために断念。それから１年くらい経ってまたリベンジした。今回はFlexということもあってUI周りはこれで作って、スクリプトは関数の組み合わせで作った。本当は、クラスファイルで作るのが一番なんだけど、今回はリハビリと最初ということもあって関数で作った。

Hello Wolrd的なところもあって細かい部分が適当になってしまっている。
技術的には、BOX2D flashというライブラリーとflickr APIが使えるライブラリーをのふたつを使っている。

サーバにあげて気づいたんだけど、クロスドメイン用のスクリプト入れないといけないことに気づいた。かなり焦ったけど、調べたらすぐに事例があってよかった。あと、ダブルクリックでflickrサイトに画面遷移させたかったけど、メソッドを見つけられなかった。それとBOX2Dではなぜか正方形の生成ができなかった。なので、今回は丸のみで作った。結構、ライブラリーって理解していないと難しいもんだね。

とにかく、いろいろといじって遊んでください。
やっとリリースできたので、次のコンテンツを作ろうと思う。

Drop flickr
http://flickr.branberyheag.com/dropflickr/

–
追記
検索後、もう一度検索する場合は、右上のボタンをクリックすると検索窓が表示されます。
再検索用のボタンの配置がイマイチだと思う。

ラジオボタンでハマった

07/2

isaoAS3, flex, MXML MXML No Comments

ラジオボタンではまった部分のソース（MXML）

<mx:RadioButtonGroup id="choiceSearchType" />
<mx:RadioButton groupName="choiceSearchType" enabled="true" id="cst1" value="keyword" label="Keyword" width="75" />
<mx:RadioButton groupName="choiceSearchType" id="cst2" value="tag" label="Tag" width="50" />

MXMLで画面表示系を作っていたんだけど、ラジオボタンでデフォルトでの選択しているようにする場合は、MXML上でコントロールできないみたい。ActionScript3上でコントロールするしかないみたい。

ラジオボタンのデフォルトで項目させるには
（keywordを選択）

choiceSearchType.selectedValue="keyword";

あと、ラジオボタンで選択したValueを取得する場合は、意外と簡単だった。
変数で持たせたかったけど、変数の型でエラーが出る。いろいろと試してみたけど結局原因が分からなかった。今回は、直接記述した。

ラジオボタンで選択したValuleを取得

//obj.selectedValue
choiceSearchType.selectedValue

タグ

カテゴリー