- 博客(3)
- 资源 (2)
- 收藏
- 关注
原创 微信小程序实现圆心进度条
一、创建项目结构打开微信开发者工具创建一个项目, 新建 与 pages 同级目录 components,在 components 中新建一个目录 circle ,circle 中新建 Component 命名为 circle,此时将自动生成 json、wxml、wxss、js 4 个文件。结构如下:二、编写组件首先需要在 json 文件中进行自定义组件声明(将 component ...
2018-11-09 17:03:33 1863 2
转载 canvas圆形进度条
canvas中没有直接绘制圆的方法,但有一个绘制弧线的context.arc方法,下面讲下用该方法如何绘制出图片效果。arc()方法介绍context.arc(x,y,r,sAngle,eAngle,counterclockwise);参数说明:x: 圆的中心的 x 坐标 y: 圆的中心的 y 坐标 r: 圆的半径 sAngle: 起始角,以弧度计。(弧的圆形的三...
2018-11-09 10:53:18 1739 1
转载 微信小程序开发常用技巧(5)——view左右滑动,切换page页面
微信小程序开发中很多用户操作都会借鉴原生APP,众所周知原生APP中滑动切换页面,对于用户体验很好,那么使用微信小程序能不能实现呢?答案是肯定的。 首先来说说实现思路:利用touchstart、touchend事件获取用户手指滑动距离,同时监听滑动所需时间,当所需时间在一定范围内,且滑动距离够长,则算为一次成功的滑动,接下来就执行页面跳转方法。 直接上代码:<!--index.wxm...
2018-11-02 15:10:01 2727
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人