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框架