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

              今天在Android群里面有人再求圆角ListView的实现方式,正好自己以前实现过。因此就共享了

       现在将其实现方式写在博客中共他人学习。给出实现方式之前顺带加点自己的想法,感觉上android

       中方形的ListView还是太“硬性”,没有圆角的有亲和力。连Apple也为了“圆角”这个设计去申请专利

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

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

       第一张:

Android UI控件之ListView实现圆角效果_第1张图片

      第二张:

Android UI控件之ListView实现圆角效果_第2张图片

          该方式主要就是需要重新去实现自己的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();
		}

	}

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

                        Android UI控件之ListView实现圆角效果_第3张图片

                这里就不一一给出了

                完整源码部分:

                       http://download.csdn.net/detail/kiritor/5176655

         

你可能感兴趣的:(android,UI,ListView,圆角)