自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 AVplayer实现音乐播放器

AVPlayer,消息订阅

2024-09-08 18:13:32 1225

原创 ArkUI中的Refresh组件

好久没更了,在跟着视频写项目,这次认识了一个新的组件Refresh感觉比较重要的几个属性,例如isRefreshing,这个是要用引用传递的,平时传递都是值传递,这里要用然后是RefreshStatus,后面的组件是否出现是需要这个判断的,剩下的解释就放在代码中了。

2024-08-29 21:16:24 223

原创 ArkUI画图形

整体就是一个stack布局,一层一层叠上去的,主要就是图形的绘制,例如三角形之类的,这里是用Path组件来画的,以前CSS还可以用border的属性来绘制三角形,我找了华为官网,觉得Path不错,首先要了解的是vp和px的单位转换,我用vp2px(直接用即可)方法计算出1vp=3px,可能对于屏幕像素的差异会有所不同,然后就是Path的属性方法了首先确实要给宽度和高度,我这里用px为单位,当然也可以不写然后就是commands方法,里面的参数是字符串,这个可以参考。

2024-08-22 19:50:34 373

原创 ArkUI类微信语音消息

UI:整体是Column布局,然后用Blank()组件将操作栏置底,图标设置了手势组(长按以及滑动,并将两个手势设置为parallel,表示可以并发执行),此外UI有些冗余TS:用一个isShow表示是否需要弹出操作栏,用bottomHeight和bottomWidth存储底部操作栏的高度和宽度,定义一个枚举类,里面的枚举值用来表示不同的状态,当长按和滑动的时候,使用gesture的属性方法注册事件。

2024-08-22 19:09:01 169

原创 ArkUI抽卡页面

UI方面:整体为Stack布局,里面的布局方面是多种多样的,组件使用了Badge组件把人物包起来,这样就可以实现角标的效果,此外还使用了动画animation属性方法,使得当顶层页面跳出时更加顺滑TS方面:使用随机数(Math.random)方法来实现随机抽卡的逻辑,然后集齐所有的卡即可兑换神卡,如果有想玩黑神话悟空的bro,祝你们玩的开心,因为我的电脑带不动,只能等换电脑再玩了这个案例也是跟着黑马敲的。

2024-08-19 20:30:22 242

原创 ArkUI栅格布局

在UI方面,为了适应不同尺寸的设备(主要是sm,md,lg),使用Grid布局,尺寸默认为四种(xm,sm.md,lg),可以支持六种(xm,sm,md,lg,xl,xxl)。1.在内容的音乐列表中,也用到了List组件的line组件,以父组件传递的breakpoints属性值来决定lines括号中的值,总体上就是先布局,然后再往里面写内容。

2024-08-19 09:28:55 476

原创 鸿蒙浏览器首页UI

这个UI页面只是单纯模仿了浏览器的首页,用了Tabs组件,但是每个Content页面都不一致,所以不知道如何去设计框架整个页面分为三个部分,搜索头部,内容部分(tabs),底部。

2024-08-16 20:29:11 272

原创 ArkUI待办

这个UI界面是参考鸿蒙开发官网的,主要涉及的知识点有手势事件绑定(gesture),文本选择弹窗(TextPickerDialog),消息提示(Toast),以及自定义的组件@Component1.gesture:手势事件,具体可以在鸿蒙官网查看,这里代码有两种实现方式,一种是用手势组,一种是直接使用长按手势。

2024-08-15 11:08:37 308

原创 ArkUI简单外卖页面

这个页面主要是布局,和数据的传递,当然不是标准。

2024-08-13 17:30:37 511

原创 ArcTs+UI登录页面路由跳转

承接上篇文章,在登录的基础上增加了假数据库,登录验证和跳转功能1.定义了用户interface,然后在全局创建了一个数组作为假数据库2.加入了登录验证逻辑,判断账号密码是否正确3.加入注册验证逻辑,判断新账号是否已经存在4.加入跳转(写在了UI组件中),如果账号密码正确,则携带参数(整个user对象)到下一个页面,跳转用到了router包,因为还想直接返回上一个页面,所以用了router的pushUrl方法。

2024-08-10 15:32:41 1190

原创 ArkTS+UI登录页面

鸿蒙前端登录页面功能:没啥功能,没有数据库(假的也没有),登录时需要同时满足username和password有值,否则会弹窗提示(AlertDialog.show),输入后会弹窗并显示用户名是一张图片,然后用了属性backgroundBlurStyle(BlurStyle.Thick)来增加模糊感声明状态变量,当变量更改时也会刷新页面UI当前变量渲染会在inputText组件的内容发生改变的时候即时更新到声明的变量中。

2024-08-09 11:55:59 518

原创 ArkTS+UI写的任务列表

把所有的view和model都写在了一个ets文件中,涉及到了父子组件数据双向传递@prop,将父组件的方法传递给子组件的方法并使用.bind(this)将当前this传递给子组件的方法,以及自定义弹窗组件@ComtumeDialog和它的CustomDialogController类,以及Progress组件(任务进度组件)此外,数据并没有持久化,所以刷新之后,数据变回默认状态。

2024-08-08 14:51:06 182

原创 ArkUI写的备忘录任务

是否完成是用了两张图片。

2024-08-07 10:47:28 237

原创 ArkTS发送异步请求

鸿蒙ArkTs异步请求

2024-08-06 15:06:56 317

原创 ArkTs+UI摇杆控制

ARKTS+UI

2024-08-05 17:57:19 252

原创 手搓轮播图

【代码】【无标题】

2024-07-12 15:41:19 202

原创 Failed to obtain JDBC Connection; nested exception,数据库连接问题

可能原因:applicationContext文件中引用了jdbc.properties的配置。将applicationContext中的引用改为值。

2023-05-26 15:53:42 3773

原创 两数之和(力扣第一题)

两数之和(力扣第一题)给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。示例 1:输入:nums = [2,7,11,15], target = 9输出:[0,1]解释:因为 nums[0] + nums[1] == 9 ,返回 [0, 1] 。示例 2:输入:nums = [3,2,4],

2022-07-03 23:03:48 87

原创 单位分数案例(题目来自蓝桥杯)

#单位分数案例(题目来自蓝桥杯)形如:1/a 的分数称为单位分数。可以把1分解为若干个互不相同的单位分数之和。例如:提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档@TOC<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1"># 前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内

2021-08-18 12:24:57 176 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除