- 浏览: 104512 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (112)
- struts (3)
- spring (0)
- hibernate (0)
- ext (0)
- jquery (0)
- jbpm (0)
- flex (62)
- json (0)
- dwr (0)
- quartz (0)
- ant (0)
- java 基础 (1)
- oracle (1)
- log4j (1)
- 上传 (1)
- myeclipse (1)
- eclipse (1)
- springsecurity (2)
- 开发工具 (1)
- 车票 (1)
- 收藏夹 (0)
- flash (2)
- ActionScript (1)
- 健康 (0)
- 思路 (0)
- 保健 空卜 (0)
- 框架 (0)
- springsecurity cas (0)
- javascript (0)
- fusionchart (0)
- ztree (0)
- 创业 (0)
最新评论
-
wangzhengji2006:
怎么用呀,哥们?
Flex 查看swc文件的源码 -
荷尔萌:
汗颜 视图设计里面换个背景颜色就好了啊
鼠标手型样式和Flex4中List控件背景颜色的改变 -
dongdong246:
朋友,我已经装了这个工具,但怎么打开swc文件啊???
Flex 查看swc文件的源码 -
millton0518:
你的资料十分受用。
SpringSecurity 学习网站 -
wkcause:
这个是现有的连接文件,可以直接引用么?<%' FileN ...
asp 插入数据
Flex的HDividedBox与VDividedBox组件的分隔条样式比较单一,默认是三条横线或竖线(mx.skin.BoxDividerSkin类,包含在Assets.swf文件中),且不能设置分隔条的整体颜色。当然,可以通过设置样式dividerSkin改变那三条线的默认样式。不过看mx.containers.dividedBoxClasses.BoxDivider的代码,显示时对于横向与纵向分隔,只是简单地旋转dividerSkin,因此稍复杂一些的dividerSkin效果应该不会太好,很有必要设置两个dividerSkin,横向纵向各一个,专款专用。此外,可以考虑再给分隔条加一个背景皮肤。
接下来写需要的几个皮肤,分隔条背景皮肤是淡蓝色的渐变填充外加一个深蓝色边框,knob皮肤(替代dividerSkin的那个)是两排蓝白色小点。
1) 纵向分隔条背景皮肤:
package com.ccac.ibs.skins.common
{
import flash.display.GradientType;
import flash.display.Graphics;
import flash.display.InterpolationMethod;
import flash.display.SpreadMethod;
import flash.geom.Matrix;
import mx.skins.ProgrammaticSkin;
public class IBSVBoxDividerSkin extends ProgrammaticSkin
{
public function IBSVBoxDividerSkin()
{
super();
}
override protected function updateDisplayList(w:Number, h:Number):void
{
var g:Graphics = graphics;
var matrix:Matrix = new Matrix();
if (isNaN(w) || isNaN(h))
return;
g.clear();
g.lineStyle(1, 0x6593CF, 1);
g.beginFill(0xFFFFFF, 0);
g.drawRect(0, 0, w - 1, h - 1);
g.endFill();
matrix.createGradientBox(w - 2, h - 2, Math.PI / 2, 0, 0);
g.lineStyle(0, 0x000000, 0);
g.beginGradientFill(GradientType.LINEAR,
[0xFFFFFF, 0xF8FBFF, 0xF0F7FF, 0xE5F1FF, 0xDAEBFF, 0xD0E5FF],
[1, 1, 1, 1, 1, 1],
[0, 51, 102, 153, 204, 255],
matrix,
SpreadMethod.PAD,
InterpolationMethod.LINEAR_RGB,
0);
g.drawRect(1, 1, w - 2, h - 2);
g.endFill();
}
}
}
2) 纵向分隔条knob皮肤:
package com.ccac.ibs.skins.common
{
import flash.display.Graphics;
import mx.skins.ProgrammaticSkin;
public class IBSVDividerSkin extends ProgrammaticSkin
{
public function IBSVDividerSkin()
{
super();
}
override public function get measuredWidth():Number
{
return 23;
}
override public function get measuredHeight():Number
{
return 6;
}
override protected function updateDisplayList(w:Number, h:Number):void
{
var g:Graphics = this.graphics;
var i:int = 0;
g.clear();
g.lineStyle(0, 0x000000, 0);
g.beginFill(0x6593CF, 1);
for (i = 0; i < 5; i++)
{
g.drawRect(2 + (i - 1) * 4, 2, 2, 2);
}
g.endFill();
g.beginFill(0xF9F9FB, 1);
for (i = 0; i < 5; i++)
{
g.drawRect(3 + (i - 1) * 4, 3, 2, 2);
}
g.endFill();
g.beginFill(0xADD1FF, 1);
for (i = 0; i < 5; i++)
{
g.drawRect(3 + (i - 1) * 4, 3, 1, 1);
}
g.endFill();
}
}
}
3) 横向分隔条背景皮肤:
package com.ccac.ibs.skins.common
{
import flash.display.GradientType;
import flash.display.Graphics;
import flash.display.InterpolationMethod;
import flash.display.SpreadMethod;
import flash.geom.Matrix;
import mx.skins.ProgrammaticSkin;
public class IBSHBoxDividerSkin extends ProgrammaticSkin
{
public function IBSHBoxDividerSkin()
{
super();
}
override protected function updateDisplayList(w:Number, h:Number):void
{
var g:Graphics = graphics;
var matrix:Matrix = new Matrix();
if (isNaN(w) || isNaN(h))
return;
g.clear();
g.lineStyle(1, 0x6593CF, 1);
g.beginFill(0xFFFFFF, 0);
g.drawRect(0, 0, w - 1, h - 1);
g.endFill();
matrix.createGradientBox(w - 2, h - 2, 0, 0, 0);
g.lineStyle(0, 0x000000, 0);
g.beginGradientFill(GradientType.LINEAR,
[0xFFFFFF, 0xF8FBFF, 0xF0F7FF, 0xE5F1FF, 0xDAEBFF, 0xD0E5FF],
[1, 1, 1, 1, 1, 1],
[0, 51, 102, 153, 204, 255],
matrix,
SpreadMethod.PAD,
InterpolationMethod.LINEAR_RGB,
0);
g.drawRect(1, 1, w - 2, h - 2);
g.endFill();
}
}
}
4) 横向分隔条knob皮肤:
package com.ccac.ibs.skins.common
{
import flash.display.Graphics;
import mx.skins.ProgrammaticSkin;
public class IBSHDividerSkin extends ProgrammaticSkin
{
public function IBSHDividerSkin()
{
super();
}
override public function get measuredWidth():Number
{
return 6;
}
override public function get measuredHeight():Number
{
return 23;
}
override protected function updateDisplayList(w:Number, h:Number):void
{
var g:Graphics = this.graphics;
var i:int = 0;
g.clear();
g.lineStyle(0, 0x000000, 0);
g.beginFill(0x6593CF, 1);
for (i = 0; i < 5; i++)
{
g.drawRect(2, 2 + (i - 1) * 4, 2, 2);
}
g.endFill();
g.beginFill(0xF9F9FB, 1);
for (i = 0; i < 5; i++)
{
g.drawRect(3, 3 + (i - 1) * 4, 2, 2);
}
g.endFill();
g.beginFill(0xADD1FF, 1);
for (i = 0; i < 5; i++)
{
g.drawRect(3, 3 + (i - 1) * 4, 1, 1);
}
g.endFill();
}
}
}
DividedBoxDemo.rar (317.6 KB)
发表评论
-
flex 自定义控件之任务考核模板定制part38
2013-03-27 10:01 0//获得界面输入的结果{uuid:20130301130101 ... -
flex 自定义控件之任务考核模板定制part37
2013-03-27 10:00 0//权重改变时触发的事件 private static fu ... -
flex 自定义控件之任务考核模板定制part36
2013-03-27 09:59 0//指标对应的行集合 rows = indexDa ... -
flex 自定义控件之任务考核模板定制part35
2013-03-27 09:58 0//重新指定列 addTemplateIndexCalc ... -
flex 自定义控件之任务考核模板定制part34
2013-03-27 09:58 0//重新指定列 addTemplateIndexCalcR ... -
flex 自定义控件之任务考核模板定制part33
2013-03-27 09:58 0/** 计算规则明细添加行 **/ public stati ... -
flex 自定义控件之任务考核模板定制part32
2013-03-27 09:50 0var maxRateColumn:DataGridColum ... -
flex 自定义控件之任务考核模板定制part31
2013-03-27 09:50 0/** * 2、改变指标对应的显示结果的指 ... -
flex 自定义控件之任务考核模板定制part30
2013-03-27 09:50 0/*** * 1、改变对应指标名称 *** ... -
flex 自定义控件之任务考核模板定制part29
2013-03-27 09:49 0else { var originalHeigh ... -
flex 自定义控件之任务考核模板定制part28
2013-03-27 09:48 0/**--创建数据表格[dataGrid]--**/ va ... -
flex 自定义控件之任务考核模板定制part27
2013-03-27 09:48 0//添加名称文本提示 calcRoleContainer. ... -
flex 自定义控件之任务考核模板定制part26
2013-03-27 09:47 0//权重百分号 var indexWeightPer ... -
flex 自定义控件之任务考核模板定制part25
2013-03-27 09:46 0//flag-后续动态添加的datagrid隐藏 priva ... -
flex 自定义控件之任务考核模板定制part24
2013-03-27 09:46 0//上一步按钮 var secondPreviousSte ... -
flex 自定义控件之任务考核模板定制part23
2013-03-27 09:46 0public static function createPa ... -
flex 自定义控件之任务考核模板定制part22
2013-03-27 09:45 0package components.channel.tas ... -
flex 自定义控件之任务考核模板定制part21
2013-03-25 17:56 0else { rowObj = new Obje ... -
flex 自定义控件之任务考核模板定制part20
2013-03-25 17:55 0else { cellObj = r ... -
flex 自定义控件之任务考核模板定制part19
2013-03-25 17:54 0//记录选中的指标内容 public static func ...
相关推荐
由于MFC中的标准分隔条在对话框中不能使用,这里给出一个自定义分隔条用于vc对话框中
易语言分隔条应用源码,分隔条应用,设置窗口组建位置
本代码实现了CSplitterWnd中,分隔条的自绘制,实现来再分割条中添加位图(位图是个小箭头),点击箭头实现上下左右隐藏,可以用于实现类似于QQGame游戏打厅的界面。
JGT 577-2022 外墙外保温用防火分隔条.pdf
基于VC++6.0 mfc创建的一个单文档分隔窗口小程序,分隔条实现彩色显示。
易语言分隔条应用源码.rar
VC 6.0 定制分割条,也就是窗体的分隔条,将窗口分隔成若干个部分,用来显示不同的内容,该窗格视图为CStaticSplitWnd4View,该窗格大小不能通过拖动改变,不过我们可以通过菜单命令动态改变大小,窗格视图为CView2,...
最近由于要用到分隔条,找到了一篇讲原理的, 实现了一个。可以双击缩到左边,可以左右拖动 效果请看:http://blog.csdn.net/yuansicau/archive/2008/06/06/2516881.aspx<br>
基于对话框的分割条。 支持创建多分割条,水平和垂直; 可同比放大缩小,也可保持不变
一个很酷的分隔条控件,可以完美嵌入到你的布局文件中,可以同时支持上下,左右分隔的。注释写的很清楚。原创的,所以资源分高一点。
用JQuery在网页中实现分隔条功能的代码
before-after左右拖拽分隔条对比图片效果
这是一个实现对话框分隔条的类和例子代 码,希望对大家有用。 使用场合:将一个对话框分隔成多个子对话框 使用方法如下(例如:水平方向将对话框分隔成两 个子对话框): 1 创建左右两个子对话框类,...
vb6.0分隔条 别人写的代码,大家共享一下。。还不错
现在电脑的屏幕越来越大,为了利用好宽屏,我们在设计系统UI时喜欢在左侧放个菜单或选项面板,在右边显示与菜单或选项对应的内容,两者之间用分隔条splitter来间隔,并可以通过拖动分隔条splitter来动态调研左右两边...
自动调整大小分隔条和对齐
Windows中的分隔条是一种被广泛使用的控件,绝大多数Explorer式样的应用程序都使用了这种控件。然而却很少有相关的资料对它的完整实现进行介绍,于是就实现了一个,希望对SDK的爱好者们有所帮助。
一种用JavaScript代码来实现表格的分隔条的方法,附带了所有的实现文件
易语言源码易语言分隔条应用源码.rar
before-after左右拖拽分隔条对比图片效果,图片中间有个拖动条,拖动左右滑动,可看到图片不一样的效果,女模特的脸变嫩了,呵呵,其实是用了两张背景图片实现的,这就需要jquery.beforeafter.js插件了,拖动时候的...