Flex DataGrid Scrollbar滚动条x,y起始位置设置
对flex datagrid scrollbar位置设置需要一些特殊处理,见如下截图:
关键点在于DataGrid拥有protected的 horizontalScrollBar 和 verticalScrollBar 属性,对其设置即可实现如上截图的效果。代码如下: package com.util.component
{
import mx.controls.DataGrid;
import mx.events.DataGridEvent;
import mx.core.ScrollPolicy;
import mx.events.FlexEvent;
public class AFWDataGrid extends DataGrid
{
public function AFWDataGrid()
{
super();
horizontalScrollPolicy = ScrollPolicy.AUTO;
}
private function setScrollPos():void
{
if(columns == null || columns.length < lockedColumnCount)
return;
var xOffset:Number = 0;
for(var i:int=0; i<lockedColumnCount; ++i)
xOffset += columns[i].width;
if (horizontalScrollBar && horizontalScrollBar.x < xOffset){
horizontalScrollBar.x = xOffset;
horizontalScrollBar.setActualSize(horizontalScrollBar.width - xOffset,
horizontalScrollBar.height);
}
if(verticalScrollBar && verticalScrollBar.y < headerHeight){
verticalScrollBar.y = headerHeight;
verticalScrollBar.setActualSize(verticalScrollBar.width,
verticalScrollBar.height - headerHeight);
}
}
override protected function updateDisplayList(w:Number, h:Number):void
{
super.updateDisplayList(w, h);
setScrollPos();
}
}
}
相关文档:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
private function onSuccess(evt:Re ......
需要3个文件。一个是样式类,一个样式文件,一个是mxml文件。
●MyToolTip.as
package{
import mx.core.UITextField;
import mx.skins.halo.ToolTipBorder;
import mx.controls.ToolTip;
public class MyToolTip extends ToolTipBorder {
override ......
//获得屏幕的分辨率
var x:Number=Capabilities.screenResolutionX;
var y:Number=Capabilities.screenResolutionY;
Alert.show("x="+x+"y="+y);
第二种方法
Alert.show(stage.fullScreenWidth+"=="+stage.fullScreenHeight);
//获得stage(工作区)的宽、高
Alert.show(stage.stageWidth+"=="+stage.stageHei ......
登陆页面
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
<mx:Script>
<![CDATA[
import mx.messaging.messages.HTTPRequestMessage;
import mx.rpc.http.HTTPService;
import mx. ......
DataGrid组件样式属性
backgroundColor 背景色
backgroundAlpha &nb ......