android 圆形listview,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> 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 map = new HashMap();

map.put("text", "天气动画");

listData.add(map);

map = new HashMap();

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 map = new HashMap();

map.put("text", "桌面插件");

listData2.add(map);

map = new HashMap();

map.put("text", "绑定微博");

listData2.add(map);

map = new HashMap();

map.put("text", "天气分享");

listData2.add(map);

map = new HashMap();

map.put("text", "通知与提示");

listData2.add(map);

map = new HashMap();

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 map = new HashMap();

map.put("text", "检查新版本");

listData3.add(map);

map = new HashMap();

map.put("text", "发送建议");

listData3.add(map);

map = new HashMap();

map.put("text", "帮助");

listData3.add(map);

map = new HashMap();

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 map = listData.get(position);

Toast.makeText(MainActivity.this, map.get("text"), 1).show();

} else if (parent == listView_2) {

Map map = listData2.get(position);

Toast.makeText(MainActivity.this, map.get("text"), 1).show();

} else if (parent == listView_3) {

Map map = listData3.get(position);

Toast.makeText(MainActivity.this, map.get("text"), 1).show();

}

}

}

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

这里就不一一给出了。

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