Android UI控件之ListView实现圆角效果

今天在Android群里面有人再求圆角ListView的实现方式，正好自己以前实现过。因此就共享了现在将其实现方式写在博客中共他人学习。给出实现方式之前顺带加点自己的想法，感觉上android中方形的ListView还是太“硬性”，没有圆角的有亲和力。连Apple也为了“圆角”这个设计去申请专利。

看来圆角确实比较适合现在人们的喜好吧。

照老规矩先上两张效果图吧：

第一张：

第二张：

该方式主要就是需要重新去实现自己的ListView代码如下：

package com.kiritor.corner_listview;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.AdapterView;
import android.widget.ListView;
/***
* 自定义listview
*
* @author Kiritor
*
*/
public class MyListView extends ListView {
public MyListView(Context context) {
super(context);
}
public MyListView(Context context, AttributeSet attrs) {
super(context, attrs);
}
/****
* 拦截触摸事件
*/
@Override
public boolean onTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
int x = (int) ev.getX();
int y = (int) ev.getY();
int itemnum = pointToPosition(x, y);
if (itemnum == AdapterView.INVALID_POSITION)
break;
else {
if (itemnum == 0) {
if (itemnum == (getAdapter().getCount() - 1)) {
// 只有一项数据，设置背景设置为圆角的
setSelector(R.drawable.list_round);
} else {
// 第一项，设置为上面为圆角的
setSelector(R.drawable.list_top_round);
}
} else if (itemnum == (getAdapter().getCount() - 1))
// 最后一项，设置为下面为圆角的
setSelector(R.drawable.list_bottom_round);
else {
// 中间项，不用设置为圆角
setSelector(R.drawable.list_center_round);
}
}
break;
case MotionEvent.ACTION_UP:
break;
}
return super.onTouchEvent(ev);
}
}

MainActivity

package com.kiritor.corner_listview;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
public class MainActivity extends Activity implements OnItemClickListener {
private MyListView listView_1, listView_2, listView_3;
private ArrayList<Map<String, String>> listData, listData2, listData3;
private SimpleAdapter adapter;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.main);
listView_1 = (MyListView) findViewById(R.id.mylistview_1);
listView_2 = (MyListView) findViewById(R.id.mylistview_2);
listView_3 = (MyListView) findViewById(R.id.mylistview_3);
listView_1.setAdapter(getSimpleAdapter_1());
listView_2.setAdapter(getSimpleAdapter_2());
listView_3.setAdapter(getSimpleAdapter_3());
listView_1.setOnItemClickListener(this);
listView_2.setOnItemClickListener(this);
listView_3.setOnItemClickListener(this);
setListViewHeightBasedOnChildren(listView_1);
setListViewHeightBasedOnChildren(listView_2);
setListViewHeightBasedOnChildren(listView_3);
}
/**
* 设置第一列数据
*/
private SimpleAdapter getSimpleAdapter_1() {
listData = new ArrayList<Map<String, String>>();
Map<String, String> map = new HashMap<String, String>();
map.put("text", "天气动画");
listData.add(map);
map = new HashMap<String, String>();
map.put("text", "通知栏天气");
listData.add(map);
return new SimpleAdapter(MainActivity.this, listData,
R.layout.list_item, new String[] { "text" },
new int[] { R.id.tv_list_item });
}
/**
* 设置第二列数据
*/
private SimpleAdapter getSimpleAdapter_2() {
listData2 = new ArrayList<Map<String, String>>();
Map<String, String> map = new HashMap<String, String>();
map.put("text", "桌面插件");
listData2.add(map);
map = new HashMap<String, String>();
map.put("text", "绑定微博");
listData2.add(map);
map = new HashMap<String, String>();
map.put("text", "天气分享");
listData2.add(map);
map = new HashMap<String, String>();
map.put("text", "通知与提示");
listData2.add(map);
map = new HashMap<String, String>();
map.put("text", "定时播报");
listData2.add(map);
return new SimpleAdapter(MainActivity.this, listData2,
R.layout.list_item, new String[] { "text" },
new int[] { R.id.tv_list_item });
}
/**
* 设置第三列数据
*/
private SimpleAdapter getSimpleAdapter_3() {
listData3 = new ArrayList<Map<String, String>>();
Map<String, String> map = new HashMap<String, String>();
map.put("text", "检查新版本");
listData3.add(map);
map = new HashMap<String, String>();
map.put("text", "发送建议");
listData3.add(map);
map = new HashMap<String, String>();
map.put("text", "帮助");
listData3.add(map);
map = new HashMap<String, String>();
map.put("text", "关于");
listData3.add(map);
return new SimpleAdapter(MainActivity.this, listData3,
R.layout.list_item, new String[] { "text" },
new int[] { R.id.tv_list_item });
}
/***
* 动态设置listview的高度
*
* @param listView
*/
public void setListViewHeightBasedOnChildren(ListView listView) {
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null) {
return;
}
int totalHeight = 0;
for (int i = 0; i < listAdapter.getCount(); i++) {
View listItem = listAdapter.getView(i, null, listView);
listItem.measure(0, 0);
totalHeight += listItem.getMeasuredHeight();
}
ViewGroup.LayoutParams params = listView.getLayoutParams();
params.height = totalHeight
+ (listView.getDividerHeight() * (listAdapter.getCount() - 1));
// params.height += 5;// if without this statement,the listview will be
// a
// little short
// listView.getDividerHeight()获取子项间分隔符占用的高度
// params.height最后得到整个ListView完整显示需要的高度
listView.setLayoutParams(params);
}
@Override
public void onItemClick(AdapterView<?> parent, View view, int position,
long id) {
if (parent == listView_1) {
Map<String, String> map = listData.get(position);
Toast.makeText(MainActivity.this, map.get("text"), 1).show();
} else if (parent == listView_2) {
Map<String, String> map = listData2.get(position);
Toast.makeText(MainActivity.this, map.get("text"), 1).show();
} else if (parent == listView_3) {
Map<String, String> map = listData3.get(position);
Toast.makeText(MainActivity.this, map.get("text"), 1).show();
}
}
}

差不多也就是这样了，还有相关资源文件。

这里就不一一给出了。 

完整源码部分：ListView实现圆角效果

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

• Android高级UI特效仿直播点赞动画效果
• Android 仿抖音的评论列表的UI和效果的实现代码
• Android UI新组件学习和使用
• Android MIUI通知类短信权限的坑
• Android UI 中的 ListView列表控件的示例
• 浅谈Android RecyclerView UI的滚动控件示例
• android开发仿ios的UIScrollView实例代码
• Android Build Variants 为项目设置变种版本的方法
• Android编程设计模式之Builder模式实例详解
• Android UI控件之ImageSwitcher实现图片切换效果
• Android UI控件之Gallery实现拖动式图片浏览效果
• Android UI控件之ProgressBar进度条
• Android UI控件之Spinner下拉列表效果
• Android利用Espresso进行UI自动化测试的方法详解
• Android编程处理窗口控件大小，形状，像素等UI元素工具类
• Android build文件的删除的方法
• android studio 一直卡在Gradle:Build Running的几种解决办法
• 25个实用酷炫的Android开源UI框架