アークウェブ
Webデザイン
SandBox
Web制作会社アークウェブのスタッフが、デザインのTips・ノウハウをまとめているWikiです
アークウェブシステム開発SandBox
アークウェブWebマーケティングSandBox
アークウェブWebデザインSandBox
アークウェブ アクセシビリティWiki
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
[[WebデザイナーにもわかるFlex画面デザイン(3)]]のつづき...
今回はFireworks、Photoshopといったグラフィックソフトとの...
**Fireworksでmxml書き出し [#ne9e7db1]
''Fireworks CS3からmxml形式で書き出すことができる''とのこ...
これまで、Fireworksで組んだものをまた一からmxmlで組みなお...
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
[ウィンドウ]→[共有ライブラリ]にFlexコンポーネントが用意さ...
(表示されない場合は(C)\Program Files\Adobe\Adobe Firew...
これをドラッグ&ドロップで配置していきます。
用意されているのは下記の14コンポーネント。
- Accorodion
- Button
- CheckBox
- ComboBox
- Cursor
- NumericStepper
- Panel
- PopUpButton
- RadioButton
- ScrollBar
- Tab
- TextArea
- TextInput
- ToolTip
#clear
#br
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
すべてのコンポーネントが用意されているわけではないのが残...
#clear
#br
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
ラベルや文字色はシンボルプロパティウィンドウの値を変更す...
#clear
#br
***mxml書き出し [#f4a12720]
[ファイル]→[書き出し]から書き出し形式を「mxmlとイメージ」...
これをrascutにかければswfが生成されるのですが、
ただ、mxmlの時点で''日本語が化けてます。。 orz orz''
%%これなにか解決方法あるのかな。時間切れなのでのちほど調...
↓
''なぜかShift-JISで書き出されている。。 orz orz''
エディタで開いて、UTF-8で保存しなおせばOK。
(しかしなぜに…HTML書き出しはちゃんとUTF-8で出るのに。CS4...
***やってみよう [#p7743015]
Fireworksでこんな感じにつくって、
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
#clear
#br
書き出したmxmlはこちら。
#ref(flex04.mxml)
#br
そのmxmlをrascutにかけてswfにしたら、こんな感じになる。
#flash( http://www.ark-web.jp/sandbox/design/data/flex/sa...
でも、できたmxmlはなかなか優秀。
- 位置関係を見ているのか、フォーム要素などはちゃんとPanel...
- ただし、x="n" y="n"による絶対配置でレイアウトされます。
- コンポーネント化されていないテキストは、Labelとして書き...
- コンポーネントでない画像などのオブジェクトは画像として...
- 書き出し時にサブフォルダにイメージを置くにチェックを入...
- 画面キャプチャ画像も書き出される。
- レイヤーパネル上のオブジェクトの名前がidとしてつけられ...
- Fireworksは「ページ」という概念がある。現在のページ/全...
一方、
- Tab、ToolTip、Cursorは書き出されない。
- Fireworks上でTabに文字を入れられない
- CSSに書き出されるのは、シンボルプロパティ内にある値だけ...
- 背景色などはシンボルを編集すれば変わるけど、これらのデ...
と書き出し後も調整が必要なので、これだけで完結とはいかな...
(つづきます)
#blikifooter(小森)
tag: [[Flex>tag/Flex]]
終了行:
[[WebデザイナーにもわかるFlex画面デザイン(3)]]のつづき...
今回はFireworks、Photoshopといったグラフィックソフトとの...
**Fireworksでmxml書き出し [#ne9e7db1]
''Fireworks CS3からmxml形式で書き出すことができる''とのこ...
これまで、Fireworksで組んだものをまた一からmxmlで組みなお...
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
[ウィンドウ]→[共有ライブラリ]にFlexコンポーネントが用意さ...
(表示されない場合は(C)\Program Files\Adobe\Adobe Firew...
これをドラッグ&ドロップで配置していきます。
用意されているのは下記の14コンポーネント。
- Accorodion
- Button
- CheckBox
- ComboBox
- Cursor
- NumericStepper
- Panel
- PopUpButton
- RadioButton
- ScrollBar
- Tab
- TextArea
- TextInput
- ToolTip
#clear
#br
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
すべてのコンポーネントが用意されているわけではないのが残...
#clear
#br
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
ラベルや文字色はシンボルプロパティウィンドウの値を変更す...
#clear
#br
***mxml書き出し [#f4a12720]
[ファイル]→[書き出し]から書き出し形式を「mxmlとイメージ」...
これをrascutにかければswfが生成されるのですが、
ただ、mxmlの時点で''日本語が化けてます。。 orz orz''
%%これなにか解決方法あるのかな。時間切れなのでのちほど調...
↓
''なぜかShift-JISで書き出されている。。 orz orz''
エディタで開いて、UTF-8で保存しなおせばOK。
(しかしなぜに…HTML書き出しはちゃんとUTF-8で出るのに。CS4...
***やってみよう [#p7743015]
Fireworksでこんな感じにつくって、
#ref(http://www.ark-web.jp/sandbox/design/data/flex/sampl...
#clear
#br
書き出したmxmlはこちら。
#ref(flex04.mxml)
#br
そのmxmlをrascutにかけてswfにしたら、こんな感じになる。
#flash( http://www.ark-web.jp/sandbox/design/data/flex/sa...
でも、できたmxmlはなかなか優秀。
- 位置関係を見ているのか、フォーム要素などはちゃんとPanel...
- ただし、x="n" y="n"による絶対配置でレイアウトされます。
- コンポーネント化されていないテキストは、Labelとして書き...
- コンポーネントでない画像などのオブジェクトは画像として...
- 書き出し時にサブフォルダにイメージを置くにチェックを入...
- 画面キャプチャ画像も書き出される。
- レイヤーパネル上のオブジェクトの名前がidとしてつけられ...
- Fireworksは「ページ」という概念がある。現在のページ/全...
一方、
- Tab、ToolTip、Cursorは書き出されない。
- Fireworks上でTabに文字を入れられない
- CSSに書き出されるのは、シンボルプロパティ内にある値だけ...
- 背景色などはシンボルを編集すれば変わるけど、これらのデ...
と書き出し後も調整が必要なので、これだけで完結とはいかな...
(つづきます)
#blikifooter(小森)
tag: [[Flex>tag/Flex]]
ページ名:
アークウェブのサービスやソリューションはこちら
サービス
Webの企画・戦略立案
Webデザイン
Webシステム開発
Zen Cartソリューション
Zen Cart導入コンサルティング, RFP作成, トラブル診断
Zen Cartで大規模ECサイト構築
Zen Cartモジュールの開発・カスタマイズ
Zen Cart制作会社(デザイン・企画会社)様向けサービス
Zen Cart海外向け・多言語ECサイトの制作
Zen Cartのデザイン, ペルソナ/シナリオ法, RIA(Ajax・Flex)
Zen Cartのセキュリティ・運用保守サポート
Zen Cart企画・マーケティング戦略, SEO・SEM(サーチエンジン広告)
Zen Cartハイエンド版(大規模サイト用高可用バージョン)
EC-CUBEとZen Cart 機能比較表(概要)
Zen Cart携帯モジュール(モバイルショップ構築用)
Zen Cartの導入事例
Zen-Cart.JPのご紹介とアークウェブの取り組み
Zen-Cartモバイルショップ構築サービス
Movable Typeソリューション
企業サイトでのMovable Type活用
Movable Type用プラグイン一覧
MT用フォーム作成プラグイン「A-Form」
A-Formパートナー制度
その他ソリューション
AjaxでRIA開発
Ruby on Rails
Flexによる業務システム構築
ペルソナ/シナリオ法
ビジネスブログ
SNS・ソーシャルソフトウェア
SEO・SEM
アークウェブのCSR(企業の社会的責任)
アークウェブのCSR指針