Android开发笔记(十二)测量尺寸与下拉刷新

尺寸测量的配置

控件宽和高的设置方式

大家知道,自定义视图的目的就是要在屏幕上显示期望的图案,那在绘制图案之前,我们得先知道这个图案的尺寸(如宽多少高多少)。 一般在xml中给控件的宽和高有三种赋值方式: 1、MATCH_PARENT : 表示与上级控件一样大小; 2、WRAP_CONTENT : 表示按照自身尺寸进行适配; 3、直接赋给具体的dp值; 方式3有具体的数值,不用计算就知道了。方式1与上级控件保持一致,因此只要系统依次丈量控件大小,这也不是什么难事。麻烦的是方式2,因为下级控件每个尺寸都有可能不确定,比如文本控件得看文字大小、行数,图像控件得看图片大小、拉伸情况,所以大家想想,如果这时候我们自己去一个个算过去(下级控件的个数也不确定),这算得头都大了。 幸亏Android提供了onMeasure函数自动完成了上述计算过程,通常情况下我们的自定义控件也无需重写该方法,除了一些特殊的情况。当然本文讲的便是实际开发中遇到的特殊情况,否则就不用浪费口舌了。

尺寸测量配置的三种模式

对应上面layout_width和layout_height的三种赋值方式,Android的视图底层也提供了三种测量模式,分别是: 1、MeasureSpec.AT_MOST : 表示达到最大,该常量的十进制数值为-2147483648,对应赋值方式的MATCH_PARENT; 2、MeasureSpec.UNSPECIFIED : 表示未指定(实际就是自适应),该常量的十进制数值为0,对应赋值方式的WRAP_CONTENT; 3、MeasureSpec.EXACTLY : 表示精确,该常量的十进制数值为1073741824,对应赋值方式的具体dp值; 围绕着这三种模式,衍生了MeasureSpec的相关方法,如getChildMeasureSpec、makeMeasureSpec、measure等等。废话少说,让我们直接切入正题,看看测量模式怎么用,以及用在哪里。

下拉刷新框架中的尺寸测量

许多APP都有下拉刷新的功能,比如下面这个图片是一种下拉刷新的展示框:

平时页面打开是没有这个下拉框的,只有用户在屏幕上用手指向下滑动时,才会拉出这个下拉框,然后APP响应下拉事件进行刷新处理。这期间我们需要获得下拉区域的高度,以便把整个页面下移一段距离,从而展现下拉框区域。等到刷新操作结束,整个页面再往上挪回原位,同时收回下拉框。 现在问题就是,刷新时,整个页面要下移多少dp?其实这个下移的距离就是下拉区域的高度,所以只要我们在代码中算出下拉区域的高度,就能够移动合适的距离了。 在Android规定的测量过程中,主要有三个步骤: 1、获得宽与高的测量模式; 2、按照测量模式进行丈量; 3、获得测量后的宽与高的大小;

获得宽与高的测量模式

首先取到目标视图的宽和高的取值,从布局参数中获取:

ViewGroup.LayoutParams params = aViewObject.getLayoutParams();
int originWidth = params.width;
int originHeight = params.height;

获取到的原始尺寸大小,为-1时表示MATCH_PARENT,为-2时表示WRAP_CONTENT,其余值表示具体数值。 接着按照原始尺寸去匹配测量模式,这里我们获取宽度模式采用了getChildMeasureSpec方法,获取高度模式采用了makeMeasureSpec方法。getChildMeasureSpec的好处是可以设置边距,并且按常规处理无需我们再分支处理;makeMeasureSpec则更灵活,像下拉刷新会不断更新下拉区域的实际高度,偏移量可能是负数统统需要重新适配,如果按照常规处理,非-1也非-2的负数被当作精确值就不会重新适配了。

		int widthSpec = ViewGroup.getChildMeasureSpec(MeasureSpec.UNSPECIFIED, 0, params.width);
		int heightSpec;
		if (params.height <= 0) {
			heightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
		} else {
			heightSpec = MeasureSpec.makeMeasureSpec(params.height, MeasureSpec.EXACTLY);
		}

按照测量模式进行丈量

实际丈量的方法很简单,直接使用上面计算得到的宽和高的模式,measure一下就可以了。当然要用一个视图的对象去操作measure

aViewObject.measure(widthSpec, heightSpec);

获得测量后的宽与高的大小

这个也简单,获取宽度用getMeasuredWidth,获取高度用getMeasuredHeight

int realWidth = aViewObject.getMeasuredWidth();
int realHeight = aViewObject.getMeasuredHeight();

下面是下拉刷新的效果图

PullToRefresh

说到下拉刷新,刚好介绍一下使用广泛的开源框架PullToRefresh,该框架支持ScrollView、ListView、GridView多种视图,也支持下拉刷新和上拉加载两种模式,可适用于多种场合。 PullToRefresh是个单独的工程,需做为库工程引入到开发者自己的工程。PullToRefresh对象常用的方法有: setMode : 设置拉动模式。Mode.PULL_FROM_START表示从上往下拉(即下拉刷新),Mode.PULL_FROM_START表示从下往上拉(即上拉加载),Mode.BOTH表示既支持下拉刷新也支持上拉加载。 getLoadingLayoutProxy : 获取加载区域的对象。接着可调用该对象的如下方法: --setPullLabel : 设置拉动时文本 --setReleaseLabel : 设置松开时的文本 --setRefreshingLabel : 设置刷新时的文本 --setLastUpdatedLabel : 设置无需更新时的文本 setOnRefreshListener : 设置刷新监听器。刷新监听器主要有OnRefreshListener和OnRefreshListener2两种,前者是普通刷新,需重写监听方法onRefresh;后者是双重刷新,需重写监听方法onPullDownToRefresh(下拉监听)、onPullUpToRefresh(上拉监听)。 getRefreshableView : 获取可刷新的视图对象,如ScrollView、ListView、GridView等等,接着方可调用视图对象的相应方法,如setAdapter等等。 下面是PullToRefresh的一个使用例子代码:

		PullToRefreshListView ptrl_hello = (PullToRefreshListView) findViewById(R.id.ptrl_hello);
		//从下往上拉,上拉加载
		//ptrl_hello.setMode(Mode.PULL_FROM_END);
		ptrl_hello.setMode(Mode.BOTH); //试试如何区分下拉与上拉两个监听器
		//设置下拉刷新的文字
		ptrl_hello.getLoadingLayoutProxy().setLastUpdatedLabel("当前已是最新数据");
		ptrl_hello.getLoadingLayoutProxy().setPullLabel("拉动标志");
		ptrl_hello.getLoadingLayoutProxy().setRefreshingLabel("数据更新中...");
		ptrl_hello.getLoadingLayoutProxy().setReleaseLabel("松开标志");
		//设置上拉加载的文字
		ptrl_hello.getLoadingLayoutProxy(false,true).setLastUpdatedLabel("当前已是最新数据");
		ptrl_hello.getLoadingLayoutProxy(false,true).setPullLabel("拉动标志");
		ptrl_hello.getLoadingLayoutProxy(false,true).setRefreshingLabel("数据更新中...");
		ptrl_hello.getLoadingLayoutProxy(false,true).setReleaseLabel("松开标志");
		
		ptrl_hello.setOnRefreshListener(new OnRefreshListener2<ListView>() {
			@Override
			public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
				Toast.makeText(FrameListActivity.this, "列表视图在处理下拉刷新数据啦", Toast.LENGTH_LONG).show();
				ptrl_hello.onRefreshComplete();
			}

			@Override
			public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
				Toast.makeText(FrameListActivity.this, "列表视图在处理上拉加载数据啦", Toast.LENGTH_LONG).show();
				ptrl_hello.onRefreshComplete();
			}
		});
		
		String[] starArray = {"水星", "金星", "地球", "火星", "木星", "土星"};
		ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,
				R.layout.spinner_item, starArray);
		ptrl_hello.getRefreshableView().setAdapter(adapter);

点击下载本文用到的下拉刷新框架代码

点此查看Android开发笔记的完整目录

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券