ListView圆角

阿米尔 2013-07-21 10:13:06


本人实学Android
这是网上下的一个ListView圆角的示例。
假如我想把设置1 item、设置2 item、设置3 item间隔开来，当然四个角都是圆角

大侠们，该如何实现？？

CornerListView.java


public class CornerListView extends ListView {

    public CornerListView(Context context) {

        super(context);

    }

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

        super(context, attrs, defStyle);

    }

    public CornerListView(Context context, AttributeSet attrs) {

        super(context, attrs);

    }

    @Override

    public boolean onInterceptTouchEvent(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.app_list_corner_round);

                        }else{

                            setSelector(R.drawable.app_list_corner_round_top);

                        }

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

	                        setSelector(R.drawable.app_list_corner_round_bottom);

	                else{                            

	                    setSelector(R.drawable.app_list_corner_shape);

	                }

                }

                break;

        case MotionEvent.ACTION_UP:

                break;

        }

        return super.onInterceptTouchEvent(ev);

    }

}


RoundCornerActivity.java


public class RoundCornerActivity extends Activity {

	private CornerListView mListView = null;

	ArrayList<HashMap<String, String>> map_list1 = null;



	/** Called when the activity is first created. */

	@Override

	public void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.main);



		getDataSource1();

		// getDataSource2();



		SimpleAdapter adapter1 = new SimpleAdapter(this, map_list1,

				R.layout.simple_list_item_1, new String[] { "item" },

				new int[] { R.id.item_title });

		mListView = (CornerListView) findViewById(R.id.list1);

		mListView.setAdapter(adapter1);

		mListView.setOnItemClickListener(new OnItemListSelectedListener());

	}

	public ArrayList<HashMap<String, String>> getDataSource1() {



		map_list1 = new ArrayList<HashMap<String, String>>();

		HashMap<String, String> map1 = new HashMap<String, String>();

		HashMap<String, String> map2 = new HashMap<String, String>();

		HashMap<String, String> map3 = new HashMap<String, String>();



		map1.put("item", "设置1");

		map2.put("item", "设置2");

		map3.put("item", "设置3");



		map_list1.add(map1);

		map_list1.add(map2);

		map_list1.add(map3);



		return map_list1;

	}



	class OnItemListSelectedListener implements OnItemClickListener {

		@Override

		public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,

				long arg3) {

			if (arg2 == 0) {

				System.out.println("0");

			}else{

				System.out.println("1");

			}

		}

	}

}


main.xml


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

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

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:background="@color/white"

    android:orientation="vertical" >



    <LinearLayout

        android:id="@+id/linearLayout1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:orientation="vertical"

        android:paddingBottom="5dp"

        android:paddingLeft="25dp"

        android:paddingTop="15dp" >



        <TextView

            android:id="@+id/menu_1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="@string/setting"

            android:textColor="@color/gray" />

    </LinearLayout>



    <com.corner.test.CornerListView

        android:id="@+id/list1"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:background="@drawable/shape_bg_listview"

        android:cacheColorHint="@null"/>



</LinearLayout>


simple_list_item_1.xml


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

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

    android:layout_width="match_parent"

    android:layout_marginTop="10dip"

    android:layout_height="match_parent"

    android:orientation="vertical" >



    <RelativeLayout

        android:id="@+id/relativeLayout1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:paddingBottom="10dip"

        android:paddingLeft="15dip"

        android:paddingRight="5dip"

        android:paddingTop="10dip" >



        <TextView

            android:id="@+id/item_title"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentLeft="true"

            android:layout_alignParentTop="true"

            android:textColor="@color/gray"

            android:textSize="15sp" />



        <ImageView

            android:id="@+id/imageView1"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:layout_centerVertical="true"

            android:layout_marginRight="16dp"

            android:src="@drawable/arrow" />

        

    </RelativeLayout>



</LinearLayout>
...全文
271 12 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
12 条回复
切换为时间正序
请发表友善的回复…
发表回复
zhyntc54321 2013-07-23
  • 打赏
  • 举报
 回复
哪那么麻烦啊 如果列数固定，就直接用LinerLayout布死，不用listview了。 不固定，重写adapter ，getView的时候判断下，如果是第一个，换个背景，最后一个，换个背景 其他的就是默认背景
阿米尔 2013-07-22
  • 打赏
  • 举报
 回复
引用 9 楼 guoyoulei520 的回复:
[quote=引用 8 楼 cclovescw 的回复:] [quote=引用 5 楼 guoyoulei520 的回复:] [quote=引用 4 楼 shen332401890 的回复:] [quote=引用 2 楼 guoyoulei520 的回复:] [quote=引用 1 楼 shen332401890 的回复:] 首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
[/quote] 哈哈 来混分的 顺便 说一下别的方式呗。。[/quote] 不错不错,抓紧啊.快月底了[/quote] 你拿过花了，大家都轮轮啊[/quote] 这个月我没怎么答[/quote] 我了个去
凉凉二点凉 2013-07-22
  • 打赏
  • 举报
 回复
引用 8 楼 cclovescw 的回复:
[quote=引用 5 楼 guoyoulei520 的回复:] [quote=引用 4 楼 shen332401890 的回复:] [quote=引用 2 楼 guoyoulei520 的回复:] [quote=引用 1 楼 shen332401890 的回复:] 首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
[/quote] 哈哈 来混分的 顺便 说一下别的方式呗。。[/quote] 不错不错,抓紧啊.快月底了[/quote] 你拿过花了，大家都轮轮啊[/quote] 这个月我没怎么答
经常在黑云中出没 2013-07-22
  • 打赏
  • 举报
 回复
引用 5 楼 guoyoulei520 的回复:
[quote=引用 4 楼 shen332401890 的回复:] [quote=引用 2 楼 guoyoulei520 的回复:] [quote=引用 1 楼 shen332401890 的回复:] 首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
[/quote] 哈哈 来混分的 顺便 说一下别的方式呗。。[/quote] 不错不错,抓紧啊.快月底了[/quote] 你拿过花了，大家都轮轮啊
经常在黑云中出没 2013-07-22
  • 打赏
  • 举报
 回复
其实有一种很简单的解决方式，用一个“9.PNG"格式的图片作为背景就好了，这种格式的图片，无限拉伸也不会改变圆角的弧度的
顾小林 2013-07-22
  • 打赏
  • 举报
 回复
引用 5 楼 guoyoulei520 的回复:
[quote=引用 4 楼 shen332401890 的回复:] [quote=引用 2 楼 guoyoulei520 的回复:] [quote=引用 1 楼 shen332401890 的回复:] 首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
[/quote] 哈哈 来混分的 顺便 说一下别的方式呗。。[/quote] 不错不错,抓紧啊.快月底了[/quote] 好多人 都没有形成良好的 结贴习惯。。。。估计不够吧 才500左右
凉凉二点凉 2013-07-22
  • 打赏
  • 举报
 回复
引用 4 楼 shen332401890 的回复:
[quote=引用 2 楼 guoyoulei520 的回复:] [quote=引用 1 楼 shen332401890 的回复:] 首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
[/quote] 哈哈 来混分的 顺便 说一下别的方式呗。。[/quote] 不错不错,抓紧啊.快月底了
顾小林 2013-07-22
  • 打赏
  • 举报
 回复
引用 2 楼 guoyoulei520 的回复:
[quote=引用 1 楼 shen332401890 的回复:] 首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
[/quote] 哈哈 来混分的 顺便 说一下别的方式呗。。
那草未闻 2013-07-22
  • 打赏
  • 举报
 回复
学习了，有用
凉凉二点凉 2013-07-22
  • 打赏
  • 举报
 回复
引用 1 楼 shen332401890 的回复:
首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
顾小林 2013-07-22
  • 打赏
  • 举报
 回复
首先你要会弄只有两个圆角的layout http://blog.xianqu.org/2012/04/android-borders-and-radius-corners/ 可以参考这里 然后将上面是圆角的layout 弄到head 下面圆角的弄成foot 当然你也可以都当做普通的弄这个要看你自己的填充
喝冰开水 2013-07-22
  • 打赏
  • 举报
 回复
这个效果这用xml方式就可以直接实现了
ListView圆角分块显示
标题“ListView圆角分块显示”指的是在ListView的每一项（item）上添加圆角，并将数据分隔成不同的区块，这样可以增强视觉效果，提高用户的阅读体验。在软件设置界面中，这样的设计可以使得各个设置选项更加突出，...
listview圆角示例源码
本示例源码提供了如何实现ListView圆角的方法，使得每个列表项看起来更加优雅。 在Android中，实现ListView圆角通常涉及以下几个关键知识点： 1. **自定义ListView项布局**：首先，我们需要为ListView创建一个...
listview圆角列表demo
而“listview圆角列表demo”则是针对ListView进行的一种定制化设计，使得ListView的每一项（item）显示为具有圆角的矩形，以提升界面的美观度和用户体验。下面将详细解释如何实现ListView的圆角效果。 1. **圆角...
android listview圆角实现
要实现ListView的圆角效果，我们可以利用自定义ViewGroup和Adapter来达到目的。以下将详细讲解如何在Android中为ListView实现圆角。 首先，我们需要创建一个自定义的ListView，这通常涉及到继承AbsListView或...
基于Android实现ListView圆角效果
首先，实现ListView圆角效果主要依赖于Android的Drawable资源，特别是Shape Drawable。Shape Drawable允许我们定义不同形状（如矩形、圆形等）并自定义其颜色、渐变、边框等属性。在这个案例中，我们将通过定义不同...
Android

80,472

社区成员

91,385

社区内容

发帖
与我相关
我的任务
社区描述
移动平台 Android
androidandroid-studioandroidx 技术论坛（原bbs）
社区管理员
  • Android
  • yechaoa
  • 失落夏天
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章