android自定义TabView实现圆角列表
2013-07-29 16:01
316 查看
看到很多应用的设置界面都有圆角效果的列表,类似下面的
View Code
最后有一点,对于整个最外层的圆角背景是使用inset,那样自动加入了分隔线效果
整个项目在github上面, 需要的可以clone和fok。。。
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); } } }); } } }
View Code
最后有一点,对于整个最外层的圆角背景是使用inset,那样自动加入了分隔线效果
整个项目在github上面, 需要的可以clone和fok。。。
相关文章推荐
- Android开发之自定义圆角矩形图片ImageView的实现
- Android仿联系人列表分组悬浮列表实现,自定义PinnedHeaderListView实现
- Android实现自定义圆角对话框Dialog的示例代码
- 【Android基础篇】使用ExpandableListView实现自定义的下拉列表
- android自定义listview实现圆角
- Android实现自定义圆角对话框Dialog
- Android自定义ImageView实现图片缩放滑动,双击放大缩小,多点触控旋转,圆角矩形,圆形和仿刮刮卡效果
- android自定义listview实现圆角
- [AndroidUI]自定义view(四):实现圆形圆角图片
- Android高级控件(六)——自定义ListView高仿一个QQ可拖拽列表的实现
- android ImageView实现上面圆角下面直角(自定义view实现)
- Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现) .
- Android 自定义 RoundImageView 实现圆角矩形或圆形图片
- Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现)
- Android使用BitmapShader图形渲染实现圆形、圆角和椭圆自定义图片View
- Android中Spinner下拉列表(使用ArrayAdapter和自定义Adapter实现) .
- Android自定义ImageView实现图片圆形 ,椭圆和矩形圆角显示
- Android列表实现(3)_自定义列表适配器思路及实现代码
- Android 自定义View修炼-Android实现圆形、圆角和椭圆自定义图片View(使用BitmapShader图形渲染方法)
- Android客户端之“微服私访”App的系统学习(七)XRecyclerView快速实现列表界面+自定义Search输入框,软键盘搜索按钮监听+TextView部分样式改变