亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

android自定義listview實(shí)現(xiàn)圓角

系統(tǒng) 2513 0

在項(xiàng)目中我們會(huì)經(jīng)常遇到這種圓角效果，因?yàn)橹苯堑目雌饋?lái)確實(shí)不那么雅觀，可能大家會(huì)想到用圖片實(shí)現(xiàn)，試想上中下要分別做三張圖片，這樣既會(huì)是自己的項(xiàng)目增大也會(huì)增加內(nèi)存使用量，所以使用shape來(lái)實(shí)現(xiàn)不失為一種更好的實(shí)現(xiàn)方式。在這里先看一下shape的使用：

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < shape xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:shape = "rectangle"
  4. >
  6. <!--漸變-->
  7. < gradient
  8. android:startColor = "#B5E7B8"
  9. android:endColor = "#76D37B"
  10. android:angle = "270"
  11. />
  13. <!--描邊-->
  14. <!-- < stroke android:width = "1dip"
  15. android:color = "@color/blue"
  16. /> -- >
  18. <!--實(shí)心-->
  19. <!-- < solid android:color = "#FFeaeaea"
  20. /> -- >
  22. <!--圓角-->
  23. < corners
  24. android:bottomRightRadius = "4dip"
  25. android:bottomLeftRadius = "4dip"
  26. android:topLeftRadius = "4dip"
  27. android:topRightRadius = "4dip"
  28. />
  29. </ shape >

solid：實(shí)心，就是填充的意思
android:color指定填充的顏色

gradient：漸變
android:startColor和android:endColor分別為起始和結(jié)束顏色，ndroid:angle是漸變角度，必須為45的整數(shù)倍。
另外漸變默認(rèn)的模式為android:type="linear"，即線性漸變，可以指定漸變?yōu)閺较驖u變，android:type="radial"，徑向漸變需要指定半徑android:gradientRadius="50"。

stroke：描邊
android:width="2dp" 描邊的寬度，android:color 描邊的顏色。

我們還可以把描邊弄成虛線的形式，設(shè)置方式為：
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'這樣一個(gè)橫線的寬度，android:dashGap表示之間隔開(kāi)的距離。

corners：圓角
android:radius為角的弧度，值越大角越圓。


OK，下面開(kāi)始自定義listview實(shí)現(xiàn)圓角的例子：

首先在drawable下定義只有一項(xiàng)的選擇器app_list_corner_round.xml：

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < shape xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:shape = "rectangle"
  4. >
  6. <!--漸變-->
  7. < gradient
  8. android:startColor = "#B5E7B8"
  9. android:endColor = "#76D37B"
  10. android:angle = "270"
  11. />
  13. <!--描邊-->
  14. <!-- < stroke android:width = "1dip"
  15. android:color = "@color/blue"
  16. /> -- >
  18. <!--實(shí)心-->
  19. <!-- < solid android:color = "#FFeaeaea"
  20. /> -- >
  22. <!--圓角-->
  23. < corners
  24. android:bottomRightRadius = "4dip"
  25. android:bottomLeftRadius = "4dip"
  26. android:topLeftRadius = "4dip"
  27. android:topRightRadius = "4dip"
  28. />
  29. </ shape >
如果是頂部第一項(xiàng)，則上面兩個(gè)角為圓角，app_list_corner_round_top.xml：

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < shape xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:shape = "rectangle"
  4. >
  7. < gradient
  8. android:startColor = "#B5E7B8"
  9. android:endColor = "#76D37B"
  10. android:angle = "270"
  11. />
  13. <!-- < stroke android:width = "1dip"
  14. android:color = "@color/blue"
  15. /> -- >
  16. <!-- < solid android:color = "#FFeaeaea"
  17. /> -- >
  18. < corners
  19. android:topLeftRadius = "4dip"
  20. android:topRightRadius = "4dip"
  22. />
  23. </ shape >

如果是底部最后一項(xiàng)，則下面兩個(gè)角為圓角，app_list_corner_round_bottom.xml：

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < shape xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:shape = "rectangle"
  4. >
  7. < gradient
  8. android:startColor = "#B5E7B8"
  9. android:endColor = "#76D37B"
  10. android:angle = "270"
  11. />
  13. <!-- < stroke android:width = "1dip"
  14. android:color = "@color/blue"
  15. /> -- >
  16. <!-- < solid android:color = "#FFeaeaea"
  17. /> -- >
  18. < corners
  19. android:bottomRightRadius = "4dip"
  20. android:bottomLeftRadius = "4dip"
  22. />
  23. </ shape >

如果是中間項(xiàng)，則應(yīng)該不需要圓角， app_list_corner_round_center.xml:

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < shape xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:shape = "rectangle"
  4. >
  7. < gradient
  8. android:startColor = "#B5E7B8"
  9. android:endColor = "#76D37B"
  10. android:angle = "270"
  11. />
  13. <!-- < stroke android:width = "1dip"
  14. android:color = "@color/blue"
  15. /> -- >
  16. <!-- < solid android:color = "#FFeaeaea"
  17. /> -- >
  18. <!-- < corners
  19. android:bottomRightRadius = "4dip"
  20. android:bottomLeftRadius = "4dip"
  22. /> -- >
  23. </ shape >

listview的背景圖片大家可以使用stroke描述，這里我使用了一張9PNG的圖片，因?yàn)?PNG圖片拉伸不失真。

定義好了圓角的shape接下來(lái)是自定義listview的實(shí)現(xiàn)：

[html] view plain copy
  1. packagecn.com.karl.view;
  3. importcn.com.karl.test.R;
  4. importandroid.content.Context;
  5. importandroid.util.AttributeSet;
  6. importandroid.view.MotionEvent;
  7. importandroid.widget.AdapterView;
  8. importandroid.widget.ListView;
  10. /**
  11. *圓角ListView
  12. */
  13. publicclassCornerListViewextendsListView{
  14. publicCornerListView(Contextcontext){
  15. super(context);
  16. }
  18. publicCornerListView(Contextcontext,AttributeSetattrs,intdefStyle){
  19. super(context,attrs,defStyle);
  20. }
  22. publicCornerListView(Contextcontext,AttributeSetattrs){
  23. super(context,attrs);
  24. }
  26. @Override
  27. publicbooleanonInterceptTouchEvent(MotionEventev){
  28. switch(ev.getAction()){
  29. caseMotionEvent.ACTION_DOWN:
  30. int x =(int)ev.getX();
  31. int y =(int)ev.getY();
  32. int itemnum = pointToPosition (x,y);
  33. if( itemnum ==AdapterView.INVALID_POSITION)
  34. break;
  35. else{
  36. if( itemnum ==0){
  37. if( itemnum ==(getAdapter().getCount()-1)){
  38. //只有一項(xiàng)
  39. setSelector(R.drawable.app_list_corner_round);
  40. }else{
  41. //第一項(xiàng)
  42. setSelector(R.drawable.app_list_corner_round_top);
  43. }
  44. }elseif( itemnum ==(getAdapter().getCount()-1))
  45. //最后一項(xiàng)
  46. setSelector(R.drawable.app_list_corner_round_bottom);
  47. else{
  48. //中間項(xiàng)
  49. setSelector(R.drawable.app_list_corner_round_center);
  50. }
  51. }
  52. break;
  53. caseMotionEvent.ACTION_UP:
  54. break;
  55. }
  56. returnsuper.onInterceptTouchEvent(ev);
  57. }
  58. }

下面看一下列表布局文件setting。xml：

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:layout_width = "fill_parent"
  4. android:layout_height = "fill_parent"
  5. android:orientation = "vertical" >
  7. < include layout = "@layout/head" />
  9. < cn.com.karl.view.CornerListView
  10. android:id = "@+id/setting_list"
  11. android:layout_width = "fill_parent"
  12. android:layout_height = "wrap_content"
  13. android:layout_margin = "10dip"
  14. android:background = "@drawable/corner_list_bg"
  15. android:cacheColorHint = "#00000000" />
  17. </ LinearLayout >

自定義Listview對(duì)應(yīng)的item文件 main_tab_setting_list_item.xml

[html] view plain copy
  1. <? xml version = "1.0" encoding = "utf-8" ?>
  2. < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
  3. android:layout_width = "fill_parent"
  4. android:layout_height = "wrap_content" >
  6. < RelativeLayout
  7. android:layout_width = "fill_parent"
  8. android:layout_height = "50dp"
  9. android:gravity = "center_horizontal" >
  11. < TextView
  12. android:id = "@+id/tv_system_title"
  13. android:layout_width = "wrap_content"
  14. android:layout_height = "wrap_content"
  15. android:layout_alignParentLeft = "true"
  16. android:layout_centerVertical = "true"
  17. android:layout_marginLeft = "10dp"
  18. android:text = "分享"
  19. android:textColor = "@color/black" />
  21. < ImageView
  22. android:id = "@+id/iv_system_right"
  23. android:layout_width = "wrap_content"
  24. android:layout_height = "wrap_content"
  25. android:layout_alignParentRight = "true"
  26. android:layout_centerVertical = "true"
  27. android:layout_marginRight = "10dp"
  28. android:src = "@drawable/arrow1" />
  29. </ RelativeLayout >
  31. </ LinearLayout >

最后是在activity中填充適配器：

[html] view plain copy
  1. packagecn.com.karl.test;
  3. importjava.util.ArrayList;
  4. importjava.util.HashMap;
  5. importjava.util.List;
  6. importjava.util.Map;
  8. importcn.com.karl.view.CornerListView;
  9. importandroid.os.Bundle;
  10. importandroid.view.View;
  11. importandroid.widget.SimpleAdapter;
  13. publicclassSettingActivityextendsBaseActivity{
  15. privateCornerListView cornerListView = null ;
  17. privateList < Map < String ,String > > listData = null ;
  18. privateSimpleAdapter adapter = null ;
  20. @Override
  21. protectedvoidonCreate(BundlesavedInstanceState){
  22. //TODOAuto-generatedmethodstub
  23. super.onCreate(savedInstanceState);
  24. setContentView(R.layout.setting);
  26. cornerListView =(CornerListView)findViewById(R.id.setting_list);
  27. setListData();
  29. adapter = new SimpleAdapter(getApplicationContext(),listData,R.layout.main_tab_setting_list_item,
  30. newString[]{"text"},newint[]{R.id.tv_system_title});
  31. cornerListView.setAdapter(adapter);
  33. initHead();
  34. btn_leftTop.setVisibility(View.INVISIBLE);
  35. tv_head.setText("設(shè)置");
  36. }
  39. /**
  40. *設(shè)置列表數(shù)據(jù)
  41. */
  42. privatevoidsetListData(){
  43. listData = new ArrayList < Map < String ,String > > ();
  45. Map < String ,String > map = new HashMap < String ,String > ();
  46. map.put("text","分享");
  47. listData.add(map);
  49. map = new HashMap < String ,String > ();
  50. map.put("text","檢查新版本");
  51. listData.add(map);
  53. map = new HashMap < String ,String > ();
  54. map.put("text","反饋意見(jiàn)");
  55. listData.add(map);
  57. map = new HashMap < String ,String > ();
  58. map.put("text","關(guān)于我們");
  59. listData.add(map);
  61. map = new HashMap < String ,String > ();
  62. map.put("text","支持我們，請(qǐng)點(diǎn)擊這里的廣告");
  63. listData.add(map);
  64. }
  66. }

這樣就完成了，雖然過(guò)程較繁雜，但是當(dāng)做一個(gè)好的模板以后使用會(huì)方便很多，最后看一下實(shí)現(xiàn)效果和我們用圖片實(shí)現(xiàn)的一樣嗎

android自定義listview實(shí)現(xiàn)圓角



android自定義listview實(shí)現(xiàn)圓角


android自定義listview實(shí)現(xiàn)圓角


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索：z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系： 360901061

您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】元

您的支持是博主寫(xiě)作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧，站長(zhǎng)會(huì)非常 感謝您的哦！！！

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板： 天堂素人在线 | 久久成人亚洲 | 欧美乱大交xxxxxx喷潮免费 | 色婷婷综合欧美成人 | 四虎影视在线观看2413 | 在线观看亚洲成人 | 亚欧在线视频 | 精品中文字幕在线 | 精品在线小视频 | 亚洲综合色网 | 国产欧美日韩图片一区二区 | 一级做a爰片性色毛片2021 | 免看一级一片一在线看 | 久久小视频 | 日本大片免a费观看在线 | 欧美亚洲精品一区二三 | 午夜精品久久久久久久 | 亚洲一区免费在线观看 | 久久99精品一久久久久久 | 福利毛片 | 免费一级大毛片a一观看不卡 | 男女一级毛片免费播放 | 91麻豆精品国产91久久久久久 | 奇米影视亚洲春色77777 | 草逼网站 | 波多野结衣绝顶大高潮 | 天天操免费视频 | 国产福利视屏 | 一区二区三区在线免费视频 | 成人欧美一区二区三区在线 | 老司机一级毛片 | 亚洲欧美国产五月天综合 | 久久久精品久久久久三级 | 国产精品66在线观看 | 四虎精品影视 | 欧美黑人巨大肥婆性视频 | 日本免费人做人一区在线观看 | 黄色网址视频在线播放 | 色综合狠狠操 | 国产亚洲综合成人91精品 | 99精品久久久久久 |