首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

用Swing定做流动的Link样式

2012-09-10 
用Swing定制流动的Link样式想想Java2D中给我们提供的线的样式着实很少,除了直线,虚线,好像就没有其他的什

用Swing定制流动的Link样式

想想Java2D中给我们提供的线的样式着实很少,除了直线,虚线,好像就没有其他的什么样式了,如果细心的童鞋还会发现,TWaver中倒是提供了一种比较特殊的连线,波浪曲折式的连线。

用Swing定做流动的Link样式

这种波浪曲折的连线如果让我们自己来实现也是有多种实现的方式,还记得之前几篇文章中定制过的LinkUI么,也是各式各样的方式,比如:

五彩斑斓的Link

用Swing定做流动的Link样式

流动点式的Link


用Swing定做流动的Link样式


今天给大家介绍的是箭头流动式的Link,何为箭头流动,我们就先来看看效果图:

用Swing定做流动的Link样式

这是一个从from节点流向to节点的连线,连线是以一个一个箭头组建而成,这样的连线方式看上去比传统的那种流动漂亮多了,也有不少客户提及到这种样式。本篇我将详细给大家讲解一下实现的细节。

首先需要定制一个ArrowLink继承于Link,在ArrowLink中需要给它定义几个变量,例如:线的宽度、颜色、每段箭头的长度、需要填充的流动箭头的数量、透明度、是否是从from流向to以及偏移(用于显示流动)等等。 不说这么多了,直接看代码:

其他的箭头也可以以同样方式循环绘制出来,需要注意的是箭头是需要随着node的位置旋转的,因此我们需要计算出箭头旋转的角度和旋转点的位置:

注:附件中还给出了另一种Link的实现效果。   见原文最下方

热点排行