screenshotstab.mxml

flex 实现的一个showcase 喜欢flex的朋友可以

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas
	xmlns:mx="http://www.adobe.com/2006/mxml"
	xmlns:ScreenshotSlider="com.flexShowcase.components.account.screenshots.*"
	
	width="740"
	height="550"
	
	backgroundColor="#e5e5e5"
	
	label="Screenshots"
	horizontalScrollPolicy="off"
	creationComplete="creationCompleteHandler(event)">
	
	
	<mx:Script>
		<![CDATA[
		
			//////////////////////////////////////////////////
			//import
			
			import com.flexShowcase.data.Project;
			import com.flexShowcase.events.AccountEvent;
			
			
			//////////////////////////////////////////////////
			//public variables
			
			[Bindable] public var project:Project;
			
			//////////////////////////////////////////////////
			//private variables
			
			[Bindable] private var okToAdd:Boolean;
			[Bindable] private var okToMark:Boolean;
			[Bindable] private var okToDelete:Boolean;
			
			
			//////////////////////////////////////////////////
			//initialization
			
			private function creationCompleteHandler(event:Event):void {
				okToAdd = false;
				okToMark = false;
				okToDelete = false;
			}
			
			//////////////////////////////////////////////////
			//public functions
			
			public function show():void {
				screenshotSlider.clear();
				largeImage_mc.removeImage();
			}
			public function refresh():void {
				if (screenshotSlider.screenshotHorizontalList.selectedItem != null) {
				} else {
					if (screenshotSlider.lastSelectedIndex < screenshotSlider.images.length) {
						screenshotSlider.screenshotHorizontalList.selectedIndex = screenshotSlider.lastSelectedIndex;
					} else {
						screenshotSlider.screenshotHorizontalList.selectedIndex = 0;
					}
				}
				
				if (project != null) {
					okToAdd = true;
				} else {
					okToAdd = false;
				}
				
				if (project.images.length > 1) {
					okToMark = true;
					okToDelete = true;
				} else {
					okToMark = false;
					okToDelete = false;
				}
			}
			
			
			//////////////////////////////////////////////////
			//private functions
			
			private function addScreenshot():void {
				var event:AccountEvent = new AccountEvent(AccountEvent.ADD_SCREENSHOT);
				dispatchEvent(event);
			}
			private function removeScreenshot():void {
				var event:AccountEvent = new AccountEvent(AccountEvent.DELETE_SCREENSHOT);
				event.screenshot = screenshotSlider.selectedScreenshot;
				
				dispatchEvent(event);
			}
			private function markAsDefault():void {
				var event:AccountEvent = new AccountEvent(AccountEvent.MARK_AS_DEFAULT_SCREENSHOT);
				event.screenshot = screenshotSlider.selectedScreenshot;
				
				dispatchEvent(event);
			}
			
			
		]]>
	</mx:Script>
	
	
	<mx:Canvas width="1" height="100%" backgroundColor="0xbbbbbb"/>
	<mx:Canvas width="1" height="100%" right="0" backgroundColor="0xbbbbbb"/>
	
	<mx:VBox left="10" top="10">
		<ScreenshotSlider:ScreenshotsTabScreenshotsSlider id="screenshotSlider" images="{project.images}" />
		<mx:HBox>
			<ScreenshotSlider:ScreenshotsLargeImage id="largeImage_mc" imageURL="{screenshotSlider.screenshotHorizontalList.selectedItem.original}" />
			<mx:VBox>
				<mx:Button styleName="blackButton" width="150" label="Add a Screenshot" icon="@Embed('/assets/images/icons/plusIcon.png')" buttonMode="{okToAdd}" enabled="{okToAdd}" click="addScreenshot();" />
				<mx:HRule width="100%" />
				<mx:Button styleName="blackButton" width="150" label="Set Default Screenshot" click="markAsDefault()" buttonMode="{!screenshotSlider.screenshotHorizontalList.selectedItem.isDefault}" enabled="{!screenshotSlider.screenshotHorizontalList.selectedItem.defaultScreenshot}" />
				<mx:Button styleName="blackButton" width="150" label="Delete Screenshot" icon="@Embed('/assets/images/icons/minusIcon.png')" y="60" enabled="{okToDelete}" buttonMode="{okToDelete}" click="removeScreenshot();" />
			</mx:VBox>
		</mx:HBox>
	</mx:VBox>
	
	
</mx:Canvas>