HarmonyOS 自定义抽奖转盘开发（ArkTS）

介绍

本篇 Codelab 是基于画布组件、显式动画，实现的一个自定义抽奖圆形转盘。包含如下功能：

1.  通过画布组件 Canvas，画出抽奖圆形转盘。

2.  通过显式动画启动抽奖功能。

3.  通过自定义弹窗弹出抽中的奖品。

相关概念

● Stack组件：堆叠容器，子组件按照顺序依次入栈，后一个子组件覆盖前一个子组件。

● Canvas：画布组件，用于自定义绘制图形。

● CanvasRenderingContext2D对象：使用 RenderingContext 在 Canvas 组件上进行绘制，绘制对象可以是矩形、文本、图片等。

● 显式动画：提供全局 animateTo 显式动画接口来指定由于闭包代码导致的状态变化插入过渡动效。

● 自定义弹窗： 通过 CustomDialogController 类显示自定义弹窗。

完整示例

gitee源码地址

源码下载

自定义抽奖转盘（ArkTS）.zip

环境搭建

我们首先需要完成 HarmonyOS 开发环境搭建，可参照如下步骤进行。

软件要求

● DevEco Studio版本：DevEco Studio 3.1 Release。

● HarmonyOS SDK版本：API version 9。

硬件要求

● 设备类型：华为手机或运行在 DevEco Studio 上的华为手机设备模拟器。

● HarmonyOS 系统：3.1.0 Developer Release。

环境搭建

1.  安装 DevEco Studio，详情请参考下载和安装软件。

2.  设置 DevEco Studio 开发环境，DevEco Studio 开发环境需要依赖于网络环境，需要连接上网络才能确保工具的正常使用，可以根据如下两种情况来配置开发环境：如果可以直接访问 Internet，只需进行下载HarmonyOS SDK操作。

a.  如果网络不能直接访问 Internet，需要通过代理服务器才可以访问，请参考配置开发环境。

3.  开发者可以参考以下链接，完成设备调试的相关配置：使用真机进行调试

a.  使用模拟器进行调试

代码结构解读

本篇 Codelab 只对核心代码进行讲解，对于完整代码，我们会在源码下载或 gitee 中提供。

├──entry/src/main/ets	            // 代码区│  ├──common│  │  ├──constants│  │  │  ├──ColorConstants.ets      // 颜色常量类│  │  │  ├──CommonConstants.ets     // 公共常量类 │  │  │  └──StyleConstants.ets      // 样式常量类 │  │  └──utils│  │     ├──CheckEmptyUtils.ets     // 数据判空工具类│  │     └──Logger.ets              // 日志打印类│  ├──entryability│  │  └──EntryAbility.ts            // 程序入口类│  ├──pages│  │  └──CanvasPage.ets             // 主界面	│  ├──view│  │  └──PrizeDialog.ets            // 中奖信息弹窗类│  └──viewmodel│     ├──DrawModel.ets              // 画布相关方法类│     ├──FillArcData.ets            // 绘制圆弧数据实体类│     └──PrizeData.ets              // 中奖信息实体类└──entry/src/main/resources         // 资源文件目录

构建主界面

在这个章节中，我们将完成示例主界面的开发，效果如图所示：

在绘制抽奖圆形转盘前，首先需要在 CanvasPage.ets 的 aboutToAppear 方法中获取屏幕的宽高。

// CanvasPage.ets// 获取contextlet context = getContext(this);
aboutToAppear() {  // 获取屏幕的宽高  window.getLastWindow(context)    .then((windowClass: window.Window) => {      let windowProperties = windowClass.getWindowProperties();      this.screenWidth = px2vp(windowProperties.windowRect.width);      this.screenHeight = px2vp(windowProperties.windowRect.height);    })    .catch((error: Error) => {      Logger.error('Failed to obtain the window size. Cause: ' + JSON.stringify(error));    })}

在 CanvasPage.ets 布局界面中添加 Canvas 组件，在 onReady 方法中进行绘制。

// CanvasPage.etsprivate settings: RenderingContextSettings = new RenderingContextSettings(true);private canvasContext: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings);
Stack({ alignContent: Alignment.Center }) {  Canvas(this.canvasContext)    ...    .onReady(() => {      // 通过draw方法进行绘制      this.drawModel.draw(this.canvasContext, this.screenWidth, this.screenHeight);    })
  // 开始抽奖图片  Image($r('app.media.ic_center'))    ...}...

在 DrawModel.ets 中，通过 draw 方法逐步进行自定义圆形抽奖转盘的绘制。

// DrawModel.ets// 画抽奖圆形转盘draw(canvasContext: CanvasRenderingContext2D, screenWidth: number, screenHeight: number) {  if (CheckEmptyUtils.isEmptyObj(canvasContext)) {    Logger.error('[DrawModel][draw] canvasContext is empty.');    return;  }  this.canvasContext= canvasContext;  this.screenWidth = screenWidth;  this.canvasContext.clearRect(0, 0, this.screenWidth, screenHeight);  // 将画布沿X、Y轴平移指定距离  this.canvasContext.translate(this.screenWidth / CommonConstants.TWO,    screenHeight / CommonConstants.TWO);  // 画外部圆盘的花瓣  this.drawFlower();  // 画外部圆盘、小圈圈  this.drawOutCircle();  // 画内部圆盘  this.drawInnerCircle();  // 画内部扇形抽奖区域  this.drawInnerArc();  // 画内部扇形区域文字  this.drawArcText();  // 画内部扇形区域奖品对应的图片  this.drawImage();  this.canvasContext.translate(-this.screenWidth / CommonConstants.TWO,    -screenHeight / CommonConstants.TWO);}

画外部圆盘

画外部圆盘的花瓣：通过调用 rotate()方法，将画布旋转指定角度。再通过调用 save()和 restore()方法，

使画布保存最新的绘制状态。根据想要绘制的花瓣个数，改变旋转角度，循环画出花瓣效果。

// DrawModel.ets// 画外部圆盘的花瓣drawFlower() {  let beginAngle = this.startAngle + this.avgAngle;  const pointY = this.screenWidth * CommonConstants.FLOWER_POINT_Y_RATIOS;  const radius = this.screenWidth * CommonConstants.FLOWER_RADIUS_RATIOS;  const innerRadius = this.screenWidth * CommonConstants.FLOWER_INNER_RATIOS;  for (let i = 0; i < CommonConstants.COUNT; i++) {    this.canvasContext?.save();    this.canvasContext?.rotate(beginAngle * Math.PI / CommonConstants.HALF_CIRCLE);    this.fillArc(new FillArcData(0, -pointY, radius, 0, Math.PI * CommonConstants.TWO),      ColorConstants.FLOWER_OUT_COLOR);
    this.fillArc(new FillArcData(0, -pointY, innerRadius, 0, Math.PI * CommonConstants.TWO),      ColorConstants.FLOWER_INNER_COLOR);    beginAngle += this.avgAngle;    this.canvasContext?.restore();  }}
// 画弧线方法fillArc(fillArcData: FillArcData, fillColor: string) {  if (CheckEmptyUtils.isEmptyObj(fillArcData) || CheckEmptyUtils.isEmptyStr(fillColor)) {    Logger.error('[DrawModel][fillArc] fillArcData or fillColor is empty.');    return;  }  if (this.canvasContext !== undefined) {    this.canvasContext.beginPath();    this.canvasContext.fillStyle = fillColor;    this.canvasContext.arc(fillArcData.x, fillArcData.y, fillArcData.radius,      fillArcData.startAngle, fillArcData.endAngle);    this.canvasContext.fill();  }}

画外部圆盘、圆盘边上的小圈圈：在指定的 X、Y（0, 0）坐标处，画一个半径为 this.screenWidth * CommonConstants.OUT_CIRCLE_RATIOS 的圆形。接下来通过一个 for 循环，且角度每次递增 CommonConstants.CIRCLE / CommonConstants.SMALL_CIRCLE_COUNT，来绘制圆环上的小圈圈。

// DrawModel.etsdrawOutCircle() {  // 画外部圆盘  this.fillArc(new FillArcData(0, 0, this.screenWidth * CommonConstants.OUT_CIRCLE_RATIOS, 0,    Math.PI * CommonConstants.TWO), ColorConstants.OUT_CIRCLE_COLOR);
  let beginAngle = this.startAngle;  // 画小圆圈  for (let i = 0; i < CommonConstants.SMALL_CIRCLE_COUNT; i++) {    this.canvasContext?.save();    this.canvasContext?.rotate(beginAngle * Math.PI / CommonConstants.HALF_CIRCLE);    this.fillArc(new FillArcData(this.screenWidth * CommonConstants.SMALL_CIRCLE_RATIOS, 0,      CommonConstants.SMALL_CIRCLE_RADIUS, 0, Math.PI * CommonConstants.TWO),      ColorConstants.WHITE_COLOR);    beginAngle = beginAngle + CommonConstants.CIRCLE / CommonConstants.SMALL_CIRCLE_COUNT;    this.canvasContext?.restore();  }}

画内部扇形抽奖区域

画内部圆盘、内部扇形抽奖区域：使用 fillArc 方法绘制内部圆盘。通过一个 for 循环，角度每次递增 this.avgAngle。然后不断更改弧线的起始弧度 this.startAngle * Math.PI / CommonConstants.HALF_CIRCLE 和弧线的终止弧度(this.startAngle + this.avgAngle) * Math.PI / CommonConstants.HALF_CIRCLE。最后用 fill()方法对路径进行填充。

// DrawModel.ets// 画内部圆盘drawInnerCircle() {  this.fillArc(new FillArcData(0, 0, this.screenWidth * CommonConstants.INNER_CIRCLE_RATIOS, 0,    Math.PI * CommonConstants.TWO), ColorConstants.INNER_CIRCLE_COLOR);  this.fillArc(new FillArcData(0, 0, this.screenWidth * CommonConstants.INNER_WHITE_CIRCLE_RATIOS, 0,    Math.PI * CommonConstants.TWO), ColorConstants.WHITE_COLOR);}
// 画内部扇形抽奖区域drawInnerArc() {  // 颜色集合  let colors = [    ColorConstants.ARC_PINK_COLOR, ColorConstants.ARC_YELLOW_COLOR,    ColorConstants.ARC_GREEN_COLOR, ColorConstants.ARC_PINK_COLOR,    ColorConstants.ARC_YELLOW_COLOR, ColorConstants.ARC_GREEN_COLOR  ];  let radius = this.screenWidth * CommonConstants.INNER_ARC_RATIOS;  for (let i = 0; i < CommonConstants.COUNT; i++) {    this.fillArc(new FillArcData(0, 0, radius, this.startAngle * Math.PI / CommonConstants.HALF_CIRCLE,      (this.startAngle + this.avgAngle) * Math.PI / CommonConstants.HALF_CIRCLE), colors[i]);    this.canvasContext?.lineTo(0, 0);    this.canvasContext?.fill();    this.startAngle += this.avgAngle;  }}

画内部抽奖区域文字：用 for 循环，通过 drawCircularText()方法绘制每组文字。drawCircularText()方法接收三个参数，分别是字符串，起始弧度和终止弧度。绘制文本前需要设置每个字母占的弧度 angleDecrement，然后设置水平和垂直的偏移量。垂直偏移量 circleText.y - Math.sin(angle) * radius 就是朝着圆心移动的距离；水平偏移 circleText.x + Math.cos(angle) * radius，是为了让文字在当前弧范围文字居中。最后使用 fillText 方法绘制文本。

// DrawModel.ets// 画内部扇形区域文字drawArcText() {  if (this.canvasContext !== undefined) {    this.canvasContext.textAlign = CommonConstants.TEXT_ALIGN;    this.canvasContext.textBaseline = CommonConstants.TEXT_BASE_LINE;    this.canvasContext.fillStyle = ColorConstants.TEXT_COLOR;    this.canvasContext.font = StyleConstants.ARC_TEXT_SIZE + CommonConstants.CANVAS_FONT;  }  // 需要绘制的文本数组集合  let textArrays = [    $r('app.string.text_smile'),    $r('app.string.text_hamburger'),    $r('app.string.text_cake'),    $r('app.string.text_smile'),    $r('app.string.text_beer'),    $r('app.string.text_watermelon')  ];  let arcTextStartAngle = CommonConstants.ARC_START_ANGLE;  let arcTextEndAngle = CommonConstants.ARC_END_ANGLE;  for (let i = 0; i < CommonConstants.COUNT; i++) {    this.drawCircularText(this.getResourceString(textArrays[i]),      (this.startAngle + arcTextStartAngle) * Math.PI / CommonConstants.HALF_CIRCLE,      (this.startAngle + arcTextEndAngle) * Math.PI / CommonConstants.HALF_CIRCLE);    this.startAngle += this.avgAngle;  }}
// 绘制圆弧文本drawCircularText(textString: string, startAngle: number, endAngle: number) {  if (CheckEmptyUtils.isEmptyStr(textString)) {    Logger.error('[DrawModel][drawCircularText] textString is empty.');    return;  }  class CircleText {    x: number = 0;    y: number = 0;    radius: number = 0;  };  let circleText: CircleText = {    x: 0,    y: 0,    radius: this.screenWidth * CommonConstants.INNER_ARC_RATIOS  };  // 圆的半径  let radius = circleText.radius - circleText.radius / CommonConstants.COUNT;  // 每个字母占的弧度  let angleDecrement = (startAngle - endAngle) / (textString.length - 1);  let angle = startAngle;  let index = 0;  let character: string;
  while (index < textString.length) {    character = textString.charAt(index);    this.canvasContext?.save();    this.canvasContext?.beginPath();    this.canvasContext?.translate(circleText.x + Math.cos(angle) * radius,      circleText.y - Math.sin(angle) * radius);    this.canvasContext?.rotate(Math.PI / CommonConstants.TWO - angle);    this.canvasContext?.fillText(character, 0, 0);    angle -= angleDecrement;    index++;    this.canvasContext?.restore();  }}

画内部抽奖区域文字对应图片：使用 drawImage 方法绘制抽奖区域文字对应图片，该方法接收五个参数，分别是图片资源、绘制区域左上角的 X 和 Y 轴坐标、绘制区域的宽度和高度。

// DrawModel.ets// 画内部扇形区域文字对应的图片drawImage() {  let beginAngle = this.startAngle;  let imageSrc = [    CommonConstants.WATERMELON_IMAGE_URL, CommonConstants.BEER_IMAGE_URL,    CommonConstants.SMILE_IMAGE_URL, CommonConstants.CAKE_IMAGE_URL,    CommonConstants.HAMBURG_IMAGE_URL, CommonConstants.SMILE_IMAGE_URL  ];  for (let i = 0; i < CommonConstants.COUNT; i++) {    let image = new ImageBitmap(imageSrc[i]);    this.canvasContext?.save();    this.canvasContext?.rotate(beginAngle * Math.PI / CommonConstants.HALF_CIRCLE);    this.canvasContext?.drawImage(image, this.screenWidth * CommonConstants.IMAGE_DX_RATIOS,      this.screenWidth * CommonConstants.IMAGE_DY_RATIOS, CommonConstants.IMAGE_SIZE,      CommonConstants.IMAGE_SIZE);    beginAngle += this.avgAngle;    this.canvasContext?.restore();  }}

实现抽奖功能

在 CanvasPage.ets 的 Canvas 组件中添加 rotate 属性，在 Image 组件中添加点击事件 onClick。点击“开始抽奖”图片，圆形转盘开始转动抽奖。

// CanvasPage.etsStack({ alignContent: Alignment.Center }) {  Canvas(this.canvasContext)    ...    .onReady(() => {      this.drawModel.draw(this.canvasContext, this.screenWidth, this.screenHeight);    })    .rotate({      x: 0,      y: 0,      z: 1,      angle: this.rotateDegree,      centerX: this.screenWidth / CommonConstants.TWO,      centerY: this.screenHeight / CommonConstants.TWO    })
  // 开始抽奖图片  Image($r('app.media.ic_center'))   ...    .enabled(this.enableFlag)    .onClick(() => {      this.enableFlag = !this.enableFlag;      // 开始抽奖      this.startAnimator();    })}...

圆形转盘开始转动抽奖：给转盘指定一个随机的转动角度 randomAngle，保证每次转动的角度是随机的，即每次抽到的奖品也是随机的。动画结束后，转盘停止转动，抽奖结束，弹出抽中的奖品信息。

// CanvasPage.etsdialogController: CustomDialogController = new CustomDialogController({  builder: PrizeDialog({    prizeData: $prizeData,    enableFlag: $enableFlag  }),  autoCancel: false});
// 开始抽奖startAnimator() {  let randomAngle = Math.round(Math.random() * CommonConstants.CIRCLE);  // 获取中奖信息  this.prizeData = this.drawModel.showPrizeData(randomAngle);
  animateTo({    duration: CommonConstants.DURATION,    curve: Curve.Ease,    delay: 0,    iterations: 1,    playMode: PlayMode.Normal,    onFinish: () => {      this.rotateDegree = CommonConstants.ANGLE - randomAngle;      // 打开自定义弹窗，弹出抽奖信息      this.dialogController.open();    }  }, () => {    this.rotateDegree = CommonConstants.CIRCLE * CommonConstants.FIVE +      CommonConstants.ANGLE - randomAngle;  })}

弹出抽中的奖品信息：抽奖结束后，弹出抽中的文本和图片信息，通过自定义弹窗实现。

// PrizeDialog.ets@CustomDialogexport default struct PrizeDialog {  @Link prizeData: PrizeData;  @Link enableFlag: boolean;  private controller?: CustomDialogController;
  build() {    Column() {      Image(this.prizeData.imageSrc !== undefined ? this.prizeData.imageSrc : '')        ...
      Text(this.prizeData.message)        ...
      Text($r('app.string.text_confirm'))        ...        .onClick(() => {          // 关闭自定义弹窗		          this.controller?.close();          this.enableFlag = !this.enableFlag;        })    }    ...  }}

总结

您已经完成了本次 Codelab 的学习，并了解到以下知识点：

1.  使用画布组件 Canvas，画出抽奖圆形转盘。

2.  使用显式动画启动抽奖功能。

3.  使用自定义弹窗弹出抽中的奖品。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/104755.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

web自动化测试框架介绍

web自动化测试框架介绍

一、目的 web自动化测试作为软件自动化测试领域中绕不过去的一个“香饽饽”&#xff0c;通常都会作为广大测试从业者的首选学习对象&#xff0c;相较于C/S架构的自动化来说&#xff0c;B/S有着其无法忽视的诸多优势&#xff0c;从行业发展趋、研发模式特点、测试工具支持&…
阅读更多...
PMP考试是如何提高项目管理能力的？

PMP考试是如何提高项目管理能力的？

通过获得PMP认证&#xff0c;项目管理人员可以提高其项目管理能力&#xff0c;并在行业中取得更高的职业发展。PMP如何提高项目管理能力&#xff0c;具体体现在以下几个方面&#xff1a; 1. 标准化方法&#xff1a; PMP认证基于《项目管理知识体系指南》(PMBOK)&#xff0c;该…
阅读更多...
如何设计实时聊天系统的架构

如何设计实时聊天系统的架构

1. 系统的要求和目标 1.1 功能要求 对话&#xff1a;系统应支持用户之间的一对一和群组对话。确认消息&#xff1a;系统应支持消息传递确认&#xff0c;如已发送、已送达、已读。共享&#xff1a;系统应支持媒体文件的共享&#xff0c;例如图像、视频和音频。聊天存储&#x…
阅读更多...
IT行业哪个方向比较好就业?

IT行业哪个方向比较好就业?

IT行业哪个方向比较好就业? IT行业哪个方向比较好就业?引言IT技术发展背景及历程IT行业的就业方向有哪些&#xff1f;1. 软件开发2. 网络安全3. 数据分析4. 人工智能和机器学习5. 云计算6. 物联网&#xff08;IoT&#xff09;7. 软件测试与质量保障8. 区块链 分享在IT行业的就…
阅读更多...
mac系统u盘启动盘制作教程，更新至macOS Sonoma 14

mac系统u盘启动盘制作教程，更新至macOS Sonoma 14

mac系统怎么制作装系统的u盘,如果您要在多台电脑上安装 macOS&#xff0c;而又不想每次都下载安装器&#xff0c;这时可引导安装器就会很有用。一起来看苹果电脑u盘启动盘制作教程吧。 Macos系统安装包合集包揽macos 10.15&#xff0c;macos 11和苹果最新系统等多个版本 1、A…
阅读更多...
tomcat的负载均衡、动静分离（nginx联动）

tomcat的负载均衡、动静分离（nginx联动）

动静分离&#xff1a; 访问静态页面和动态页面分开 实现动态和静态页面负载均衡 实验5台虚拟机 一、动态负载均衡 3台虚拟机模拟&#xff1a; 代理服务器&#xff1a;30 tomcat动态页面&#xff1a;21、22 代理服务器&#xff1a; proxy_pass http://tomcat; proxy_set_h…
阅读更多...
【JavaEE】网络编程---UDP数据报套接字编程

【JavaEE】网络编程---UDP数据报套接字编程

一、UDP数据报套接字编程 1.1 DatagramSocket API DatagramSocket 是UDP Socket&#xff0c;用于发送和接收UDP数据报。 DatagramSocket 构造方法&#xff1a; DatagramSocket 方法&#xff1a; 1.2 DatagramPacket API DatagramPacket是UDP Socket发送和接收的数据报。…
阅读更多...
调试-Debug

调试-Debug

0.1 Debug环境介绍 Microsoft Visual Studio 2022中&#xff1a; Debug版本的可执行程序称为调试版本&#xff0c;包含调试信息&#xff0c;不作任何优化&#xff0c;便于程序员进行调试。 Release版本的可执行程序称为发布版本&#xff0c;进行了各种优化&#xff0c;不可调…
阅读更多...
分类预测 | MATLAB实现SSA-CNN-BiLSTM-Attention数据分类预测（SE注意力机制）

分类预测 | MATLAB实现SSA-CNN-BiLSTM-Attention数据分类预测（SE注意力机制）

分类预测 | MATLAB实现SSA-CNN-BiLSTM-Attention数据分类预测&#xff08;SE注意力机制&#xff09; 目录 分类预测 | MATLAB实现SSA-CNN-BiLSTM-Attention数据分类预测&#xff08;SE注意力机制&#xff09;分类效果基本描述模型描述程序设计参考资料 分类效果 基本描述 1.MAT…
阅读更多...
金融行业网络安全保护与三级等保合规实施方案

金融行业网络安全保护与三级等保合规实施方案

金融行业网络安全保护与三级等保合规实施方案旨在帮助金融机构实施符合三级等保标准的网络安全保护措施。以下是一个基本的实施方案概述&#xff1a; 评估和规划&#xff1a; 进行风险评估&#xff1a;评估网络系统的风险&#xff0c;确定安全威胁、弱点和潜在风险。 确定等级…
阅读更多...
嵌入式软件错误的五个主要原因

嵌入式软件错误的五个主要原因

嵌入式学习路线领取在软件中查找和消除潜在的错误是一项艰巨的任务。通常需要英勇的努力和昂贵的工具才能从观察到的崩溃&#xff0c;死机或其他计划外的运行时行为追溯到根本原因。在最坏的情况下&#xff0c;根本原因会破坏代码或数据&#xff0c;使系统看起来仍然可以正常工…
阅读更多...
JVM（一）

JVM（一）

一、初始JVM 1.1 初始JVM JVM 本质上是一个运行在计算机上的程序，他的职责是运行Java字节码文件。 机器码是由二进制编码表示的计算机指令。每个机器码通常对应一个特定的操作，如加法、乘法、跳转等。机器码是计算机能够直接执行的代码，它可以在计算机的内存中存储和执行。…
阅读更多...
VSCode 开发 Vue 语法提示

VSCode 开发 Vue 语法提示

一. 打开应用商店&#xff0c;搜索 vetur &#xff0c;选择第一个&#xff0c;点击安装。 二. 安装完成后&#xff0c;还可以下载 Vue Language Features 解决代码警告的问题。 最后重启 VSCode 就可以使用啦。另外输入 按回车键还可以自动生成 vue 代码格式哦。 原创作者&…
阅读更多...
2023年中国高尔夫球杆市场供需现状及趋势，量身定制会逐渐成为一种趋势[图]

2023年中国高尔夫球杆市场供需现状及趋势，量身定制会逐渐成为一种趋势[图]

随着高尔夫运动的发展&#xff0c;高尔夫球杆也在不断更新。20世纪80年代是高尔夫球杆设计与发展的黄金时期&#xff0c;大部分经典的球杆都是从这个时期被设计发明出来。高尔夫球杆的技术革新主要集中在杆头上&#xff0c;通过杆头的变化来提高和改善击球的效果。对应不同击球…
阅读更多...
ATGM336H-5N一款高性能BDS/GNSS全星座定位导航模块

ATGM336H-5N一款高性能BDS/GNSS全星座定位导航模块

功能 概述 ATGM336H-5N系列模块是9.7X10.1尺寸的高性能BDS/GNSS全星座定位导航模块系列的总称。该系列模块产品都是基于中科微第四代低功耗GNSS SOC单芯片- -AT6558&#xff0c; 支持多种卫星导航系统&#xff0c;包括中国的BDS (北斗卫星导航系统)&#xff0c;美国的GPS,俄罗斯…
阅读更多...
【Andriod】使用adb命令安装和卸载apk的通用python脚本

【Andriod】使用adb命令安装和卸载apk的通用python脚本

文章目录 1.前言2.连接设备3.从本机通过adb安装apk4.从本机通过adb卸载apk 1.前言 如不会使用adb请看之前的文章 【Andriod】adb调试安卓手机时连接真机或模拟器的3种方法&#xff0c;你知道么&#xff1f; 2.连接设备 import os # python标准库中的os模块""&qu…
阅读更多...
更加轻松处理相同文件名！覆盖复制操作全新升级，避免重复命名！

更加轻松处理相同文件名！覆盖复制操作全新升级，避免重复命名！

亲爱的用户&#xff0c;您是否在进行覆盖复制操作时&#xff0c;常常因为相同的文件名而无法正常完成任务&#xff1f;现在&#xff0c;我们为您推出了全新的覆盖复制升级版&#xff0c;让您更加轻松处理相同文件名&#xff0c;避免重复命名的尴尬局面&#xff01; 首先第一步…
阅读更多...
【23真题】四电四邮、专业课最简单的！

【23真题】四电四邮、专业课最简单的！

先科普下四电四邮有哪些&#xff1a;北邮、南邮、西邮、重邮、西电、成电、桂电、杭电 其中北邮、重邮、西电、成电&#xff0c;难度必须在第一梯队&#xff0c;毕竟大浪淘金&#xff0c;没点难度&#xff0c;没法筛人。南邮考通信原理&#xff0c;这里不做横向比较。桂电考信…
阅读更多...
正确部署Baichuan2(Ubuntu20.4) 步骤及可能出现的问题

正确部署Baichuan2(Ubuntu20.4) 步骤及可能出现的问题

部署其实是不太复杂的，但实际上也耗费了接近2-3天的时间去不断的设置 1 硬件配置信息 采用esxi 虚拟化的方式将T4 卡穿透给esxi 种的ubuntu20.4虚拟机 CPU给到8 core 内存至少32GB以上 T4卡是16GB 2 预先准备OS环境 这里使用的是ubuntu20.4版本，esxi中需要设置uefI启动方…
阅读更多...
99%的时间里使用的14个git命令

99%的时间里使用的14个git命令

学习14个Git命令&#xff0c;因为你将会在99%的时间里使用它们 必须了解的命令整理 1&#xff0c;git init 初始化一个新的Git仓库。 这将在当前目录中创建一个名为".git"的子目录&#xff0c;Git会将所有仓库的元数据存储在其中。 2&#xff0c;git clone 克隆…
阅读更多...
最新文章

Copyright @ 2022~2023