最近、私は素晴らしいオンライン図作成ツール、LovelyChartsを見つけました。私はUIの設計方法が好きです - あなたはスクリーンショットhereを見ることができます。スクリーンショットの右上隅にあるLovelyChartsのロゴのように、複数のコンポーネントにまたがるイメージを作成する方法を知りました。誰かが私を正しい方向に蹴ってくれますか?Flexのいくつかのコンポーネントにまたがるイメージを作成する
0
A
答えて
1
透明な背景でイメージを作成する必要があります。 JPEG形式は透明な背景をサポートしていないので、GIFまたは別の形式を使用する必要があります。次に、次のコードのようにイメージを埋め込みます。
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Canvas width="476"
height="264">
<mx:Label x="103"
y="110"
text="Some text"
width="155"/>
<mx:Image x="115"
y="110"
width="100"
height="100"
source="@Embed('assets/transparent_back.gif')"/>
</mx:Canvas>
あなたが好きなら、他のコンポーネントを重ね、あなたがキャンバスにしたい画像を配置することができます。透明な背景の画像の例を次に示します。http://commons.wikimedia.org/wiki/File:Gluecksklee_%28transparent_background%29.gif
0
これは間違いなく有効です。アプリケーションのレイアウトは絶対的であると、画像の2つの例がある - キャンバスタグ内で宣言1および他の外
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Canvas width="476"
height="264"
x="50"
y="0"
borderStyle="solid"
borderThickness="5"
borderColor="black">
<mx:Label x="103"
y="110"
text="Some text"
width="155"/>
<mx:Image x="115"
y="110"
width="100"
height="100"
source="@Embed('assets/transparent_back.gif')"/>
</mx:Canvas>
<mx:Image x="30"
y="110"
width="100"
height="100"
source="@Embed('assets/transparent_back.gif')"/>
</mx:Application>
関連する問題
- 1. Flex 4イメージを明るくまたは暗くする方法
- 2. MXMLまたはSCRIPTでコンポーネントを作成する方が効率的です。 FLEX
- 3. Flex:動的作成でコンポーネントのプロパティにアクセスする方法
- 4. イメージといくつかの説明を含むデータベースを作成するには?
- 5. コンポーネントを閉じるときに実行するコンポーネントAの機能をいくつか作成する
- 6. イメージをいくつかのテキストにセンタリングするためのイメージタスク
- 7. Flex 4.5で実行時に動的にアップロードとイメージを作成
- 8. XMの作成にいくつか問題があります
- 9. イメージ・マジックを使用すると、イメージをいくつかの別々のイメージにスライスできますか?
- 10. Reactでは、HOC(高次コンポーネント)を使用して、汎用コンポーネントからいくつかのコンポーネントを作成するにはどうすればよいですか?
- 11. Flexプロジェクトの多くのMXMLコンポーネント
- 12. オブジェクトを処理するためのJSONを作成します。いくつかのプロパティは常に同じで、いくつかの違いがあります
- 13. adobe flexのメニューを作成する
- 14. いくつかのUIImageViewsを持つアプリケーションを作成する
- 15. 以下のコードでいくつのオブジェクトを作成しましたか? 4つのオブジェクトが作成さ
- 16. Flex:テンプレートアプリケーションを作成しますか?
- 17. 私はFlexでいくつかのグラフを作成しようとしています
- 18. FlexでDataGridを作成するには?
- 19. イメージの「アンカーポイント」を別のイメージに作成できますか?
- 20. プロダクションビルドのいくつかのコンポーネントをAngular2に残しますか?
- 21. 私はulリストのイメージにオーバーレイを作成できますが、イメージの全セクションにないイメージにのみオーバーレイを作成できますか?
- 22. CSSでいくつかのブレークを作成するには?
- 23. ASP.NET MVCでいくつかのラジオボックスを作成するには?
- 24. プレースホルダを使用してFlexコンポーネントを作成するにはどうすればよいですか?
- 25. 他のコンポーネントからコンポーネントを動的に作成する
- 26. エンティティを作成した後のHibernateに関するいくつかの問題
- 27. イメージを.pngで作成する.pngイメージを作成する
- 28. いくつかのデータファイルについて同様のHTMLレポートを作成する
- 29. イメージが見つからないときにCodeigniterコントローラが作成される
- 30. 複数のコンポーネント用に1つのreduxコンテナを作成する
ありがとうございましたが、期待どおりに動作しません。キャンバスに合わせて画像がクリップされています。 –
これはキャンバスの子として追加されたためです。mx:Imageタグがmx:Canvasの開始と終了の間にどのようにあるかに注目してください。キャンバスの端を横切るようにするには、Canvasタグの外側に宣言する必要があります。 –
もう1つ留意すべき点は、アプリケーションのレイアウトが垂直であることです。これを絶対に変更すると、コンポーネントを簡単に重ねることができます。第2の答えを見てください –