前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android开发笔记(十二)测量尺寸与下拉刷新

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

作者头像
aqi00
发布2019-01-18 10:32:36
1.1K0
发布2019-01-18 10:32:36
举报
文章被收录于专栏:老欧说安卓老欧说安卓

尺寸测量的配置

控件宽和高的设置方式

大家知道,自定义视图的目的就是要在屏幕上显示期望的图案,那在绘制图案之前,我们得先知道这个图案的尺寸(如宽多少高多少)。 一般在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、获得测量后的宽与高的大小;

获得宽与高的测量模式

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

代码语言:javascript
复制
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的负数被当作精确值就不会重新适配了。

代码语言:javascript
复制
		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

代码语言:javascript
复制
aViewObject.measure(widthSpec, heightSpec);

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

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

代码语言:javascript
复制
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的一个使用例子代码:

代码语言:javascript
复制
		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开发笔记的完整目录

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015年12月08日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 尺寸测量的配置
    • 控件宽和高的设置方式
      • 尺寸测量配置的三种模式
      • 下拉刷新框架中的尺寸测量
        • 获得宽与高的测量模式
          • 按照测量模式进行丈量
            • 获得测量后的宽与高的大小
            • PullToRefresh
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档