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