首页 文章 精选 留言 我的

精选列表

搜索[编写],共10014篇文章
优秀的个人博客,低调大师

Qt编写地图综合应用4-仪表盘

一、前言 仪表盘在很多汽车和物联网相关的系统中很常用,最直观的其实就是汽车仪表盘,这个以前主要是机械的仪表,现在逐步改成了智能的带屏带操作系统的仪表,这样美观性和拓展性功能性大大增强了,上了操作系统的话,除了基本的仪表指示以外,还可以听歌导航接电话等,这应该也是目前汽车领域发展的一个大趋势,Qt在这方面还单独搞了个3D studio设计的,可以让美工直接设计好效果图,设置一些动画效果之类的,可以说这些年Qt公司也在不断谋求新的发展,探索新的机遇,找到新的增长点和突破口。 用Qt开发仪表盘控件非常方便,无论是用widget的painter还是qml,尤其是qml,内置的那些动画效果非常适合做这类的应用,这次不讨论如何用qt开发仪表盘,而是直接用echart内置的仪表盘控件,做的也挺好的,不知道echart这么小的一个文件,还能有如此多的效果,连仪表盘都有,这个非常震惊,仪表盘的使用在官网非常详细,与Qt的结合难点可能就在如何交互,Qt中无论是webkit也还还是webengine,都提供了runJavaScript或者evaluateJavaScript函数类来执行js函数,只需要在html文件写好对应的js文件函数就可以直接触发执行,比如设置仪表盘的角度我这里写的是setGaugeValue(value),则只需要runJavaScript或者evaluateJavaScript参数传入 setGaugeValue(88)这个即可,只需要根据界面上的滚动条或者滑块的值动态改变setGaugeValue的参数即可。 二、功能特点 同时支持闪烁点图、迁徙图、区域地图、仪表盘等。 可以设置标题、提示信息、背景颜色、文字颜色、线条颜色、区域颜色等各种颜色。 可设置城市的名称、值、经纬度 集合。 可设置地图的放大倍数、是否允许鼠标滚轮缩放。 内置世界地图、全国地图、省份地图、地区地图,可以精确到县,所有地图全部离线使用。 内置了各省市json数据文件转js文件功能,如有数据更新自行转换即可,支持单个文件转换和一键转换所有文件。 内置了从json文件或者js文件获取该区域的所有名称和经纬度信息集合的功能,可以通过该方法获取到信息用来显示。 依赖浏览器组件显示地图,提供的demo支持webkit、webengine、ie 三种方式加载网页。 拓展性极强,可以依葫芦画瓢自行增加各种精美的echarts组件,做出牛逼的效果。 内置的仪表盘组件提供交互功能,demo演示中包含了对应的代码。 函数接口友好和统一,使用简单方便,就一个类。 支持任意Qt版本、任意系统、任意编译器。 三、体验地址 体验地址:https://pan.baidu.com/s/1uQsDQO5E5crUBN2J-nPeLQ 提取码:1jkp 文件名:bin_map.zip 国内站点:https://gitee.com/feiyangqingyun 国际站点:https://github.com/feiyangqingyun 个人主页:https://blog.csdn.net/feiyangqingyun 知乎主页:https://www.zhihu.com/people/feiyangqingyun/ 四、效果图 五、相关代码 QString Echarts::newChartGauge(const QString &title, int value) { QStringList body; body << QString(" var option = {"); body << QString(" backgroundColor: '%1',").arg(bgColor.name()); body << QString(" tooltip: {"); body << QString(" formatter: '{a} <br/>{b} : {c}%'"); body << QString(" },"); body << QString(" toolbox: {"); body << QString(" feature: {"); body << QString(" restore: {},"); body << QString(" saveAsImage: {}"); body << QString(" }"); body << QString(" },"); body << QString(" series: ["); body << QString(" {"); body << QString(" type: 'gauge',"); body << QString(" detail: {"); body << QString(" formatter: '{value}%',"); body << QString(" textStyle: {color: '%1', fontSize: 30},").arg(textColor.name()); body << QString(" },"); body << QString(" title: {"); body << QString(" textStyle: {color: '%1', fontSize: 30}").arg(textColor.name()); body << QString(" },"); body << QString(" data: [{name: '%1', value: value}]").arg(title); body << QString(" }"); body << QString(" ]"); body << QString(" };"); QString funName = QString("setGaugeValue(value)"); QString funInit = QString("setGaugeValue(%1)").arg(value); return newChart(body.join("\r\n "), funName, funInit); }

优秀的个人博客,低调大师

编写自己的 GitHub Action,体验自动化部署

本文将介绍如何使用 GitHub Actions 部署前端静态页面,以及如何自己创建一个 Docker 容器 Action。 简介 Actions GitHub Actions 是 GitHub 官方推出的持续集成/部署模块服务(CI/CD),和 jenkins、Travis CI 是同一类产品定位。 但 Actions 的最大优势,就是它是与 GitHub 高度整合的,只需一个配置文件即可自动开启服务。甚至你不需要购买服务器 —— GitHub Actions 自带云环境运行,包括私有仓库也可以享用,而且云环境性能也十分强劲。 当然这也意味着项目必须存放在 GitHub 才能享受这项服务。如果你的 GitHub 上有一些项目需要部署,那不妨把构建、上传等工作放到 Actions 里。比如最近我有个前端项目需要打包成静态文件,然后上传到腾讯云 COS 里,这是典型的自动化部署应用场景,我们可以借助 Actions 实现一劳永逸。 配置 workflow 前文说到,开启 GitHub Actions 只需一个配置文件,这个文件就是 workflow(工作流),它需要存在仓库目录下 .github/workflows/*.yml,文件名任意,但需要是一个 YAML 配置文件。 这个文件用来规定自动化操作在什么时候触发启动,然后需要做哪些事情,比如这样: name: Deploy on: push: branches: - master jobs: build: runs-on: ubuntu-latest steps: - name: Checkout master uses: actions/checkout@v2 with: ref: master - name: Setup node uses: actions/setup-node@v1 with: node-version: "10.x" - name: Build project run: yarn && yarn build - name: Upload COS uses: zkqiang/tencent-cos-action@master with: args: delete -r -f / && upload -r ./dist/ / secret_id: ${{ secrets.SECRET_ID }} secret_key: ${{ secrets.SECRET_KEY }} bucket: ${{ secrets.BUCKET }} region: ap-shanghai 首先配置里所有 name 都是可以自定义的,只是用于可视化中进行识别。 on: 用来指定启动触发的事件,push 则表示在监听到 git push 到指定分支时触发。如此之外还可以是 pull_request。 jobs: 是工作任务,可以包含多个 job,并且每个 job 是独立的虚拟环境。不同 job 之间默认是并行的,如果想顺序执行,可以这样 build-job: needs: test-job。 runs-on: 用来指定执行系统环境,不仅有常用的 Linux 发行版,还可以是 macOS 或 Windows。 steps: 表示每个 job 需要执行的步骤,比如这里我分成了四步,拉取分支 → 安装 Node 环境 → 构建项目 → 上传 COS。 uses: 指的是这一步骤需要先调用哪个 Action。 Action 是组成工作流最核心最基础的元素。每个 Action 可以看作封装的独立脚本,有自己的操作逻辑,我们只需要 uses 并通过 with 传入参数即可。 比如 actions/checkout@v2 就是官方社区贡献的用来拉取仓库分支的 Action,你不需要考虑安装 git 命令工具,只需要把分支参数传入即可。 更多 Action 你可以通过 GitHub 顶部的 Marketplace 里找到,不过问题来了,我在其中搜索腾讯 COS 并没有找到相关 Action。 腾讯官方提供了 coscmd 命令行工具,是基于 Python 开发,很可惜没有二进制版本。因此如果使用在 Actions 中,就必须有 Python 环境,有两种思路: 在 Steps 里加入 actions/setup-python 这一步骤安装 Python 环境,然后再使用 pip install coscmd; 将上面的步骤封装成独立的 Action,之后直接 uses 即可。 第一种很简单,可以在 steps 里加入: steps: - uses: actions/setup-python@v1 with: python-version: '3.x' architecture: 'x64' - name: Install coscmd run: pip install -U coscmd - name: Upload COS run: | coscmd config .... coscmd upload -r ./dist/ / 但是我选择了第二种,顺便了解如何创建自己的 Action。 创建 Docker 容器 Action 官方提供了两种方式创建 Action,一种是使用 JavaScript 环境创建,另一种是通过 Docker 容器创建。coscmd 既然依赖 Python,这里使用 Docker 容器更简单一些。 创建 Dockerfile 那我们首先创建一个 Dockerfile: FROM python:3.7-slim ENV PYTHONDONTWRITEBYTECODE 1 ENV PYTHONUNBUFFERED 1 RUN pip install --upgrade --no-cache-dir coscmd COPY "entrypoint.sh" "/entrypoint.sh" RUN chmod +x /entrypoint.sh ENTRYPOINT ["/entrypoint.sh"] 如果不了解 Docker 也没关系,只需要知道 FROM 是指定容器环境,然后 RUN 去执行 pip install coscmd 的操作。最后将仓库目录下的 entrypoint.sh 拷贝到容器中,并用 ENTRYPOINT 执行,至于这个 sh 文件后面再说 。 创建 action.yml 这里定义了 Action 相关的配置: name: 'Tencent COS Action' description: 'GitHub Actions for Tencent COS Command' author: 'zkqiang <zkqiang@126.com>' branding: icon: 'cloud' color: 'blue' inputs: args: description: 'COSCMD args' required: true secret_id: description: 'Tencent cloud SecretId' required: true secret_key: description: 'Tencent cloud SecretKey' required: true bucket: description: 'COS bucket name' required: true region: description: 'COS bucket region' required: true runs: using: 'docker' image: 'Dockerfile' 除了一些描述性信息,最重要的是定义 input: args 输入参数,也就是 step 里 with 传递的参数,可以通过 required 设置该参数是否必传。这里传递的参数都是识别和验证对象桶的必需参数。 最后通过 runs 指定 docker 环境和 Dockerfile 文件。 创建 entrypoint.sh 这里需要使用 shell 来写传递参数后的执行逻辑,由于 coscmd 本身就是命令行工具,所以我们只需将参数再传给它即可。 #!/bin/bash set -e if [ -z "$INPUT_ARGS" ]; then echo 'Required Args parameter' exit 1 fi # ...省略部分代码 coscmd config -a $INPUT_SECRET_ID -s $INPUT_SECRET_KEY -b $INPUT_BUCKET -r $INPUT_REGION -m $THREAD IFS="&&" arrARGS=($INPUT_ARGS) for each in ${arrARGS[@]} do unset IFS each=$(echo ${each} | xargs) if [ -n "$each" ]; then echo "Running command: coscmd ${each}" coscmd $each fi done action.yml 中的参数会自动转成 INPUT_ 前缀并且大写的变量传入,因此我们可以直接引用。 验证完参数之后(也可省略,action.yml 已判断),先配置 coscmd config,然后将 args 参数传入 coscmd 即可。另外为了方便使用多条命令,加入了支持 && 连接命令,脚本里需要对其分割。 调用自建的 Action 将刚才创建的 Action 推送到 GitHub 上,就调用这个 Action 了,前文的 workflow 配置里也已经包含了: name: Upload COS uses: zkqiang/tencent-cos-action@master with: args: delete -r / && upload -r ./dist/ / secretId: ${{ secrets.SECRET_ID }} secretKey: ${{ secrets.SECRET_KEY }} bucket: ${{ secrets.BUCKET }} region: ap-shanghai args: delete -r -f / && upload -r ./dist/ /,相当于先清空对象桶,然后再执行上传。delete 和 upload 都是 coscmd 自己的命令参数,其他命令可以查阅官方文档。 另外有没有注意到 ${{ secrets.XXX }} 这种参数,并不是具体的值,而是调用了 GitHub Settings 里保存的 secrets,添加方式如下: 为什么这样做?是因为 workflow 代码在公开仓库中也是任意可见的,如果将 SecretKey 这些信息暴露,等于将 COS 操作权限交出,而存在 settings 里则不会有这个问题。 然后就可以使用 Actions 功能了,向包含 workflow 的仓库 master 分支推送一次代码,如果没有配错的话,过段时间可以在 Actions 栏里看到一列绿色的对号。 结语 至此我们了解了如何使用 GitHub Actions 部署,以及如何自己创建一个 Action,可见这一项免费的服务真的非常好用,借助 Action 开源市场也可以大幅简化使用。 当然 CI 的应用不仅仅在部署这方面,绝大部分从开发完成到交付/部署之间的动作也都可以用自动化完成,只要是重复的操作就应该考虑能不能加入自动化来解放双手。 本文 COS Action 的代码仓库。 workflow 官方文档 更多的 Actions 可以从 Marketplace 和 awesome-actions 里获取。 本文属于原创,首发于微信公众号「面向人生编程」,如需转载请后台留言。

优秀的个人博客,低调大师

如何编写分布式的数据传输

一、原理 根据前面介绍的datax原理,数据传输主要包括两部分:1)切分task;2)task调度执行 二、如何切分task 根据不同的数据源可以有不同的切分方式(目标端进行适配),几种常见的切分方式 1)mysql:如果是分库分表,可以按照单表切分成一个task;如果是单表,可以根据主键的区间值切分(参考datax的splitKey) 2)hbase:根据region的rowkey进行切分 3)文件:一个文件一个task,如果单文件可以切分(如orc文件),可以一个文件多个task 4)kafka:可以按照partition进行切分 5)其他的可以参考datax里面的reader插件 三、如何进行task调度执行 在datax里面,task的调度分成了两级,首先将task分配到不同的taskGroup,然后每个taskGroup里面有5个不同的线程去消费task,这种分配策略和分布式调度策略有相似之处。以Yarn为例,分配一个AM作为调度节点,每个container作为执行节点即可将datax移植到分布式的执行引擎上面,具体设计可以参考下图 四、上述实现方式即可以是mapreduce,也可以是spark,或者自己实现一个Yarn Application,我本人是使用mr实现上述设计

优秀的个人博客,低调大师

Android开发实践:自己动手编写图片剪裁应用(3)

打开图片 图片的打开主要是把各种格式的图片转换为Bitmap对象,Android通过BitmapFactory类提供了一系列的静态方法来协助完成这个操作,如下所示: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 public class BitmapFactory{ public static BitmapdecodeFile(StringpathName,Optionsopts); public static BitmapdecodeFile(StringpathName); public static BitmapdecodeResourceStream(Resourcesres,TypedValuevalue, InputStreamis,Rectpad,Optionsopts); public static BitmapdecodeResource(Resourcesres, int id,Optionsopts); public static BitmapdecodeResource(Resourcesres, int id); public static BitmapdecodeByteArray( byte []data, int offset, int length,Optionsopts); public static BitmapdecodeByteArray( byte []data, int offset, int length); public static BitmapdecodeStream(InputStreamis,RectoutPadding,Optionsopts); public static BitmapdecodeStream(InputStreamis); public static BitmapdecodeFileDescriptor(FileDescriptorfd,RectoutPadding,Optionsopts); public static BitmapdecodeFileDescriptor(FileDescriptorfd); } 通过这些静态方法,我们可以方便地从文件、资源、字节流等各种途径打开图片,生成Bitmap对象。下面给出一个从文件中打开图片的函数封装: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 public static Bitmapload(Stringfilepath){ Bitmapbitmap= null ; try { FileInputStreamfin= new FileInputStream(filepath); bitmap=BitmapFactory.decodeStream(fin); fin.close(); } catch (FileNotFoundExceptione){ } catch (IOExceptione){ } return bitmap; } 2. 保存图片 图片的保存则主要通过Bitmap的compress方法,该方法的原型如下: 1 2 3 4 5 6 7 8 9 10 11 /** *Writeacompressedversionofthebitmaptothespecifiedoutputstream. *@paramformatTheformatofthecompressedimage *@paramqualityHinttothecompressor,0-100.0meaningcompressfor *smallsize,100meaningcompressformaxquality.Some *formats,likePNGwhichislossless,willignorethe *qualitysetting *@paramstreamTheoutputstreamtowritethecompresseddata. *@returntrueifsuccessfullycompressedtothespecifiedstream. */ public boolean compress(CompressFormatformat, int quality,OutputStreamstream) 第一个参数是图片格式,只有JPEG、PNG和WEBP三种,第二个参数是压缩质量(0~100),数值越大图片信息损失越小,第三个参数则是文件流对象。 同样,这里给出一个保存图片的函数封装: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 public static void save(Bitmapbitmap,Stringfilepath){ try { FileOutputStreamfos= new FileOutputStream(filepath); bitmap.compress(CompressFormat.JPEG, 100 ,fos); bitmap.recycle(); fos.close(); } catch (FileNotFoundExceptione){ } catch (IOExceptione){ } } 3. 剪裁图片 Android中剪裁图片主要有2种方法,一种通过Bitmap的createBitmap方法来生成剪裁的图片,另一种则是通过Canvas对象来“绘制”新的图片,这里先给出代码,再分析: 1 2 3 4 5 6 7 8 9 10 11 public static Bitmapcrop(Bitmapbitmap,RectcropRect){ return Bitmap.createBitmap(bitmap,cropRect.left,cropRect.top,cropRect.width(),cropRect.height()); } public static BitmapcropWithCanvas(Bitmapbitmap,RectcropRect){ RectdestRect= new Rect( 0 , 0 ,cropRect.width(),cropRect.height()); Bitmapcropped=Bitmap.createBitmap(cropRect.width(),cropRect.height(),Bitmap.Config.RGB_565); Canvascanvas= new Canvas(cropped); canvas.drawBitmap(bitmap,cropRect,destRect, null ); return cropped; } 其实第一种方法内部实现也是利用了Canvas对象来“绘制”新的图片的,Canvas对象通过一个Bitmap对象来构建,该Bitmap即为“画布”,drawBitmap则是将源bitmap对象“画”到“画布”之中,这样就实现了数据的搬移,实现了图片的剪裁。 4. 旋转图片 Android中旋转图片同样是通过Bitmap的createBitmap方法来生成旋转后的图片,不过图片的旋转需要借助Matrix对象来协助完成,代码如下: 1 2 3 4 5 public static Bitmaprotate(Bitmapbitmap, int degrees){ Matrixmatrix= new Matrix(); matrix.postRotate(degrees); return Bitmap.createBitmap(bitmap, 0 , 0 ,bitmap.getWidth(),bitmap.getHeight(),matrix, true ); } 当然,图片的旋转也是可以通过Canvas来“绘制”,由于图片旋转会导致边界坐标发生变化,所以需要以图片中心点坐标为中心来旋转,具体实现见如下代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 public static BitmaprotateWithCanvas(Bitmapbitmap, int degrees){ int destWidth,destHeight; float centerX=bitmap.getWidth()/ 2 ; float centerY=bitmap.getHeight()/ 2 ; //Wewanttodotherotationatorigin,butsincethebounding //rectanglewillbechangedafterrotation,sothedeltavalues //arebasedonold&newwidth/heightrespectively. Matrixmatrix= new Matrix(); matrix.preTranslate(-centerX,-centerY); matrix.postRotate(degrees); if (degrees/ 90 % 2 == 0 ){ destWidth=bitmap.getWidth(); destHeight=bitmap.getHeight(); matrix.postTranslate(centerX,centerY); } else { destWidth=bitmap.getHeight(); destHeight=bitmap.getWidth(); matrix.postTranslate(centerY,centerX); } Bitmapcropped=Bitmap.createBitmap(destWidth,destHeight,Bitmap.Config.RGB_565); Canvascanvas= new Canvas(cropped); canvas.drawBitmap(bitmap,matrix, null ); return cropped; } 本文转自 Jhuster 51CTO博客,原文链接:http://blog.51cto.com/ticktick/1604074,如需转载请自行联系原作者

资源下载

更多资源
腾讯云软件源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题,腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构,目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring

Spring框架(Spring Framework)是由Rod Johnson于2002年提出的开源Java企业级应用框架,旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念,提供核心容器、应用上下文、数据访问集成等模块,支持整合Hibernate、Struts等第三方框架,其适用范围不仅限于服务器端开发,绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

用户登录
用户注册