root/as3/gunyarapaint/trunk/gunyarapaint/src/org/libspark/gunyarapaint/controls/PenDetailControl.mxml

リビジョン 1180, 7.1 kB (コミッタ: tasuku, コミット時期: 5 年 前)

r1181@poppop (orig r130): tasuku | 2008-08-27 16:33:26 +0900
completed libsparknize

Line 
1 <?xml version="1.0" encoding="utf-8"?>
2 <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="108" height="372"
3   creationComplete="init()"
4   >
5   <mx:Script source="PenDetailControlScript.as">
6   </mx:Script>
7
8   <!-- preview -->
9   <mx:Label x="3" y="10" text="ペンの状態" width="53.5"/>
10   <mx:Canvas x="64.5" y="1" width="30" height="30" id="previewCanvas" borderStyle="solid" borderThickness="1" borderColor="#000000">
11   </mx:Canvas>
12
13   <!-- thickness -->
14   <mx:Label x="3" y="28" text="太"/>
15   <mx:HSlider x="16" y="28" width="87" minimum="1" maximum="30" snapInterval="1" height="12" value="3" id="thicknessSlider"/>
16   <mx:Button x="2" y="48" label="極" width="20" paddingLeft="0" paddingRight="0" id="thicknessButton1" click="changeThickness(1);"/>
17   <mx:Button x="23" y="48" label="細" width="20" paddingLeft="0" paddingRight="0" id="thicknessButton2" click="changeThickness(3)"/>
18   <mx:Button x="44" y="48" label="中" width="20" paddingLeft="0" paddingRight="0" id="thicknessButton3" click="changeThickness(10);"/>
19   <mx:Button x="65" y="48" label="太" width="20" paddingLeft="0" paddingRight="0" id="thicknessButton4" click="changeThickness(20);"/>
20   <mx:Button x="86" y="48" label="極" width="20" paddingLeft="0" paddingRight="0" id="thicknessButton5" click="changeThickness(30);"/>
21
22   <!-- color palette -->
23   <mx:Grid id="paletteGrid" x="15" y="77" borderStyle="none" borderColor="#000000" borderThickness="1" horizontalGap="4" verticalGap="3">
24     <mx:GridRow width="100%" height="100%">
25       <mx:GridItem width="24" height="20" backgroundColor="#000000" id="gridItemPalette1" click="gridItemPaletteClickHandler(1);" borderStyle="solid" cornerRadius="5">
26       </mx:GridItem>
27       <mx:GridItem width="24" height="20" backgroundColor="#ffffff" id="gridItemPalette2" click="gridItemPaletteClickHandler(2);" borderStyle="solid" cornerRadius="5">
28       </mx:GridItem>
29       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette3" click="gridItemPaletteClickHandler(3);" borderStyle="solid" cornerRadius="5">
30       </mx:GridItem>
31     </mx:GridRow>
32     <mx:GridRow width="100%" height="100%">
33       <mx:GridItem width="24" height="20" backgroundColor="#888888" id="gridItemPalette4" click="gridItemPaletteClickHandler(4);" borderStyle="solid" cornerRadius="5">
34       </mx:GridItem>
35       <mx:GridItem width="24" height="20" backgroundColor="#b47575" id="gridItemPalette5" click="gridItemPaletteClickHandler(5);" borderStyle="solid" cornerRadius="5">
36       </mx:GridItem>
37       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette6" click="gridItemPaletteClickHandler(6);" borderStyle="solid" cornerRadius="5">
38       </mx:GridItem>
39     </mx:GridRow>
40     <mx:GridRow width="100%" height="100%">
41       <mx:GridItem width="24" height="20" backgroundColor="#c096c0" id="gridItemPalette7" click="gridItemPaletteClickHandler(7);" borderStyle="solid" cornerRadius="5">
42       </mx:GridItem>
43       <mx:GridItem width="24" height="20" backgroundColor="#fa9696" id="gridItemPalette8" click="gridItemPaletteClickHandler(8);" borderStyle="solid" cornerRadius="5">
44       </mx:GridItem>
45       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette9" click="gridItemPaletteClickHandler(9);" borderStyle="solid" cornerRadius="5">
46       </mx:GridItem>
47     </mx:GridRow>
48     <mx:GridRow width="100%" height="100%">
49       <mx:GridItem width="24" height="20" backgroundColor="#8080ff" id="gridItemPalette10" click="gridItemPaletteClickHandler(10);" borderStyle="solid" cornerRadius="5">
50       </mx:GridItem>
51       <mx:GridItem width="24" height="20" backgroundColor="#ffb6ff" id="gridItemPalette11" click="gridItemPaletteClickHandler(11);" borderStyle="solid" cornerRadius="5">
52       </mx:GridItem>
53       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette12" click="gridItemPaletteClickHandler(12);" borderStyle="solid" cornerRadius="5">
54       </mx:GridItem>
55     </mx:GridRow>
56     <mx:GridRow width="100%" height="100%">
57       <mx:GridItem width="24" height="20" backgroundColor="#e7e58d" id="gridItemPalette13" click="gridItemPaletteClickHandler(13);" borderStyle="solid" cornerRadius="5">
58       </mx:GridItem>
59       <mx:GridItem width="24" height="20" backgroundColor="#25c7c9" id="gridItemPalette14" click="gridItemPaletteClickHandler(14);" borderStyle="solid" cornerRadius="5">
60       </mx:GridItem>
61       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette15" click="gridItemPaletteClickHandler(15);" borderStyle="solid" cornerRadius="5">
62       </mx:GridItem>
63     </mx:GridRow>
64     <mx:GridRow width="100%" height="100%">
65       <mx:GridItem width="24" height="20" backgroundColor="#99cb80" id="gridItemPalette16" click="gridItemPaletteClickHandler(16);" borderStyle="solid" cornerRadius="5">
66       </mx:GridItem>
67       <mx:GridItem width="24" height="20" backgroundColor="#e7962d" id="gridItemPalette17" click="gridItemPaletteClickHandler(17);" borderStyle="solid" cornerRadius="5">
68       </mx:GridItem>
69       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette18" click="gridItemPaletteClickHandler(18);" borderStyle="solid" cornerRadius="5">
70       </mx:GridItem>
71     </mx:GridRow>
72     <mx:GridRow width="100%" height="100%">
73       <mx:GridItem width="24" height="20" backgroundColor="#f9ddcf" id="gridItemPalette19" click="gridItemPaletteClickHandler(19);" borderStyle="solid" cornerRadius="5">
74       </mx:GridItem>
75       <mx:GridItem width="24" height="20" backgroundColor="#fcece2" id="gridItemPalette20" click="gridItemPaletteClickHandler(20);" borderStyle="solid" cornerRadius="5">
76       </mx:GridItem>
77       <mx:GridItem width="24" height="20" backgroundColor="#FFFFFF" id="gridItemPalette21" click="gridItemPaletteClickHandler(21);" borderStyle="solid" cornerRadius="5">
78       </mx:GridItem>
79     </mx:GridRow>
80   </mx:Grid>
81   <mx:Button id="colorPickerButton" x="21.5" y="240" label="色選択画面" width="65" paddingLeft="0" paddingRight="0"/>
82   <mx:Button id="dropperButton" x="10" y="270" toggle="true"  icon="@Embed(source='../../../../../imgs/icon_dropper.png')" width="22" paddingLeft="0" paddingRight="0"/>
83   <mx:Button id="handtoolButton" x="40" y="270" toggle="true"  icon="@Embed(source='../../../../../imgs/icon_hand_open.png')" width="22" paddingLeft="0" paddingRight="0"/>
84   <mx:Button id="eraserButton" x="70" y="270" toggle="true" label="消" width="22" paddingLeft="0" paddingRight="0"/>
85  
86   <!-- alpha -->
87   <mx:Label x="3" y="297" text="透"/>
88   <mx:HSlider id ="alphaSlider" x="16" y="295" width="87" minimum="0.05" maximum="1" snapInterval="0.05" value="1"/>
89
90   <!-- line method/blend mode -->
91   <mx:ComboBox id="penModeComboBox" x="6" y="319" width="96">
92   </mx:ComboBox>
93   <mx:ComboBox id="blendModeComboBox" x="6" y="345" width="97">
94   </mx:ComboBox>
95  
96   <!-- palette select animation -->
97   <mx:Resize id="selectPaletteEffect" widthFrom="24" widthTo="24"
98              heightFrom="20" heightTo="20"
99              easingFunction="{Bounce.easeOut}" />
100
101   <mx:Script>
102   <![CDATA[
103       import mx.effects.easing.Bounce;
104   ]]>
105   </mx:Script>
106 </mx:Canvas>
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。