为博主打Call(Activiti实现自定义流程图颜色)

前言：

接口（一）代码：

接口（一）展示效果：

接口（二）代码

接口（二）展示效果

ActivitiConfiguration

CustomProcessDiagramCanvas

CustomProcessDiagramGenerator

CustomProcessDiagramGeneratorI

ProcessTypeEnum

WorkflowConstants

前言：

在这之前小编写过一篇Activiti流程高亮显示，参考文章，下面文章中的接口（一）跟我Activit流程高亮显示里面的是一个类型。

接口（一）的这个方法存在一个问题，第一个流程实例颜色没有自定义，颜色默认是红色，第二个问题是画流程图的时候其实我是有个流程实例一个名字的，但是呢，接口（一）并不能将这些文字显示出来。

昵称为断翅绝尘的博主解决了我的这个问题，他写的Activit专栏文章质量还是很高的，参照他写的Activiti实现自定义流程图做出了我想要的效果，当然喽，copy过来以后还是有一些问题，一个个的把它解决掉最终也实现了和博主一样的功能，为博主打call.

接口（一）代码：

 @RequestMapping("/queryProPlan1")
    public void queryProPlan1(HttpServletRequest request, HttpServletResponse response) throws Exception {
        String processInstanceId = request.getParameter("ProcessInstanceId");
        //获取历史流程实例
        HistoricProcessInstance processInstance = historyService.createHistoricProcessInstanceQuery().processInstanceId(processInstanceId).singleResult();
        //获取流程图
        BpmnModel bpmnModel = repositoryService.getBpmnModel(processInstance.getProcessDefinitionId());
        processEngineConfiguration = processEngine.getProcessEngineConfiguration();
        Context.setProcessEngineConfiguration((ProcessEngineConfigurationImpl) processEngineConfiguration);

        ProcessDiagramGenerator diagramGenerator = processEngineConfiguration.getProcessDiagramGenerator();
        ProcessDefinitionEntity definitionEntity = (ProcessDefinitionEntity) repositoryService.getProcessDefinition(processInstance.getProcessDefinitionId());

        List<HistoricActivityInstance> highLightedActivitList = historyService.createHistoricActivityInstanceQuery().processInstanceId(processInstanceId).list();
        //高亮环节id集合
        List<String> highLightedActivitis = new ArrayList<String>();

        //高亮线路id集合
        List<String> highLightedFlows = getHighLightedFlows(definitionEntity, highLightedActivitList);

        for (HistoricActivityInstance tempActivity : highLightedActivitList) {
            String activityId = tempActivity.getActivityId();
            highLightedActivitis.add(activityId);
        }

        //中文显示的是口口口，设置字体就好了
        InputStream imageStream = diagramGenerator.generateDiagram(bpmnModel, "png", highLightedActivitis, highLightedFlows, "", "宋体", "宋体", null, 1.0);
        //单独返回流程图，不高亮显示
        byte[] b = new byte[1024];
        int len;
        while ((len = imageStream.read(b, 0, Constant.INT1024)) != -1) {
            response.getOutputStream().write(b, 0, len);
        }

    }

展示效果：

由于当时使用的是框架自带的方法，执行过的流程是红色，现在需要做的如何定义这个图例颜色，以及将图例上的文字内容显示在页面上。比如下面我标注的这个文字，工程，其他，接受驳回这些信息显示在页面上。

接口（二）代码

为了改进上面这个方法，新增了一些类。

新增类大概有：

 @RequestMapping("/queryProPlan")
    public void queryProPlan(HttpServletRequest request, HttpServletResponse response) throws Exception {
        String processInstanceId = request.getParameter("ProcessInstanceId");
        if (StringUtils.isBlank(processInstanceId)) {
            logger.error("参数为空");
        }
        HistoricProcessInstance processInstance = historyService.createHistoricProcessInstanceQuery()
                .processInstanceId(processInstanceId).singleResult();
        BpmnModel bpmnModel = repositoryService.getBpmnModel(processInstance.getProcessDefinitionId());
        ProcessDefinitionEntity definitionEntity = (ProcessDefinitionEntity) repositoryService
                .getProcessDefinition(processInstance.getProcessDefinitionId());
        List<HistoricActivityInstance> highLightedActivitList = historyService.createHistoricActivityInstanceQuery()
                .processInstanceId(processInstanceId).orderByHistoricActivityInstanceStartTime().asc().list();
        // 高亮环节id集合
        List<String> highLightedActivitis = new ArrayList<String>();
        // 高亮线路id集合
        List<String> highLightedFlows = getHighLightedFlows(definitionEntity, highLightedActivitList);
        for (HistoricActivityInstance tempActivity : highLightedActivitList) {
            String activityId = tempActivity.getActivityId();
            highLightedActivitis.add(activityId);
        }

        Set<String> currIds = runtimeService.createExecutionQuery().processInstanceId(processInstance.getId()).list()
                .stream().map(e->e.getActivityId()).collect(Collectors.toSet());

        CustomProcessDiagramGeneratorI diagramGenerator = (CustomProcessDiagramGeneratorI) processEngineConfiguration
                .getProcessDiagramGenerator();
        InputStream imageStream = diagramGenerator.generateDiagram(bpmnModel, "png", highLightedActivitis,
                highLightedFlows, "宋体", "宋体", "宋体", null, 1.0, new Color[] { WorkflowConstants.COLOR_NORMAL, WorkflowConstants.COLOR_CURRENT }, currIds);
        // 输出资源内容到相应对象
        byte[] b = new byte[1024];
        int len;
        while ((len = imageStream.read(b, 0, 1024)) != -1) {
            response.getOutputStream().write(b, 0, len);
        }

    }

接口（二）展示效果

其中动态流程图定义的颜色：

接下来我会将代码都贴出来。