微信小程序的轮播图真是爽歪歪啊，不到二十行代码搞定，相对于安卓简单多了，不下百行代码，问题又多。下面见效果图：视图层：<swiperclass="swiper"autoplay="true"interval="2000"circular="true"indicator-dots="true"><blockwx:for="{{imageList}......
-
-
微信小程序——选择器
微信小程序的选择器还是很好用的，但是很遗憾的是，自定义选择器还不支持多级联动，做区域选择器就是鸡肋，时间和日期选择器还好。 视图层：<view><viewclass="selecte">时间选择器</view><view><pickermo......2,240 0 2017-01-25 10:39
-
微信小程序——底部导航
底部导航比较简单的实现，然而类似今天头条的顶部导航目前却比较蛋疼，还没有比较好用的控件，昨晚试了一下使用scrollview实现，发现使用wx:for语句不能是是scrollview横向滚动，bugbugbug，就作罢了，加上微信小程序并没有类似安卓的fragment做导航切换，这就不太适合开发了，多个view在一个页面上，不好控制。&n......1,632 0 2017-01-25 09:27
-
微信小程序——下拉刷新和上拉加载更多
估计十来天没有写过代码了，有点生疏了，写起代码来不太利索。今天带来一篇十几天遗留的问题，实现微信小程序的下来刷新和上拉加载的实现。当然我所说的就是利用srollvies实现的，目前微信小程序的滚动控件只有一个，不像安卓拥有多种滚动视图，微信小程序的scrollview跟安卓的大部分滚动视图差不多，都有滚动到顶部和底部的监听事件。既然有这监......3,418 0 2017-01-24 13:43
-
微信小程序——图片自适应
在开发者中，各种尺寸的图片都可能有，仅仅将图片的高宽写死，往往很难看，当然在安卓中可以设置图片的缩放属性也会达到很好的效果，而在微信小程序中，本人未发现这个方法，所以可以通过计算，让图片显示得更好。 实现思路： 1.获取屏幕的宽高，计算宽高比 2.获取图片的宽高，计算宽高比 3.对比两者的宽高比，缩放图片对应的......3,134 0 2017-01-14 21:03
-
微信小程序——拖曳图片
安卓中的拖曳实现步骤： 1.获取屏幕的宽高 2.监控触摸事件move 3.获取移动的xy方向的距离，计算图片应该偏移的距离 4.设置图片偏移同样微信小程序也是这样的步骤视图层：<viewclass="page"><imageclass......1,636 0 2017-01-14 20:51
-
微信小程序——map地图控件的使用
map——地图控件，不能再scroll-view中使用，本案例先使用wx.getLocation（）方法获取当前坐标，然后将值设置到地图显示，本次案例简单显示其覆盖物。小程序文档中对covers和markers描述有些冲突，待后面查证。 看实现效果： 视图层：<viewclass="page">......2,070 0 2017-01-14 20:40
-
微信小程序——网络请求
微信网络请求方法跟大多数网络请求基本一致，比较简单。 实现案例：视图层，两个简单的按钮，一个文本框用于显示请求回来的数据<viewclass="page"><buttontype="primary"class="twobutton"bindtap="getRequest">GET请求</button><buttontype="primary"cl......1,330 0 2017-01-14 00:33
-
微信小程序——录音动画的实现
回顾一下安卓的动画，安卓的动画分为三种，补间动画、帧动画和属性动画，补间动画和属性动画包括平移、旋转、放大和透明变化四种；这两种动画的区别在于补间动画执行后原来的属性并没有改变，比如一个图片从这个位置移动到另外一个位置，其获取焦点的位置还是在原来的位置，而属性动画执行后真实的改变了其属性。帧动画就是多张图片按照一定的顺序切换，产生像播放电......3,852 0 2017-01-14 00:14
-
微信小程序——scroll-view的使用
scroll-view顾名思义，滚动的视图，在使用上它非常的强大，比如滚动到顶部和底部的监听，滑动监听等，简单易用，二话不说，看效果图。 先来看看scroll-view的官方介绍,讲得很清楚。 我的实现步骤： &n......1,543 0 2017-01-13 22:53
-
微信小程序框架介绍——开篇
微信小程序对于熟悉web开发的人说，简直就是信手拈来。因为微信小程序的组成就是大家熟悉的JavaScript+HTML+CSS，再加配置文件Json.而在微信小程序中HTML被替换成WXML,就是微信的html(WX-HTML),CSS的后缀名不是"css",而是WXSS（WX-CSS）,使用上跟CSS一致。另外微信小程序跟安卓的Acti......1,290 0 2017-01-13 21:40