?

1．??把數據以點連線的方式在畫面中顯示

2．? 數據按照數據的性別屬性使用不同的顏色

3．??鼠標左鍵可以把圖在畫面中拖動

4．??鼠標右鍵可以把圖放大或者縮小

5．??鼠標單擊某個數據上，該數據點中心化顯示（可以點擊下試試就知道中心化顯示）

6．??鼠標可以選中某個數據點進行任意位置的拖動，而在該點與其它點的關系保持不變

7．??在右下框輸入a,則圖中數據點中包含a的數據加亮顯示

先把代碼附上，注釋中有講解

?

package wjl;import java.awt.BorderLayout; import java.awt.Color; import java.awt.Dimension; import java.awt.Font; import java.awt.event.MouseEvent; import java.util.Iterator;import javax.swing.BorderFactory; import javax.swing.Box; import javax.swing.BoxLayout; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.SwingConstants;import prefuse.Constants; import prefuse.Display; import prefuse.Visualization; import prefuse.action.ActionList; import prefuse.action.GroupAction; import prefuse.action.ItemAction; import prefuse.action.RepaintAction; import prefuse.action.animate.ColorAnimator; import prefuse.action.animate.PolarLocationAnimator; import prefuse.action.animate.QualityControlAnimator; import prefuse.action.animate.VisibilityAnimator; import prefuse.action.assignment.ColorAction; import prefuse.action.assignment.DataColorAction; import prefuse.action.assignment.FontAction; import prefuse.action.layout.CollapsedSubtreeLayout; import prefuse.action.layout.graph.RadialTreeLayout; import prefuse.activity.SlowInSlowOutPacer; import prefuse.controls.ControlAdapter; import prefuse.controls.DragControl; import prefuse.controls.FocusControl; import prefuse.controls.HoverActionControl; import prefuse.controls.PanControl; import prefuse.controls.ZoomControl; import prefuse.controls.ZoomToFitControl; import prefuse.data.Graph; import prefuse.data.Node; import prefuse.data.Table; import prefuse.data.Tuple; import prefuse.data.event.TupleSetListener; import prefuse.data.io.DataIOException; import prefuse.data.io.DelimitedTextTableReader; import prefuse.data.io.GraphMLReader; import prefuse.data.query.SearchQueryBinding; import prefuse.data.search.PrefixSearchTupleSet; import prefuse.data.search.SearchTupleSet; import prefuse.data.tuple.DefaultTupleSet; import prefuse.data.tuple.TupleSet; import prefuse.render.AbstractShapeRenderer; import prefuse.render.DefaultRendererFactory; import prefuse.render.EdgeRenderer; import prefuse.render.LabelRenderer; import prefuse.util.ColorLib; import prefuse.util.FontLib; import prefuse.util.ui.JFastLabel; import prefuse.util.ui.JSearchPanel; import prefuse.util.ui.UILib; import prefuse.visual.VisualItem; import prefuse.visual.expression.InGroupPredicate; import prefuse.visual.sort.TreeDepthItemSorter; import wjl.util.PreTable;public class RadialGraphView extends Display {private static final String tree = "tree";private static final String treeNodes = "tree.nodes";private static final String treeEdges = "tree.edges";private static final String linear = "linear";private LabelRenderer m_nodeRenderer;private EdgeRenderer m_edgeRenderer;private String m_label = "label";public RadialGraphView(Graph g, String label) {super(new Visualization());m_label = label;// -- 設置可視化 --m_vis.add(tree, g);m_vis.setInteractive(treeEdges, null, false);// -- 設置渲染 --m_nodeRenderer = new LabelRenderer(m_label);m_nodeRenderer.setRenderType(AbstractShapeRenderer.RENDER_TYPE_FILL);m_nodeRenderer.setHorizontalAlignment(Constants.CENTER);m_nodeRenderer.setRoundedCorner(8,8);m_edgeRenderer = new EdgeRenderer();DefaultRendererFactory rf = new DefaultRendererFactory(m_nodeRenderer);rf.add(new InGroupPredicate(treeEdges), m_edgeRenderer);m_vis.setRendererFactory(rf);// -- 處理行動 --// colorsItemAction nodeColor = new NodeColorAction(treeNodes);ItemAction textColor = new TextColorAction(treeNodes);m_vis.putAction("textColor", textColor);ItemAction edgeColor = new ColorAction(treeEdges,VisualItem.STROKECOLOR, ColorLib.rgb(200,200,200));FontAction fonts = new FontAction(treeNodes, FontLib.getFont("Tahoma", 10));fonts.add("ingroup('_focus_')", FontLib.getFont("Tahoma", 11));// recolorActionList recolor = new ActionList(); // recolor.add(nodeColor);recolor.add(textColor);m_vis.putAction("recolor", recolor);// repaint 個人感覺repaint 沒有用處 但是不知道為什么demo里面會有ActionList repaint = new ActionList();repaint.add(recolor);repaint.add(new RepaintAction());m_vis.putAction("repaint", repaint);// 動畫油漆變化ActionList animatePaint = new ActionList(400);animatePaint.add(new ColorAnimator(treeNodes));animatePaint.add(new RepaintAction());m_vis.putAction("animatePaint", animatePaint);// 創建布局RadialTreeLayout treeLayout = new RadialTreeLayout(tree);//下面這條語句可以將一個圓改成一個扇形 // treeLayout.setAngularBounds(-Math.PI/2, Math.PI);m_vis.putAction("treeLayout", treeLayout);CollapsedSubtreeLayout subLayout = new CollapsedSubtreeLayout(tree);m_vis.putAction("subLayout", subLayout);// 創建過濾和布局ActionList filter = new ActionList();filter.add(new TreeRootAction(tree));filter.add(fonts);filter.add(treeLayout);filter.add(subLayout);filter.add(textColor); // filter.add(nodeColor);filter.add(edgeColor);m_vis.putAction("filter", filter);// 動畫過渡ActionList animate = new ActionList(1250);animate.setPacingFunction(new SlowInSlowOutPacer());animate.add(new QualityControlAnimator());animate.add(new VisibilityAnimator(tree));animate.add(new PolarLocationAnimator(treeNodes, linear));animate.add(new ColorAnimator(treeNodes));animate.add(new RepaintAction());m_vis.putAction("animate", animate);m_vis.alwaysRunAfter("filter", "animate");// ------------------------------------------------// 初始化setSize(600,600);setItemSorter(new TreeDepthItemSorter());addControlListener(new DragControl());addControlListener(new ZoomToFitControl());addControlListener(new ZoomControl());addControlListener(new PanControl());addControlListener(new FocusControl(1, "filter"));addControlListener(new HoverActionControl("repaint"));// ------------------------------------------------// 過濾圖和進行布局m_vis.run("filter");//我也不清楚這個是做什么的demo里面有m_vis.addFocusGroup(linear, new DefaultTupleSet());m_vis.getGroup(Visualization.FOCUS_ITEMS).addTupleSetListener(new TupleSetListener() {public void tupleSetChanged(TupleSet t, Tuple[] add, Tuple[] rem) {TupleSet linearInterp = m_vis.getGroup(linear);if ( add.length < 1 ) return; linearInterp.clear();for ( Node n = (Node)add[0]; n!=null; n=n.getParent() )linearInterp.addTuple(n);}});//給數據改變顏色int[] palette = new int[] { ColorLib.rgb(255,180,180), ColorLib.rgb(190,190,255), ColorLib.rgb(190,190,180)};DataColorAction fill = new DataColorAction(treeNodes, "gender", Constants.NOMINAL, VisualItem.FILLCOLOR, palette);m_vis.putAction("shujucolor", fill);m_vis.run("shujucolor");//endSearchTupleSet search = new PrefixSearchTupleSet();m_vis.addFocusGroup(Visualization.SEARCH_ITEMS, search);search.addTupleSetListener(new TupleSetListener() {public void tupleSetChanged(TupleSet t, Tuple[] add, Tuple[] rem) {m_vis.cancel("animatePaint");m_vis.run("recolor");m_vis.run("animatePaint");}});}// ------------------------------------------------------------------------public static void main(String argv[]) throws DataIOException {String label = "name";Table nodes = new DelimitedTextTableReader().readTable("src/nodes");Table edges = new DelimitedTextTableReader().readTable("src/edges");Graph graph = new Graph(nodes, edges, false, "id", "sid", "tid");UILib.setPlatformLookAndFeel();JFrame frame = new JFrame("wjl 圖顯示");frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);frame.setContentPane(demo(graph, label));frame.pack();frame.setVisible(true);}public static JPanel demo(String datafile, final String label) {Graph g = null;try {g = new GraphMLReader().readGraph(datafile);} catch ( Exception e ) {e.printStackTrace();System.exit(1);}return demo(g, label);}public static JPanel demo(Graph g, final String label) { // 創建一個視圖final RadialGraphView gview = new RadialGraphView(g, label);Visualization vis = gview.getVisualization();// 創建一個搜索 panel可以查詢元素// 這段代碼在自帶的demo中有SearchQueryBinding sq = new SearchQueryBinding((Table)vis.getGroup(treeNodes), label,(SearchTupleSet)vis.getGroup(Visualization.SEARCH_ITEMS));JSearchPanel search = sq.createSearchPanel();search.setShowResultCount(true);search.setBorder(BorderFactory.createEmptyBorder(5,5,4,0));search.setFont(FontLib.getFont("Tahoma", Font.PLAIN, 11));final JFastLabel title = new JFastLabel(" ");title.setPreferredSize(new Dimension(350, 20));title.setVerticalAlignment(SwingConstants.BOTTOM);title.setBorder(BorderFactory.createEmptyBorder(3,0,0,0));title.setFont(FontLib.getFont("Tahoma", Font.PLAIN, 16));gview.addControlListener(new ControlAdapter() {public void itemEntered(VisualItem item, MouseEvent e) {if ( item.canGetString(label) )title.setText(item.getString(label));}public void itemExited(VisualItem item, MouseEvent e) {title.setText(null);}});Box box = new Box(BoxLayout.X_AXIS);box.add(Box.createHorizontalStrut(10));box.add(title);box.add(Box.createHorizontalGlue());box.add(search);box.add(Box.createHorizontalStrut(3));JPanel panel = new JPanel(new BorderLayout());panel.add(gview, BorderLayout.CENTER);panel.add(box, BorderLayout.SOUTH);Color BACKGROUND = Color.WHITE;Color FOREGROUND = Color.DARK_GRAY;UILib.setColor(panel, BACKGROUND, FOREGROUND);return panel;}// ------------------------------------------------------------------------/*** 創建一個action 可以更換一個圖的新中心*/public static class TreeRootAction extends GroupAction {public TreeRootAction(String graphGroup) {super(graphGroup);}public void run(double frac) {TupleSet focus = m_vis.getGroup(Visualization.FOCUS_ITEMS);if ( focus==null || focus.getTupleCount() == 0 ) return;Graph g = (Graph)m_vis.getGroup(m_group);Node f = null;Iterator tuples = focus.tuples();while (tuples.hasNext() && !g.containsTuple(f=(Node)tuples.next())){f = null;}if ( f == null ) return;g.getSpanningTree(f);}}/*** 設置node的形態*/public static class NodeColorAction extends ColorAction {public NodeColorAction(String group) {super(group, VisualItem.FILLCOLOR, ColorLib.rgba(255,255,255,0));add("_hover", ColorLib.gray(220,230));add("ingroup('_search_')", ColorLib.rgb(255,190,190));add("ingroup('_focus_')", ColorLib.rgb(198,229,229));}}/*** 設置文字的形態*/public static class TextColorAction extends ColorAction {public TextColorAction(String group) {super(group, VisualItem.TEXTCOLOR, ColorLib.gray(0));add("_hover", ColorLib.rgb(255,0,0));}}}

?

顯示的結果：　

　

兩個文件的內容

nodes

id name gender
0 aasda boy
1 bqweq nokonw
2 weas girl
3 asdad boy
4 ezsuy girl
5 fghyt boy

edges

id sid tid
0 0 1
1 0 2
2 1 3
3 4 5
4 0 4

?

轉載于:https://www.cnblogs.com/MengYan-LongYou/p/3165328.html

超強干貨來襲 云風專訪：近40年碼齡，通宵達旦的技術人生

總結

以上是生活随笔為你收集整理的prefuse学习（二）显示一张图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。