2016年11月_dzp_coder

12月 11月 10月 04月

原创微信小程序开发之视频播放器 Video 弹幕弹幕颜色自定义

把录音的模块尝试过之后就想着微信小程序的视频播放会不会更有趣?果然,微信小程序视频自带弹幕.是不是很爽,跟我一起来看看.微信小程序开发之录音机音频播放动画 (真机可用)先上gif:再上几张图:1.视频播放器2.选择弹幕颜色3.弹幕来了...1.视频播放器微信已经封装的非常好.我这里只用了很简单的几个属性

2016-11-30 01:07:12 30812 4

原创微信小程序开发之录音机音频播放动画 (真机可用)

趁着周末用微信小程序做了个简易录音机.跟大家分享,欢迎批评!老规矩,先几张图.1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可.2.按住录音按钮的时候会出现麦克风.中间的麦克风是个帧动画.其实就是用js控制图片显示隐藏.没啥好说的.这里值得说一说的是录音.微信的录音API后,如果录音时间太短,会录音失败.所以fail的时候还是需要处理一下.录音时间的限制和

2016-11-27 00:08:53 42208 16

原创微信小程序开发之麦克风动画帧动画放大淡出

想做个录音机,第一步就卡在麦克风动画这里了.先上gif.再吐槽.① 上面gif中声波的动画是个半成品.没有循环播放.在微信小程序的开发文档上找了很久,也没找到循环模式的参数设置.用setInterval()并不执行动画.我在微信小程序文档动画最下面找到这么一行字.这个锅是不是可以甩出去了?ps:如果有同学能实现动画循环,一定告诉我.② 麦克风里面是个帧动画.没有

2016-11-26 17:06:33 24961 3

原创微信小程序开发之动画 Animation 放大透明度

突发奇想,做个录音的模块,结果折腾到一点钟,还在做话筒的动画.最后发现微信还有bug,我也是醉了.有空再接着敲.先上gif:这还没完成,做完之后应该是水波纹的样子.无奈函数执行多次,动画只执行一次.还是先把锅甩出去.上微信开发文档的图:代码先贴上:1.index.wxml2.index.wxss/**in

2016-11-25 01:56:59 24626 2

原创使用Fiddler抓取数据包安装配置

今天尝试了用fidder抓取Android应用的数据包,挺靠谱的.笔记.第一步:下载安装fidder我比较懒,直接在360软件管家里面下载的.只有5M,我发誓我没拿360的广告.哈哈第二步:配置参数1. tool -> fidder options 2.设置connectionsfidder listens onpart:8888 勾选 al

2016-11-24 18:27:31 1078

原创 Android开发四大组件是否运行在主线程中?

Android的四大组件是不是运行在主线程中?打了log,做个笔记.先上图:图没有说服力,因为log是我写的.哈哈.1.activity在onCreate()里面打印当前的线程的id和name@Override protected void onCreate(Bundle savedInstanceState) { super.onCrea

2016-11-23 12:59:06 7543 3

原创微信小程序开发之下拉刷新上拉加载

微信小程序中的下拉刷新,上拉加载的功能在所难免,目前我知道的有两种可行的方法,一是scroll-view,二是整个页面刷新.今天说说第一种,自己造轮子,难免有些瑕疵,日后慢慢完善.上gif:原理: scroll-view中有监听滑动的方法,这个跟android类似.其中用到了滑动到顶部,滑动到底部的方法.1.下拉刷新,在滑动到顶部时,bindscrolltoup

2016-11-23 00:02:50 25605 6

原创 Android开发 support V4 更换

换了新的类库,support v4重复,删掉类库中的v4包后monkey跑起来.结果就报错了.log: java.lang.NoSuchMethodError: No static method checkSelfPermission(Landroid/content/Context;Ljava/lang/String;)I in class Landroid/support/v4/cont

2016-11-17 10:24:20 4856

原创微信小程序开发之用户系统一键登录获取session_key和openid

思来想去不愿自己的微信小程序是个单机版本.自己又不会写后台.现在借助leancloud可以实现微信小程序一键登录功能.尝试后,做笔记.第一步:下载av-weapp.js,放到utils下.第二步:使用 const AV = require('../../utils/av-weapp.js');路径根据具体情况而定.第三步:做初始化. AV.init({ appId:

2016-11-17 00:53:44 38168 5

原创微信小程序开发之常见问题不在以下合法域名列表中 wx.request合法域名配置

加上了appid,麻烦事就来了.问题:xxx不在以下合法域名列表中 ,请参考文档解决方法:去微信公众平台配置域名.注意:1.一个月申请修改的次数3次,且行且珍惜.我这个月只有一次机会了.2.必须是HTTPS. HTTPS SSL证书目前正在学习微信小程序开发,欢迎讨论.我的博客:http://blog.

2016-11-17 00:15:50 34637 2

原创微信小程序开发之拖拽 image 触摸事件监听

需要做个浮在scroll-view之上的button.尝试了一下.上GIF:Android中也会有类似移动控件的操作.思路差不多.获取到位移的X Y 的变量,给控件设置坐标.1.index.wxml 简单的设置一张图片,添加触摸事件监听.点击事件监听.根据触摸事件获取X Y位移,设置为image的位置2.index.js//index.

2016-11-15 18:57:46 16116 14

原创微信小程序开发之图片等比例缩放获取屏幕尺寸图片尺寸自适应

早上在论坛上看到有人写了关于图片等比例缩放的文章,只是判断了图片宽是否大于屏幕宽.我之前在做Android的时候也会遇到图片等比例缩放的问题.应该是用图片宽高比和屏幕宽高比做判断.做个笔记.老规矩,先上图.1.图片高宽比小于屏幕高宽比2.图片高宽比大于屏幕高宽比3.这种其实也是图片高宽比小于屏幕高宽比,但是高宽都大于屏幕高宽.所以不能简单用高宽来判断

2016-11-11 12:48:13 79155 13

原创微信小程序开发之音乐播放器真机测试 audio API

简单的试了试播放器,还是有不少坑的.开始在模拟器上跑,一直没有声音,总是刚开始播放就暂停.做个笔记.准备资源:音乐图片地址:http://ac-5g9r20ds.clouddn.com/63bedb5f584234b6827c.jpg音乐mp3地址:http://ac-5g9r20ds.clouddn.com/e54ad7f0a834b9c07ec6.mp3我用leancloud做

2016-11-09 17:27:33 19069 9

原创微信小程序开发之选择器时间选择器日期选择器地区选择器

用微信封装好的控件感觉很好,为我们开发人员省去了很多麻烦.弊端就是不能做大量的自定义.今天试用了选择器.上gif:上代码:1.index.js//index.js//获取应用实例var app = getApp()Page({ data: { date: '2016-11-08', time: '12:00', array: ['中国',

2016-11-08 17:33:10 29475 2

原创微信小程序开发之真机测试地图定位 map API 无法获取当前位置的问题

今天做到地图定位的模块.模拟器肯定是获取不到位置的.下面为真机测试结果.上图:经纬度不说了.定位用的,我这里直接输入的数字定位.但是有许多问题下图中scale是缩放比例,这个属性目前无效.后期微信团队应该会修复.毕竟现在刚开始公测.这样就导致我不管怎么修改scale,我的地图都是在默认的缩放比例.如上图.markers中的rotate是图标的旋转角度.如果需

2016-11-08 11:23:24 14237 2

原创微信小程序开发之本地图片上传(leancloud)

将本地图片上传至leancloud后台.获取本地图片或者拍照,我在上一篇博文中写过.这里就不说了.我的博客直接上代码:1.index.js//index.js//获取应用实例var app = getApp()const AV = require('../../utils/av-weapp.js');Page({ data: { temp

2016-11-02 23:58:35 34731 8

原创微信小程序开发之从相册获取图片使用相机拍照本地图片上传

今天遇到微信小程序的用户头像设置功能,做笔记.先上gif:再上代码:小demo,代码很简单.1.index.wxml获取图片2.index.js//index.js//获取应用实例var app = getApp()Page({ data: { tempFilePaths: '' }, onLoad: function () {

2016-11-02 23:08:51 60099 22

原创微信小程序开发之数据存储参数传递数据缓存

微信小程序开发内测一个月.数据传递的方式很少.经常遇到页面销毁后回传参数的问题,小程序中并没有类似Android的startActivityForResult的方法,也没有类似广播这样的通讯方式,更没有类似eventbus的轮子可用.现在已知传递参数的方法只找到三种,先总结下.由于正处于内测阶段,文档也不是很稳定,经常修改,目前尚没有人造轮子.先上GIF:1.APP.js我

2016-11-02 10:24:31 37305 2