收藏
便签
笔记
消息
创作
登录
应无所住,而生其心
博主信息
排名
1
文章
860
粉丝
112
评论
163
文章类别
最新文章
最新评价
net core webapi post传递参数
庸人 : 确实坑哈，我也是下班好了好几次，发现后台传递对象是可以的，但...
百度编辑器自定义模板
庸人 : 我建议换个编辑器，因为现在百度富文本已经停止维护了，用tinymec...
关于我们
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2025TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：50010702506256
欢迎加群
欢迎加群交流技术
原

android 漂亮的listview

6167人阅读 2014/8/9 12:06 总访问：5185605 评论：0 收藏：0 手机
分类: 移动开发


效果如下：

首先在drawable下定义选择器shape_bg_listview.xml 实现圆角：

  1. <?xml version="1.0" encoding="utf-8"?>

  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"

  3.     android:shape="rectangle" >

  4.  

  5.     <gradient

  6.         android:angle="0"

  7.         android:endColor="#ffffff"

  8.         android:startColor="#ffffff" />

  9.  

  10.     <stroke

  11.         android:width="1px"

  12.         android:color="#cccccc" />

  13.  

  14.    <!--  <solid android:color="@android:color/white" /> -->

  15.  

  16.     <corners

  17.         android:bottomLeftRadius="15px"

  18.         android:bottomRightRadius="15px"

  19.         android:topLeftRadius="15px"

  20.         android:topRightRadius="15px" />

  21. </shape>

Layout下新建  ListView布局  seting.xml：

  1. <ScrollView  xmlns:android="http://schemas.android.com/apk/res/android"     

  2.     android:layout_width="fill_parent"    

  3.     android:layout_height="fill_parent"    

  4.     android:scrollbars="vertical"    

  5.     android:background="#e3e2e7" 

  6.     android:fadingEdge="vertical"> 

  7. <LinearLayout 

  8.     android:layout_width="fill_parent"  

  9.     android:layout_height="wrap_content"  

  10.     android:orientation="vertical"

  11.     android:background="#e3e2e7"  

  12.      >  

  13.  

  14.   

  15.   <com.lc.settings.CornerListView  

  16.         android:id="@+id/setting_list"  

  17.         android:layout_width="fill_parent"  

  18.         android:layout_height="195dp"  

  19.         android:layout_margin="10dip"  

  20.         android:background="@drawable/shape_bg_listview"  

  21.         android:dividerHeight="1px" 

  22.         android:divider="#cccccc"

  23.         android:scrollbars="none"

  24.         android:cacheColorHint="#00000000" />

  25.   

  26.   <com.lc.settings.CornerListView  

  27.         android:id="@+id/setting_list2"  

  28.         android:layout_width="fill_parent"  

  29.         android:layout_height="78dp"  

  30.         android:layout_marginTop="30dp"

  31.         android:layout_margin="10dip"  

  32.         android:background="@drawable/shape_bg_listview"  

  33.         android:dividerHeight="1px" 

  34.         android:divider="#cccccc"

  35.         android:scrollbars="none"

  36.         android:cacheColorHint="#00000000" />

  37. </LinearLayout>  

  38.  </ScrollView>

ListView的item布局文件main_tab_setting_list_item.xml：

  1. <ScrollView  xmlns:android="http://schemas.android.com/apk/res/android"     

  2.     android:layout_width="fill_parent"    

  3.     android:layout_height="fill_parent"    

  4.     android:scrollbars="vertical"    

  5.     android:background="#e3e2e7" 

  6.     android:fadingEdge="vertical"> 

  7. <LinearLayout 

  8.     android:layout_width="fill_parent"  

  9.     android:layout_height="wrap_content"  

  10.     android:orientation="vertical"

  11.     android:background="#e3e2e7"  

  12.      >  

  13.  

  14.   

  15.   <com.lc.settings.CornerListView  

  16.         android:id="@+id/setting_list"  

  17.         android:layout_width="fill_parent"  

  18.         android:layout_height="195dp"  

  19.         android:layout_margin="10dip"  

  20.         android:background="@drawable/shape_bg_listview"  

  21.         android:dividerHeight="1px" 

  22.         android:divider="#cccccc"

  23.         android:scrollbars="none"

  24.         android:cacheColorHint="#00000000" />

  25.   

  26.   <com.lc.settings.CornerListView  

  27.         android:id="@+id/setting_list2"  

  28.         android:layout_width="fill_parent"  

  29.         android:layout_height="78dp"  

  30.         android:layout_marginTop="30dp"

  31.         android:layout_margin="10dip"  

  32.         android:background="@drawable/shape_bg_listview"  

  33.         android:dividerHeight="1px" 

  34.         android:divider="#cccccc"

  35.         android:scrollbars="none"

  36.         android:cacheColorHint="#00000000" />

  37. </LinearLayout>  

  38.  </ScrollView>

Settings.java：

  1. public class Settings extends Fragment{

  2.         

  3. 	@Override

  4. 	public void onActivityCreated(Bundle savedInstanceState) {

  5. 		// TODO Auto-generated method stub

  6. 		

  7.         SetingOne();

  8.         SetingTwo();

  9. 		super.onActivityCreated(savedInstanceState);

  10. 	}

  11. 	

  12. 	private void SetingOne()

  13. 	{		

  14. 		CornerListView cornerListView = (CornerListView) getActivity().findViewById(R.id.setting_list);

  15. 		ArrayList<ListItem> mList = setListDataOne();  

  16.         // 获取MainListAdapter对象  

  17.         MainListViewAdapter adapter = new MainListViewAdapter(getActivity().getApplicationContext(),mList);  

  18.         

  19.         // 将MainListAdapter对象传递给ListView视图  

  20.         cornerListView.setAdapter(adapter);  

  21. 	}

  22. 	

  23. 	private void SetingTwo()

  24. 	{

  25. 		CornerListView cornerListView2 = (CornerListView) getActivity().findViewById(R.id.setting_list2);  

  26. 		ArrayList<ListItem> mList = setListDataTwo();  

  27.         MainListViewAdapter adapter = new MainListViewAdapter(getActivity().getApplicationContext(),mList);       

  28.         cornerListView2.setAdapter(adapter);

  29. 	}

  30.  

  31. 	/**  

  32.      * 设置列表数据  

  33.      */  

  34.     private ArrayList<ListItem>  setListDataOne(){  

  35.  

  36.     	ArrayList<ListItem> mList = new ArrayList<ListItem>(); 

  37.     	Resources res = this.getResources();   	

  38.     	ListItem item = new ListItem();  

  39.         item.setImage(res.getDrawable(R.drawable.set1));  

  40.         item.setTitle("图片");  

  41.         mList.add(item);  

  42.   

  43.         item = new ListItem();  

  44.         item.setImage(res.getDrawable(R.drawable.set2));  

  45.         item.setTitle("计算器");  

  46.         mList.add(item);  

  47.   

  48.         item = new ListItem();  

  49.         item.setImage(res.getDrawable(R.drawable.set3));  

  50.         item.setTitle("购物");  

  51.         mList.add(item);  

  52.   

  53.         item = new ListItem();  

  54.         item.setImage(res.getDrawable(R.drawable.set4));  

  55.         item.setTitle("地图");  

  56.         mList.add(item);  

  57.   

  58.         item = new ListItem();  

  59.         item.setImage(res.getDrawable(R.drawable.set5));  

  60.         item.setTitle("设置");  

  61.         mList.add(item);      	

  62.         return mList;

  63.     }  

  64.     

  65.     private ArrayList<ListItem>  setListDataTwo(){  

  66.  

  67.     	ArrayList<ListItem> mList = new ArrayList<ListItem>(); 

  68.     	Resources res = this.getResources();   	

  69.     	ListItem item = new ListItem();  

  70.         item.setImage(res.getDrawable(R.drawable.set6));  

  71.         item.setTitle("超级模式");  

  72.         mList.add(item);  

  73.   

  74.         item = new ListItem();  

  75.         item.setImage(res.getDrawable(R.drawable.set7));  

  76.         item.setTitle("招贤纳士");  

  77.         mList.add(item);      	

  78.         return mList;

  79.     }  

  80.  

  81. 	@Override

  82. 	public View onCreateView(LayoutInflater inflater, ViewGroup container,

  83. 			Bundle savedInstanceState) {

  84. 		// TODO Auto-generated method stub

  85. 		//return super.onCreateView(inflater, container, savedInstanceState);

  86. 				

  87. 		

  88. 		return inflater.inflate(R.layout.seting, container, false);

  89. 	}

  90.  

  91. 	

  92. }

MainListViewAdapter.java：

  1. package com.lc.settings;

  2.  

  3. import java.util.ArrayList;

  4.  

  5. import com.lc.map.R;

  6.  

  7. import android.content.Context;

  8. import android.graphics.drawable.Drawable;

  9. import android.view.LayoutInflater;

  10. import android.view.View;

  11. import android.view.ViewGroup;

  12. import android.widget.BaseAdapter;

  13. import android.widget.ImageView;

  14. import android.widget.TextView;

  15.  

  16. public class MainListViewAdapter extends BaseAdapter {

  17.  

  18. 	

  19. 	public Context congb;

  20. 	public ArrayList<ListItem> mList;

  21. 	public MainListViewAdapter(Context _congb,ArrayList<ListItem> _mList)

  22. 	{

  23. 		congb = _congb;

  24. 		mList = _mList;		 

  25. 	}

  26. 	

  27. 	@Override

  28. 	public int getCount() {

  29. 		// TODO Auto-generated method stub

  30. 		return mList.size();

  31. 	}

  32.  

  33. 	@Override

  34. 	public Object getItem(int position) {

  35. 		// TODO Auto-generated method stub

  36. 		return mList.get(position);

  37. 	}

  38.  

  39. 	@Override

  40. 	public long getItemId(int position) {

  41. 		// TODO Auto-generated method stub

  42. 		return position;

  43. 	}

  44.  

  45. 	@Override

  46. 	public View getView(int position, View convertView, ViewGroup parent) {

  47. 		ListItemView listItemView;  

  48. 				

  49.         // 初始化item view  

  50.         if (convertView == null) {  

  51.             // 通过LayoutInflater将xml中定义的视图实例化到一个View中  

  52.             convertView = LayoutInflater.from(congb).inflate(  

  53.                     R.layout.main_tab_setting_list_item, null);  

  54.  

  55.             // 实例化一个封装类ListItemView，并实例化它的两个域  

  56.             listItemView = new ListItemView();  

  57.             listItemView.imageView = (ImageView) convertView  

  58.                     .findViewById(R.id.iv_system_left);  

  59.             listItemView.textView = (TextView) convertView  

  60.                     .findViewById(R.id.tv_system_title);  

  61.  

  62.             // 将ListItemView对象传递给convertView  

  63.             convertView.setTag(listItemView);  

  64.         } else {  

  65.             // 从converView中获取ListItemView对象  

  66.             listItemView = (ListItemView) convertView.getTag();  

  67.         }  

  68.         // 获取到mList中指定索引位置的资源  

  69.         Drawable img = mList.get(position).getImage();  

  70.         String title = mList.get(position).getTitle();  

  71.  

  72.         // 将资源传递给ListItemView的两个域对象  

  73.         listItemView.imageView.setImageDrawable(img);  

  74.         listItemView.textView.setText(title);  

  75.        

  76.         // 返回convertView对象  

  77.         return convertView;  

  78. 	}

  79.  

  80. 	

  81. }

  82.  

  83.  

  84. /** 

  85.  * 封装两个视图组件的类 

  86.  */  

  87. class ListItemView {  

  88.     ImageView imageView;  

  89.     TextView textView;  

  90. }  

  91.   

  92. /** 

  93.  * 封装了两个资源的类 

  94.  */  

  95. class ListItem {  

  96.     private Drawable image;  

  97.     private String title;  

  98.  

  99.     public Drawable getImage() {  

  100.         return image;  

  101.     }  

  102.  

  103.     public void setImage(Drawable image) {  

  104.         this.image = image;  

  105.     }  

  106.  

  107.     public String getTitle() {  

  108.         return title;  

  109.     }  

  110.  

  111.     public void setTitle(String title) {  

  112.         this.title = title;  

  113.     }  

  114.  

  115. }

CornerListView.java：

  1. package com.lc.settings;

  2.  

  3. import com.lc.map.R;

  4.  

  5. import android.content.Context;

  6. import android.util.AttributeSet;

  7. import android.view.MotionEvent;

  8. import android.widget.AdapterView;

  9. import android.widget.ListView;

  10.  

  11. public class CornerListView extends ListView {

  12.  

  13. 	 public CornerListView(Context context) {  

  14. 	        super(context);  

  15. 	    }  

  16. 	  

  17. 	    public CornerListView(Context context, AttributeSet attrs, int defStyle) {  

  18. 	        super(context, attrs, defStyle);  

  19. 	    }  

  20. 	  

  21. 	    public CornerListView(Context context, AttributeSet attrs) {  

  22. 	        super(context, attrs);  

  23. 	    }  

  24. 	  

  25. 	    @Override  

  26. 	    public boolean onInterceptTouchEvent(MotionEvent ev) {  

  27. 	        switch (ev.getAction()) {  

  28. 	        case MotionEvent.ACTION_DOWN:  

  29. 	            int x = (int) ev.getX();  

  30. 	            int y = (int) ev.getY();  

  31. 	            int itemnum = pointToPosition(x, y);  

  32. 	            if (itemnum == AdapterView.INVALID_POSITION)  

  33. 	                break;  

  34. 	            else {  

  35. 	                if (itemnum == 0) {  

  36. 	                    if (itemnum == (getAdapter().getCount() - 1)) {  

  37. 	                        //只有一项  

  38. 	                        setSelector(R.drawable.app_list_corner_round);  

  39. 	                    } else {  

  40. 	                        //第一项  

  41. 	                        setSelector(R.drawable.app_list_corner_round_top);  

  42. 	                    }  

  43. 	                } else if (itemnum == (getAdapter().getCount() - 1))  

  44. 	                    //最后一项  

  45. 	                    setSelector(R.drawable.app_list_corner_round_bottom);  

  46. 	                else {  

  47. 	                    //中间项  

  48. 	                    setSelector(R.drawable.app_list_corner_round_center);  

  49. 	                }  

  50. 	            }  

  51. 	            break;  

  52. 	        case MotionEvent.ACTION_UP:  

  53. 	            break;  

  54. 	        }  

  55. 	        return super.onInterceptTouchEvent(ev);  

  56. 	    }  

  57. }


注意1：背景与listview的颜色应该对比强烈一点

 2：listview与ScrollView的冲突问题

有时圆角并不是很好看，充满还好看一点，把圆角去掉把 android:layout_margin去掉，在看效果


下载地址：http://www.tnblog.net/resource/show/aojiancc2/dc65bfc707dd414d9b9916939d030c01



欢迎加群讨论技术，1群：677373950(满了，可以加，但通过不了)，2群：656732739。有需要软件开发，或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

解决android studio运行出现Session 'app': Error Installing APKs错误
之前项目好好的，早上打开突然报错Session &#39;app&#39;: Error Installing APKs解决方法：选择Build———— clean proje...

android使用MPandroidChart开源图表折线图
1. 将mpandroidchartlibrary-2-1-6.ja包copy到项目的libs中在引用2:布局文件&lt;com.github.mikephil.charting.charts.Line...

android 弹出选择框简单通用弹出选择框
制作一个简单通用的弹出选择框LinearLayoutll=(LinearLayout)getActivity().findViewById(R.id.log_sel_qyport); ll.set...

android studio打包脱坑1
打包时出现的&#39;:app:validateExternalOverrideSigning&#39;问题报错如下解决方法错误的原因是找不到这个签名文件。由于K...

javaandroid 使用socket.io-client连接nodejs websocket
socket.io-client相比SocketIO.jar使用起来更方便一点publicvoidconnection(finalMapAction_action){ try{ IO.Optionsopt...

javaandroid 使用SocketIO.jar连接nodejs websocket
socket.io-client版连接nodejs websockethttp://www.tnblog.net/aojiancc2/article/details/2562一：更具url建立连接,调用...

Xamarin： android.permission.CALL_PHONE 的权限问题
写个电话拨号器，很简单就一个Edittext和一个button,用来输入号码并且点击按钮拨打电话，但是写好以后报的是安全错误，我上...

android 获取导航栏的高度
获取Android手机屏幕的高度/** *获取状态栏高度 * *@paramcontext上下文 *@return高度 */publicstaticintgetStatusBar...

android 代码
一、判断WiFi是否打开1、注册权限//需注册权限android.permission.ACCESS_WIFI_STATE WifiManagerwifiManager=(WifiManage...

ionic cordova platform add android报错
ionic各种环境以及配置完但是添加平台报错：Using cordova-fetch for anroidFailed to fetch platform anroidProbably this...

android 布局文件里输入框的值自动转换到类里边可以增加为空验证
android 布局文件里输入框的值自动转换到类里边,不用一个一个去读取在赋值先看看android遍历view子控件,用回调函数 /** ...

android 布局实例解析 格子菜单效果
使用android权重布局，使每个格子和间隔在不同手机中自动适配： &lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8...

android后台动态添加布局文件、控件与动态设置属性
翻译布局文件布局文件 &lt;LinearLayout android:layout_width=&quot;fill_parent&quot; andro...

android后台动态添加布局文件、控件与动态设置属性2
原布局文件 &lt;ScrollView android:layout_width=&quot;wrap_content&quot; android:layout_heig...

android 绘制自定义控件，android绘制同心圆，android绘制小三角，android画虚线
一：实现同心圆加小三角指向效果 同心圆public class RingView extends View{ private Paint paint; privat...