简单实现仿某宝地址选择三级联动样式

  • 内容简单介绍
  • 实现步骤
    • 第一步 找准方向
    • 第二步 开干
  • 总结
  • 还是题外话

内容简单介绍

简单看一下须要实现的效果,如图:
这里写图片描写叙述

实现步骤

第一步 找准方向

事实上就是想好要用recyclerview而不是listview。假设要问我recyclerview是什么的话。

第二步 开干

首先须要先在xml里放置这么个控件

<android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"android:layout_width="match_parent"android:layout_height="match_parent"android:background="@color/bg_main">
</android.support.v7.widget.RecyclerView>

这里我加了一个背景,背景也能够在它的父布局加,主要是作为动画的时候以下的颜色(颜色为一种灰色)。

然后。须要编写每一个item的布局,这里也非常easy,还是贴一下代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginBottom="1dp"android:background="@color/white"android:orientation="horizontal"><TextView
        android:id="@+id/tv"android:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:gravity="center_vertical"android:paddingLeft="5dp"android:text="辽宁"android:textColor="@android:color/black" /><ImageView
        android:layout_width="20dp"android:layout_height="20dp"android:layout_gravity="center_vertical"android:padding="3dp"android:src="@mipmap/ic_right" />
</LinearLayout>

注意这里的每一个item的背景我都设置成了白色。这种话就能和背景色区分开。

接下来须要编写adapter了,也就是recycler的adapter,这里比較关键:

public class CheckProvAdapter extends RecyclerView.Adapter<CheckProvAdapter.CheckProvViewHolder> {private Context context;private int i = 0;public CheckProvAdapter(Context context) {this.context = context;}@Overridepublic CheckProvViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {View v = View.inflate(context,R.layout.item_check_prov,null);v.setLayoutParams(new LinearLayoutCompat.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));CheckProvViewHolder viewHolder = new CheckProvViewHolder(v);return viewHolder;}@Overridepublic void onBindViewHolder(CheckProvViewHolder holder, int position) {if(position>i){//上滑ObjectAnimator.ofFloat(holder.itemView, "translationY", holder.itemView.getMeasuredHeight(), 0).setDuration(300).start();}else {//下滑}i=position;holder.tv.setText("辽宁");}@Overridepublic int getItemCount() {return 100;}public static class CheckProvViewHolder extends RecyclerView.ViewHolder {TextView tv;public CheckProvViewHolder(View itemView) {super(itemView);tv = (TextView) itemView.findViewById(R.id.tv);}}}

关键部分为onBindViewHolder()这种方法,在这里为itemview加入动画并播放,这里还有个小猫腻,就是怎么来推断是向上滑还是向下滑呢。这里我是依据position的添加或降低情况来推断的,没想到有什么其它的更加完美的方法。
这样,我们在上拉的时候来加入动画并播放。adapter完毕,接下来给recyclerview set上:

recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
recyclerview.setLayoutManager(new LinearLayoutManager(this));
recyclerview.setAdapter(new CheckProvAdapter(this));

好的。这时候效果基本上已经出来了,可是还有点小瑕疵。由于没有间距。说好的像listview一样的间距呢。我表示不会,于是各种百度google。大神们说重写ondraw方法就好了。我想了一下。我仅仅是要个间距而已,难道间距须要用画的么?于是我想了个可能是最简单的recylerview加间距的方法:

public class LinearLayoutManagerDivider extends RecyclerView.ItemDecoration {private int height;@Overridepublic void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {super.onDraw(c,parent,state);}public LinearLayoutManagerDivider(int i) {super();height = i;//构造方法中传入要设置的间距高度}@Overridepublic void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {outRect.set(0,0,0,height);//最关键的一步。在这里加间距。height为间距的高度}
}

这个东西叫做RecyclerView.ItemDecoration,当中重写的getItemOffsets看名字是来拿到item的偏移量的,由于假设画了分隔线的话那item肯定会有偏移的嘛,假设我不画切割线,仅仅偏移呢。那不就是传说中的间距么。

ok,就一句话:

outRect.set(0,0,0,height);

然后给recycler放上呗:

recyclerview.addItemDecoration(new LinearLayoutManagerDivider(dp2px(1)));
recyclerview.setHasFixedSize(true);

由于我们是固定大小的,所以加上setHasFixedSize(true)这种方法来提高我们的效率。
好了到这里全部的效果就已经实现了。

总结

两个事,一动画。二间距。动画能够加在onBindViewHolder方法里,并且动画效果能够叠加。间距呢,刚才的方法outRect.set()方法。四个參数各自是left。top。right,bottom,不用我说这回也知道这种方法以后该怎么理解了

还是题外话

曾经一直没有认真研究recyclerview,由于认为listview已经非常强大了。基本满足工作中的全部需求了,并且看网上的博客也好还是demo也好,总感觉这玩楞真复杂。太难了。可是咱要始终是要进步啊,所以就抽时间看了看官方文档,发现也没有自己想象中的那么难。并且当初看到这个效果的时候首先想到的是在github上的一个库,这里的基本思路也是參考这个recyclerview-animators这个库非常方便。可是美中不足的是不能实现上图中那种仅仅有上拉的时候有动画,在下拉的时候没有动画,所以才有了小弟的这种方法。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/254971.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

opencv双目测距实现

虽然最近注意力已经不可遏制地被神经科学、大脑记忆机制和各种毕业活动吸引过去了&#xff0c;但是还是觉得有必要把这段时间双目视觉方面的进展总结一下。毕竟从上一篇博文发表之后&#xff0c;很多同仁发E-mail来与我讨论&#xff0c;很多原来的疑团&#xff0c;也在讨论和一…

logback高级特性使用-异步记录日志

注意&#xff1a;该功能需要高版本才能支持&#xff0c;如1.0.11。AsyncAppender&#xff0c;异步记录日志。 工作原理&#xff1a; 当Logging Event进入AsyncAppender后&#xff0c;AsyncAppender会调用appender方法&#xff0c;append方法中在将event填入Buffer(这里选用的数…

Linux下c开发 之 线程通信(转)

1.Linux“线程”进程与线程之间是有区别的&#xff0c;不过Linux内核只提供了轻量进程的支持&#xff0c;未实现线程模型。Linux是一种“多进程单线程”的操作系统。Linux本身只有进程的概念&#xff0c;而其所谓的“线程”本质上在内核里仍然是进程。大家知道&#xff0c;进程…

HDU 1028 Ignatius and the Princess III

//强行递推。 xx[i][j]表示i数中第j个开头的组合种类。 /* 最终结果[i]为 sum of(xx[i][j]) (j from 1 to i); xx[i][j]sum of (xx[i-j][k]) (k from 1 to j); 例如 xx[10][4]xx[6][1]xx[6][2]xx[6][3]xx[6][4]; xx[6][1] 1; 6111111; xx[6][2]3; 6222, 62211, 621111; xx[…

HALCON示例程序measure_metal_part_id.hdev使用xld边缘拟合检测零件加工是否合格

HALCON示例程序measure_metal_part_id.hdev使用xld边缘拟合检测零件加工是否合格 示例程序源码&#xff08;加注释&#xff09; 关于显示类函数解释 dev_update_off () Imagefiles : [‘metal-parts/metal-part-model-01’,‘metal-parts/metal-parts-01’,‘metal-parts/meta…

编写批处理文件-------基础

第一、Windows bat 批处理文件 编写 如何编写批处理文件 批处理文件&#xff08;batch file&#xff09;包含一系列 DOS命令&#xff0c;通常用于自动执行重复性任务。 用户只需双击批处理文件便可执行任务&#xff0c;而无需重复输入相同指令。编写批处理文件非常简单&#xf…

主控芯片

主控芯片&#xff1a; 主控芯片里有310&#xff0c;320,3288&#xff0c;288,318&#xff0c;333&#xff0c;345&#xff0c;7501, 其中310是中星微发展比较早&#xff0c;比较成熟的芯片。在现在一般应用在水晶夹子之类的低端产品上。 3288也是低端芯片&#xff0c;318&…

MPEG2、H.263、H.264协议效率对比

[摘录]1.1 MPEG2、H.263、H.264协议效率对比ITUT中定义的双向视频通信协议族包括&#xff1a;H.320、H.323&#xff0c;这两个协议族中&#xff0c;包含了很多子协议&#xff0c;例如音频编码协议、视频编码协议等&#xff0c;其中视频编码包括&#xff1a;H.261、H.263、H.264…

WebService SOAP、Restful和HTTP(post/get)请求区别

web service&#xff08;SOAP&#xff09; Webservice的一个最基本的目的就是提供在各个不同平台的不同应用系统的协同工作能力。 Web service 就是一个应用程序&#xff0c;它向外界暴露出一个能够通过Web进行调用的API。 SOAP是一种简单基于xml的轻量协议&#xff0c;用户web…

Block的循环引用详解

1.首先我们创建了一个网络请求工具类 然后storyboard里面去创建了一个导航控制器 并且把它设置为初始控制器 然后拖入一个bar button &#xff0d;&#xff0d;show&#xff0d;&#xff0d;到自带的控制器 这个时候运行代码的结果是 x 显然这个时候没有造成循环引用 为什…

HALCON示例程序measure_pump.hdev螺纹孔位置与尺寸测量

HALCON示例程序measure_pump.hdev螺纹孔位置与尺寸测量 示例程序源码&#xff08;加注释&#xff09; 关于显示类函数解释 dev_update_var (‘off’) dev_update_off () read_image (Image, ‘pumpe’) get_image_size (Image, Width, Height) dev_close_window () dev_open_…

计算机视觉和图形学中的摄像机内参数矩阵详解

在计算机视觉和图形学中都有“摄像机内参数矩阵”这个概念&#xff0c;其含义大致相同&#xff0c;但在实际使用过程中&#xff0c;这两个矩阵却相差甚远。在增强现实中&#xff0c;为了使计算机绘制的虚拟物体和真实环境图像对其&#xff0c;需要令虚拟摄像机的内参数和真实摄…

c#和html方法互调

具体见连接&#xff1a;https://www.cnblogs.com/zeroLove/p/3912460.html转载于:https://www.cnblogs.com/gaara-zhang/p/8746403.html

数据库基础杂记

sql,Structured Query Language结构化查询语言。SQL 是一门 ANSI(美国国家标准局) 的标准计算机语言&#xff0c;用来访问和操作数据库系统。SQL 语句用于取回和更新数据库中的数据。SQL 可与数据库程序协同工作&#xff0c;比如 MS Access、DB2、Informix、MS SQL Server、Ora…

很有用的X264和ffmpeg的设置

很有用的X264和FFMPEG的设置 http://www.360doc.com/content/11/0209/16/3705984_91612512.shtml 点击打开链接

HALCON示例程序measure_ring.hdev齿轮齿宽度测量

HALCON示例程序measure_ring.hdev齿轮齿宽度测量 示例程序源码&#xff08;加注释&#xff09; 关于显示类函数解释 read_image (Image, ‘rings_and_nuts’) dev_close_window () dev_open_window_fit_image (Image, 0, 0, 640, 640, WindowHandle) set_display_font (Windo…

基于RBGD的mapping

最近学习RGBD的SLAM&#xff0c;收集了两个RGBD的mapping的开源工具包 1.RGBDSlam2 a.安装方法&#xff1a; #准备工作空间 source /opt/ros/indigo/setup.bash mkdir -p ~/rgbdslam_catkin_ws/src cd ~/rgbdslam_catkin_ws/src catkin_init_workspace cd ~/rgbdslam_catkin_ws…

【瓜分5000元奖金】Wannafly挑战赛13

链接&#xff1a;https://www.nowcoder.com/acm/contest/80/A来源&#xff1a;牛客网 zzy的小号 时间限制&#xff1a;C/C 1秒&#xff0c;其他语言2秒空间限制&#xff1a;C/C 262144K&#xff0c;其他语言524288K64bit IO Format: %lld题目描述 学家zzy根据字体的特点&#…

X264参数设定详细解释

x264 core:65 r1074M b6bb3d4 Syntax: x264 [options] -o outfile infile [widthxheight] 语法(命令行写法)&#xff1a;x264 [参数] -o 输出文件名 输入文件名 [宽x高] 范例&#xff1a; x264 --crf 26 --ref 3 --mixed-refs --bframes 3 --b-adapt 2 --b-pyramid --weightb -…

20145217《网络对抗》 恶意代码分析

20145217《网络对抗》 免杀原理与实践 知识点学习总结 进行恶意代码分析之前必须具备以下知识&#xff1a;编程、汇编/反汇编、网络基本知识、PE文件结构以及一些常用行为分析软件。 一、在一个已经感染了恶意代码的机器上如何找到病毒文件&#xff1f; 找到恶意代码才能对其分…