RSSリーダー風のUIメモ



巷で話題のFlexをちょっといじったのでメモ。


MXML



<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style source="style.css"/>
<mx:Script>
<![CDATA[

]]>
</mx:Script>
<mx:HDividedBox width="100%" height="100%" top="10" right="10" bottom="10" left="10">
<mx:VBox width="30%" height="100%">
<mx:Panel width="100%" height="100%" title="RSS一覧" layout="absolute" styleName="Panel02">
<mx:VBox top="45" right="10" bottom="10" left="10">
<mx:List width="100%" height="100%" styleName="List01">
<mx:Object label="リスト1" />
<mx:Object label="リスト2" />
<mx:Object label="リスト3" />
<mx:Object label="リスト4" />
<mx:Object label="リスト5" />
<mx:Object label="リスト6" />
</mx:List>
<mx:ControlBar width="100%" horizontalAlign="center">
<mx:Button label="+"/>
<mx:Button label="-"/>
</mx:ControlBar>
</mx:VBox>
</mx:Panel>
</mx:VBox>
<mx:VDividedBox width="100%" height="100%">
<mx:Panel width="100%" height="30%" title="記事一覧" layout="absolute" styleName="Panel01">
<mx:VBox top="45" right="10" bottom="10" left="10">
<mx:List width="100%" height="100%">
<mx:Object label=" 記事リスト1" />
<mx:Object label=" 記事リスト2" />
<mx:Object label=" 記事リスト3" />
<mx:Object label=" 記事リスト4" />
<mx:Object label=" 記事リスト5" />
<mx:Object label=" 記事リスト6" />
<mx:Object label=" 記事リスト7" />
<mx:Object label=" 記事リスト8" />
<mx:Object label=" 記事リスト9" />
<mx:Object label=" 記事リスト10" />
<mx:Object label=" 記事リスト11" />
</mx:List>
</mx:VBox>
</mx:Panel>
<mx:Panel width="100%" height="70%" title="内容" layout="absolute" styleName="Panel01">
<mx:TextArea top="45" right="10" bottom="10" left="10" styleName="TextArea" />
</mx:Panel>
</mx:VDividedBox>
</mx:HDividedBox>
</mx:Application>

Trackback(0)

Trackback URL:

Please Comments





Page Top