博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android自定义TabView实现圆角列表
阅读量:6818 次
发布时间:2019-06-26

本文共 3291 字,大约阅读时间需要 10 分钟。

hot3.png

看到很多应用的设置界面都有圆角效果的列表,类似下面的

下面说说我的实现原理:继承LinearLayout,然后设置一个自定义的TabAdapter,类似于listview,添加一个setAdapter()方法,这个方法就是将子视图加入,然后设置背景选择器效果;还可以添加风格不同的视图,通过addview方法,最后一定要调用commit方法,设置子视图的背景,对于背景有三种情况,中间项四角都是圆角,顶部圆角和顶部圆角效果

自定义TabAdapter抽象类,是要继承即可

 

 

package com.allen.tabview; import android.view.View; /** * @package:com.allen.tabview * @author:Allen * @email:jaylong1302@163.com * @data:2013-7-26 下午2:49:51 * @description:适配器 */ public abstract class TabAdapter { public abstract int getCount(); public abstract Object getItem(int position); public abstract View getView(int position);}
 
 
接下来是自定义的TabView
 
package com.allen.tabview; import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.view.ViewGroup; import android.widget.LinearLayout; /** * @package:com.allen.tabview * @author:Allen * @email:jaylong1302@163.com * @data:2013-7-26 下午2:48:36 * @description:圆角表格 */ public class TabView extends LinearLayout {    TabAdapter adapter; /** 子视图数量 */ int size = 0; public TabView(Context context) { super(context);        init();    } public TabView(Context context, AttributeSet attrs) { super(context, attrs);        init();    } void init() { this.setOrientation(LinearLayout.VERTICAL); this.setDescendantFocusability(ViewGroup.FOCUS_BLOCK_DESCENDANTS); this.setBackgroundResource(R.drawable.background_view_rounded_container);    } /** 设置适配器 */ public void setAdapter(TabAdapter adapter) { this.adapter = adapter; // 遍历当前的adapter if (adapter != null) {            size = adapter.getCount(); for (int i = 0; i < size; i++) {                View child = adapter.getView(i); this.addView(child);            }            commit();        }    }    @Override public void addView(View child) { // TODO Auto-generated method stub super.addView(child);        child.setClickable(true);    } /** 调用addView之后执行的方法 */ public void commit() { int len = this.getChildCount(); if (len > 1) {
// 多项内容 for (int i = 0; i < len; i++) { View child = this.getChildAt(i); if (i == 0) {
// 顶部 child.setBackgroundResource(R.drawable.background_view_rounded_top); } else if (i > 0 && i < len - 1) {
// 中间 child.setBackgroundResource(R.drawable.background_view_rounded_middle); } else if (i == len - 1) {
// 底部 child.setBackgroundResource(R.drawable.background_view_rounded_bottom); } } } else if (len == 1) {
// 一项内容 View child = this.getChildAt(0); child.setBackgroundResource(R.drawable.background_view_rounded_single); } } public interface TabItemClickListener { void onClick(int position, View v); } TabItemClickListener itemClick; public void setOnItemClickListener(final TabItemClickListener itemClick) { this.itemClick = itemClick; // 绑定监听事件 for (int i = 0; i < size; i++) { final int index = i; View childView = this.getChildAt(i); childView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { // TODO Auto-generated method stub if (itemClick != null) { itemClick.onClick(index, v); } } }); } }}
 

最后有一点,对于整个最外层的圆角背景是使用inset,那样自动加入了分隔线效果

整个项目在github上面,

 

转载于:https://my.oschina.net/u/246578/blog/152123

你可能感兴趣的文章
Python图片裁剪实例代码(如头像裁剪)
查看>>
【虚拟机】oracle Virtual Box4.2.6虚拟机正在运行的过程中删除了其上的一个备份,之后虚拟机就无法使用了...
查看>>
数据库MySQL--条件查询/排序查询
查看>>
资源文件加载(Pack URI 方案)
查看>>
步步为营:Asp.Net使用HttpWebRequest通知,抓取,采集
查看>>
求2维数组相邻元素的和的最大值
查看>>
大数据开发实战:离线大数据处理的主要技术--Hive,概念,SQL,Hive数据库
查看>>
VsCode使用之HTML 中 CSS Class 智能提示
查看>>
JMeter基础之一 一个简单的性能测试
查看>>
【转】性能测试工具 性能测试如何做?
查看>>
fullpage.js禁止滚动
查看>>
LoadRunner中响应时间与事物时间详解
查看>>
ZigZag Conversion
查看>>
Android 通过HTTPCLINET POST请求互联网数据
查看>>
Hadoop集群的配置(一)
查看>>
Kafka 学习笔记之 Consumer API
查看>>
教程-Close、Halt、terminate、ExitProcess的区别
查看>>
10款很好用的 jQuery 图片滚动插件
查看>>
teacher forcing
查看>>
Linux命令小记
查看>>