Flutter【03】图片输出package依赖关系

2024-09-02 15:12

本文主要是介绍Flutter【03】图片输出package依赖关系,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

环境准备

安装 graphviz

arch -arm64 brew install graphviz

项目根目录pubspec.yaml文件内添加

dev_dependencies:
yaml: ^3.1.1
gviz: ^0.4.0

执行脚本

项目根目录下添加dart文件,运行main函数

import 'dart:io';
import 'dart:convert';
import 'package:yaml/yaml.dart' as yaml;
import 'package:gviz/gviz.dart';void main() async {final projectPath = await _getProjectPath();final file = File('$projectPath/pubspec.yaml');final fileContent = file.readAsStringSync();final yamlMap = yaml.loadYaml(fileContent) as yaml.YamlMap;final appName = yamlMap['name'].toString();print('开始 ...');final dependencyContent = await _getComponentDependencyTree(projectPath: projectPath,);print('... 开始遍历组件依赖节点');print(dependencyContent);final dependencyNodes = _traversalComponentDependencyTree(dependencyContent);print('... 完成遍历组件依赖节点');final graph = Gviz(name: appName,graphProperties: {'pad': '0.5','nodesep': '1','ranksep': '2',},edgeProperties: {'fontcolor': 'gray',},);print('... 开始转换 dot 节点');_generateDotByNodes(dependencyNodes,graph: graph,edgeCache: <String>[],);print('... 完成转换 dot 节点');final dotDirectoryPath = '$projectPath/dotGenerateDir';final dotDirectory = Directory(dotDirectoryPath);if (!dotDirectory.existsSync()) {await dotDirectory.create();print('... 创建 dotGenerate 文件夹');}final dotFileName = '$appName.dot';final dotPngName = '$appName.png';final dotFile = File('$dotDirectoryPath/$dotFileName');final dotPngFile = File('$dotDirectoryPath/$dotPngName');if (dotFile.existsSync()) {await dotFile.delete();print('... 删除原有 dot 生成文件');}if (dotPngFile.existsSync()) {await dotPngFile.delete();print('... 删除原有 dot 依赖关系图');}await dotFile.create();final dotResult = await dotFile.writeAsString(graph.toString());print('dot 文件生成成功: ${dotResult.path}');print('... 开始生成 dot png');await _runCommand(executable: 'dot',projectPath: projectPath,commandArgs: ['$dotDirectoryPath/$dotFileName','-T','png','-o','$dotDirectoryPath/$dotPngName'],);print('png 文件生成成功:$dotDirectoryPath/$dotPngName');await Process.run('open',[dotDirectoryPath],);
}const List<String> ignoreDependency = <String>['flutter','flutter_test','flutter_lints','cupertino_icons','gviz','yaml','injectable_generator','build_runner',
];Future<String> _getComponentDependencyTree({required String projectPath,
}) {return _runCommand(projectPath: projectPath,commandArgs: ['pub', 'deps', '--json'],).then((value) {if (value.contains('dependencies:') &&value.contains('dev dependencies:')) {final start = value.indexOf('dependencies:');final end = value.indexOf('dev dependencies:');return value.substring(start, end);} else {return value;}},);
}List<DependencyNode> _traversalComponentDependencyTree(String dependencyContent) {final dependencyJson = jsonDecode(dependencyContent) as Map<String, dynamic>;final packages = dependencyJson['packages'] as List<dynamic>;final nodeMap = <String, DependencyNode>{};for (var package in packages) {final node = DependencyNode.fromMap(package);nodeMap[node.name] = node;}final rootNode = nodeMap.values.firstWhere((element) => element.isRootNode);void mapDependencies(DependencyNode node, Set<String> visitedNodes) {if (visitedNodes.contains(node.name)) {return;}visitedNodes.add(node.name);for (final itemName in node.dependencies) {if (!ignoreDependency.contains(itemName)) {final itemNode = nodeMap[itemName];if (itemNode != null) {mapDependencies(itemNode, visitedNodes);node.children.add(itemNode);itemNode.isLevel1Node = false;}}}}final visitedNodes = <String>{};mapDependencies(rootNode, visitedNodes);// 使用新的 rebuildDependencyTree 函数来创建一个没有重复依赖的新树DependencyNode newRootNode = rebuildDependencyTree(rootNode, Set<String>());return [newRootNode];
}
DependencyNode rebuildDependencyTree(DependencyNode originalNode, Set<String> seenDependencies) {// 创建一个新的节点,复制原始节点的属性DependencyNode newNode = DependencyNode(name: originalNode.name,version: originalNode.version,kind: originalNode.kind,source: originalNode.source,dependencies: originalNode.dependencies,);newNode.isLevel1Node = originalNode.isLevel1Node;// 如果这个节点已经被处理过,直接返回新节点(没有子节点)if (seenDependencies.contains(newNode.name)) {return newNode;}// 将这个节点添加到已处理集合中seenDependencies.add(newNode.name);// 处理子节点for (var childNode in originalNode.children) {if (!ignoreDependency.contains(childNode.name)) {var newChildNode = rebuildDependencyTree(childNode, seenDependencies);newNode.children.add(newChildNode);}}return newNode;
}
Future<String> _getProjectPath() async {final originProjectPath = await Process.run('pwd',[],);final projectPath = (originProjectPath.stdout as String).replaceAll('\n','',);return projectPath;
}void _generateDotByNodes(List<DependencyNode> nodes, {required Gviz graph,required List<String> edgeCache,}) {if (nodes.isEmpty) {return;}for (int index = 0; index < nodes.length; index++) {final itemNode = nodes[index];final from = '${itemNode.name}\n${itemNode.version}';if (!graph.nodeExists(from)) {graph.addNode(from,properties: {'color': 'black','shape': 'rectangle','margin': '1,0.8','penwidth': '7','style': 'filled','fillcolor': 'gray','fontsize': itemNode.isLevel1Node ? '60' : '55',},);}final toArr = itemNode.children.map((e) => '${e.name}\n${e.version}').toList();for (var element in toArr) {final edgeKey = '$from-$element';if (!edgeCache.contains(edgeKey)) {graph.addEdge(from,element,properties: {'penwidth': '2','style': 'dashed','arrowed': 'vee',},);edgeCache.add(edgeKey);}}_generateDotByNodes(itemNode.children,graph: graph,edgeCache: edgeCache,);}
}Future<String> _runCommand({String executable = 'flutter',required String projectPath,required List<String> commandArgs,
}) {return Process.run(executable,commandArgs,runInShell: true,workingDirectory: projectPath,).then((result) => result.stdout as String);
}class DependencyNode {final String name;final String version;final String kind;final String source;final List<String> dependencies;final children = <DependencyNode>[];bool isLevel1Node = true;factory DependencyNode.fromMap(Map<String, dynamic> map) {return DependencyNode(name: map['name'] as String,version: map['version'] as String,kind: map['kind'] as String,source: map['source'] as String,dependencies: (map['dependencies'] as List<dynamic>).map((e) => e as String).toList(),);}bool get isRootNode => kind == 'root';@overridebool operator ==(Object other) =>identical(this, other) ||other is DependencyNode &&runtimeType == other.runtimeType &&name == other.name;@overrideint get hashCode => name.hashCode;DependencyNode({required this.name,required this.version,required this.kind,required this.source,required this.dependencies,});
}

输出示例


这篇关于Flutter【03】图片输出package依赖关系的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/1130305

相关文章

使用Python实现调用API获取图片存储到本地的方法

《使用Python实现调用API获取图片存储到本地的方法》开发一个自动化工具,用于从JSON数据源中提取图像ID,通过调用指定API获取未经压缩的原始图像文件,并确保下载结果与Postman等工具直接... 目录使用python实现调用API获取图片存储到本地1、项目概述2、核心功能3、环境准备4、代码实现

使用Java将实体类转换为JSON并输出到控制台的完整过程

《使用Java将实体类转换为JSON并输出到控制台的完整过程》在软件开发的过程中,Java是一种广泛使用的编程语言,而在众多应用中,数据的传输和存储经常需要使用JSON格式,用Java将实体类转换为J... 在软件开发的过程中,Java是一种广泛使用的编程语言,而在众多应用中,数据的传输和存储经常需要使用j

Java实现图片淡入淡出效果

《Java实现图片淡入淡出效果》在现代图形用户界面和游戏开发中,**图片淡入淡出(FadeIn/Out)**是一种常见且实用的视觉过渡效果,它可以用于启动画面、场景切换、轮播图、提示框弹出等场景,通过... 目录1. 项目背景详细介绍2. 项目需求详细介绍2.1 功能需求2.2 非功能需求3. 相关技术详细

Java如何根据文件名前缀自动分组图片文件

《Java如何根据文件名前缀自动分组图片文件》一大堆文件(比如图片)堆在一个目录下,它们的命名规则遵循一定的格式,混在一起很难管理,所以本文小编就和大家介绍一下如何使用Java根据文件名前缀自动分组图... 目录需求背景分析思路实现代码输出结果知识扩展需求一大堆文件(比如图片)堆在一个目录下,它们的命名规

将图片导入Python的turtle库的详细过程

《将图片导入Python的turtle库的详细过程》在Python编程的世界里,turtle库以其简单易用、图形化交互的特点,深受初学者喜爱,随着项目的复杂度增加,仅仅依靠线条和颜色来绘制图形可能已经... 目录开篇引言正文剖析1. 理解基础:Turtle库的工作原理2. 图片格式与支持3. 实现步骤详解第

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项

Maven 依赖发布与仓库治理的过程解析

《Maven依赖发布与仓库治理的过程解析》:本文主要介绍Maven依赖发布与仓库治理的过程解析,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下... 目录Maven 依赖发布与仓库治理引言第一章:distributionManagement配置的工程化实践1

Spring三级缓存解决循环依赖的解析过程

《Spring三级缓存解决循环依赖的解析过程》:本文主要介绍Spring三级缓存解决循环依赖的解析过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、循环依赖场景二、三级缓存定义三、解决流程(以ServiceA和ServiceB为例)四、关键机制详解五、设计约

Flutter实现文字镂空效果的详细步骤

《Flutter实现文字镂空效果的详细步骤》:本文主要介绍如何使用Flutter实现文字镂空效果,包括创建基础应用结构、实现自定义绘制器、构建UI界面以及实现颜色选择按钮等步骤,并详细解析了混合模... 目录引言实现原理开始实现步骤1:创建基础应用结构步骤2:创建主屏幕步骤3:实现自定义绘制器步骤4:构建U

gradle第三方Jar包依赖统一管理方式

《gradle第三方Jar包依赖统一管理方式》:本文主要介绍gradle第三方Jar包依赖统一管理方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录背景实现1.顶层模块build.gradle添加依赖管理插件2.顶层模块build.gradle添加所有管理依赖包