一种基于纯矢量的图形用户界面框架

/* CSS file */ @font-face { src: url("property/LucidaGrande.ttc"); fontFamily: "Lucida Grande"; fontWeight: "normal"; } @font-face { src: url("property/LucidaGrande.ttc"); fontFamily: "Lucida Grande"; fontWeight: "bold"; } Application{ horizontalScrollBarStyleName:'crimsonScrollBar'; verticalScrollBarStyleName:'crimsonScrollBar'; fontFamily: 'Lucida Grande'; fontColor: #000000; fontSize: 11; color: #FFFFFF; } HBox{ horizontalScrollBarStyleName:'crimsonScrollBar'; verticalScrollBarStyleName:'crimsonScrollBar'; } VBox{ horizontalScrollBarStyleName:'crimsonScrollBar'; verticalScrollBarStyleName:'crimsonScrollBar'; } Canvas{ horizontalScrollBarStyleName:'crimsonScrollBar'; verticalScrollBarStyleName:'crimsonScrollBar'; } .crimsonButton{ color: #ffffff; textRollOverColor: #ffffff; textSelectedColor: #ffffff; upSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonButtonUpSkin'); overSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonButtonOverSkin'); downSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonButtonOverSkin'); } .crimsonGrayButton{ color: #ffffff; textRollOverColor: #ffffff; textSelectedColor: #ffffff; upSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonGrayButtonUpSkin'); overSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonGrayButtonOverSkin'); downSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonGrayButtonOverSkin'); } .crimsonPurpleButton{ color: #ffffff; fontWeight: 'bold'; textRollOverColor: #ffffff; textSelectedColor: #ffffff; upSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonPurpleButtonUpSkin'); overSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonPurpleButtonOverSkin'); downSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonPurpleButtonOverSkin'); } .crimsonRedButton{ color: #ffffff; textRollOverColor: #ffffff; textSelectedColor: #ffffff; upSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonRedButtonUpSkin'); overSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonRedButtonOverSkin'); downSkin: ClassReference('org.delphy.crimson.crimsonButtonClasses.CrimsonRedButtonOverSkin'); } .crimsonSunkenPanel{ borderSkin: ClassReference('org.delphy.crimson.crimsonSunkenPanelClasses.CrimsonSunkenPanelSkin'); } .crimsonPlainSunkenPanel{ borderSkin: ClassReference('org.delphy.crimson.crimsonSunkenPanelClasses.CrimsonPlainSunkenPanelSkin'); } .crimsonList{ backgroundAlpha: 0; borderStyle: 'none'; paddingLeft: 0; paddingRight: 0; paddingTop: 0; paddingBottom: 0; horizontalScrollBarStyleName:'crimsonScrollBar'; verticalScrollBarStyleName:'crimsonScrollBar'; } .crimsonScrollBar{ thumbUpSkin: Embed(source='images/ScrollBarThumbUp.png', scaleGridLeft = 8, scaleGridTop = 9, scaleGridRight = 10, scaleGridBottom = 87); thumbOverSkin:Embed(source='images/ScrollBarThumbOver.png', scaleGridLeft = 8, scaleGridTop = 9, scaleGridRight = 10, scaleGridBottom = 87); thumbDownSkin:Embed(source='images/ScrollBarThumbOver.png', scaleGridLeft = 8, scaleGridTop = 9, scaleGridRight = 10, scaleGridBottom = 87); trackSkin: Embed(source='images/ScrollBarTrack.png'); downArrowUpSkin: Embed(source='images/Dummy.png'); downArrowOverSkin: Embed(source='images/Dummy.png'); downArrowDownSkin: Embed(source='images/Dummy.png'); upArrowUpSkin: Embed(source='images/Dummy.png'); upArrowOverSkin: Embed(source='images/Dummy.png'); upArrowDownSkin: Embed(source='images/Dummy.png'); horizontalScrollBarStyleName:'crimsonScrollBar'; verticalScrollBarStyleName:'crimsonScrollBar'; } .crimsonSlider{ showTrackHighlight: true; thumbDownSkin: Embed(source='images/SliderThumbOver.png'); thumbOverSkin: Embed(source='images/SliderThumbOver.png'); thumbUpSkin: Embed(source='images/SliderThumbOver.png'); trackHighlightSkin: Embed(source='images/SliderTrackHighlight.png',scaleGridTop='6', scaleGridBottom='7', scaleGridLeft='7', scaleGridRight='102'); trackSkin: Embed(source='images/Dummy.png'); trackSkin: Embed(source='images/SliderTrackFake.png', scaleGridTop = 7, scaleGridLeft = 8, scaleGridRight = 182, scaleGridBottom = 8); } .crimsonRingMenuButton{ color: #cccccc; textRollOverColor: #FFFFFF; textSelectedColor: #FFFFFF; upSkin: ClassReference("org.delphy.crimson.crimsonRingMenuClasses.CrimsonRingMenuButtonUpSkin"); overSkin: ClassReference("org.delphy.crimson.crimsonRingMenuClasses.CrimsonRingMenuButtonOverSkin"); downSkin: ClassReference("org.delphy.crimson.crimsonRingMenuClasses.CrimsonRingMenuButtonOverSkin"); } .crimsonCapacityIndicator{ cornerRadius:24; color: #66FF33; horizontalLineGap: 20; verticalLineGapTop: 0; verticalLineGapBottom: 0; useReflection: false; reflectionFalloff: 0.7; reflectionAlpha: 0.4; } .crimsonTextInput{ color: #cccccc; paddingLeft: 5; paddingTop: 2; paddingRight: 24; focusSkin:ClassReference('org.delphy.crimson.crimsonTextInputClasses.DummyFocusSkin'); borderSkin: ClassReference('org.delphy.crimson.crimsonTextInputClasses.CrimsonTextInputSkin'); } .crimsonTextInputClearButton{ upSkin: Embed('images/TextInputClearButton.png'); overSkin: Embed('images/TextInputClearButtonOver.png'); downSkin: Embed('images/TextInputClearButtonOver.png'); } .crimsonPopUpWindow{ borderSkin: ClassReference('org.delphy.crimson.crimsonPopUpWindowClasses.CrimsonPopUpWindowSkin'); }