<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Style>

	@font-face {
		src: local("HGP創英角ﾎﾟｯﾌﾟ体");
		fontFamily: HGP;
		fontWeight: normal;
		unicodeRange: U+3041-U+30F6,U+2460-U+2473;
	}
	@font-face {
		src: local("HGP創英角ﾎﾟｯﾌﾟ体");
		fontFamily: HGP;
		fontWeight: bold;
		unicodeRange: U+3041-U+30F6,U+2460-U+2473;
	}
	@font-face {
		src: local("HGP創英角ﾎﾟｯﾌﾟ体");
		fontFamily: HGP;
		fontStyle: italic;
		unicodeRange: U+3041-U+30F6,U+2460-U+2473;
	}

	global {
		font-family: HGP;
		fontSize: 11px;
	}

	.defClass {
		font-family: Dummy;
		fontSize: 11px;
	}

	TextArea {
		font-family: Dummy;
		fontSize: 16px;
		fontWeight: bold;
	}

</mx:Style>
<mx:Script>
	<![CDATA[
		import flash.events.Event;
		private function printMessage(event:Event):void  {
			message.text += event.target.label + " が押されました" + "\n"; 
		}
	]]>
</mx:Script>

<mx:Panel
	title="リファレンスガイドにあるボタンコントロールのサンプル"
	height="75%"
	width="75%"
	layout="horizontal"
	paddingTop="10"
	paddingBottom="10"
	paddingLeft="10"
	paddingRight="10"
>

	<mx:VBox>
		<mx:Label
			styleName="defClass"
			width="100%"
			color="blue"
			text="ラベルのテキスト"
		/>
		<mx:Label
			fontStyle="italic"
			width="100%"
			color="red"
			text="ラベルのテキスト"
		/>
		<mx:Label
			width="100%"
			color="black"
			text="ラベルのテキスト"
		/>

		<mx:Button
			label="①画像使用ボタンのラベル"
			id="iconButton"
			icon="@Embed('winofsql2.png')"
			labelPlacement="right"
			color="#993300"
			click="printMessage(event);"
		/>

		<mx:Button
			label="②ボタンのテキスト"
			color="#993300"
			toggle="true"
			selected="true"
			textAlign="left"
			fontSize="13"
			width="{iconButton.width}"
			click="printMessage(event);"
		/>
		<mx:Button
			fontStyle="italic"
			label="②ボタンのテキスト"
			color="#993300"
			toggle="true"
			selected="true"
			textAlign="left"
			fontSize="13"
			width="{iconButton.width}"
			click="printMessage(event);"
		/>
		<mx:Button
			styleName="defClass"
			fontStyle="italic"
			label="②ボタンのテキスト"
			color="#993300"
			toggle="true"
			selected="true"
			textAlign="left"
			fontSize="13"
			width="{iconButton.width}"
			click="printMessage(event);"
		/>

		<mx:Button
			styleName="myTextStyle"
			label="③プロパティなし(デフォルト)"
			click="printMessage(event);"
		/>
	</mx:VBox>

	<mx:TextArea
		id="message"
		text=""
		editable="false"
		height="100%"
		width="100%"
		color="#0000FF"
	/>

</mx:Panel>
</mx:Application>