android ListView实现圆角
首先呢,我们还是看几个示图:(这是360推出的一款天气预报APP(墨迹),很不错的一款哦,这里为她们做一个免费广告,哈哈.)
![](http://www.apkbus.com/data/attachment/forum/201209/06/155726jbjru56oxl3jlell.jpg)
![](http://www.apkbus.com/data/attachment/forum/201209/06/155731idf9rbbbb68bnd68.jpg)
![](http://www.apkbus.com/data/attachment/forum/201209/06/1557317ymoytmm4fymutf0.jpg)
这种带有圆角的listview' 看起来很棒吧,确实是这样,其实也不能这么说,主要方形太多了,斯通见惯就不值钱了,“物以稀为贵嘛”.
就好比学java都搞androd,很明显嘛,为了多赚点钱,可是供过于求的话,就不这么乐观了,就好比现在这个圆角,如果太多太多的话,我想若干时间
段,肯定会被新的视图所代替.所以“跟随潮流,放宽眼线”很重要.不扯了,(网上实现例子很多)下面简单介绍下实现方法:(两种方法)
第一种:我们通过配置文件也就是shape自己实现圆角的背景,以及selector选中某项的背景.
首先我们要实现一个完整的圆角背景,用于默认与listview的background.
[mw_shl_code=java,true]<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<stroke
android:width="1dp"
android:color="@color/gray" />
<solid android:color="@color/white" />
<corners android:radius="8dp" />
</shape>[/mw_shl_code]
接下来我们要实现也就是listview的第一项selector后背景的shape.
[mw_shl_code=java,true]<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<stroke
android:width="1dp"
android:color="@color/gray" />
<solid android:color="@color/gray" />
<corners
android:topLeftRadius="8dp"
android:topRightRadius="8dp" />
</shape>[/mw_shl_code]
下面呢,我们也要实现中间的shape,以及末尾的shape等等配置.这里就不写了.按照上面模仿就ok了.
第二种方法:我们用.9.png完全代替上面那些配置,(因为.9.png可以拉伸不毁容)
所以listview的第一项,中间项,最后一项,以及就一项,我们都可以通过图片来实现.
这里我运用第一种方法:(也巩固下shape)
创建自定义的listview,用于实现setSelector及选中的效果.
代码片段:
[mw_shl_code=java,true]package com.jj.listview;
import android.content.Context;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.AdapterView;
import android.widget.ListView;
/***
* 自定义listview
*
* @author Administrator
*
*/
public class MyListView extends ListView {
public MyListView(Context context) {
super(context);
}
public MyListView(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.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.onInterceptTouchEvent(ev);
}
}[/mw_shl_code]
这段代码网上很多,几乎全部都是这么实现的,这里我简单介绍,如果说错了,请大家指出,
首先我们是实现了onInterceptTouchEvent这个方法,在这里我们也可以用onTouchEvent事件,都可以实现我们想要的效果.
onInterceptTouchEvent和onTouchEvent的区别:简单的来说前者可以拦截后者.下面一些逻辑虽说没有见过,我想大家都看得
懂,(就是获取坐标(x,y),然后根据坐标获取listview相应的position值,没有返回-1,然后根据相应的position设置相应的setSelector ).有时间得好好研究下listview.对灵活运用很有帮助.
在这里我还要在说名一点,上面那个图形很显然不是一个listview,是三个listview,另外重要的是我们一个屏幕显示不完全,这时我们就用到了
ScrollView,一提到这个我想大家都知道ScrollView和listview是冤家,不可能同时存在,不过网上有解决办法,原理就是我们动态
show 我们的listview,
实现方法:
[mw_shl_code=java,true]/***
* 动态设置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);
}[/mw_shl_code]
我们在Listview的setAdapter后,在调用下这个方法就OK了,代码内容,我想大家都看的明白,就不多介绍了.
效果图:
![](http://www.apkbus.com/data/attachment/forum/201209/06/155941qj7aa7n273nifwjq.jpg)
![](http://www.apkbus.com/data/attachment/forum/201209/06/155942ggyi11auiztrn1mz.jpg)
![](http://www.apkbus.com/data/attachment/forum/201209/06/155942vqsvoeyak4eeev4f.jpg)
样子虽丑陋了点,但是实现效果就行了,如果在项目中就另当别论了。
相关文章
- Android 高仿新浪微博底部导航栏,实现双击首页Tab,页面的ListView滚动、刷新
- [Android Pro] Android中全局Application的onCreate多次调用问题
- Android 深入ViewPager补间动画,实现类京东商城首页广告Banner切换效果
- Android开发学习---android下的数据持久化,保存数据到rom文件,android_data目录下文件访问的权限控制
- Android实现推送方式解决方案
- Android高级控件(一)——ListView绑定CheckBox实现全选,增加和删除等功能
- 我的android学习脚步----------- Button 和监听器setonclicklistener
- Android 编译之android.bp详解
- android异步线程的实现方式
- Android【报错】This class should be public (android.support.v7.internal.widget.ActionBarView.HomeView)
- Android图形显示系统——上层显示2:硬件加速实现
- Android 12.0 屏蔽FallbackHome机制去掉android正在启动直接进入默认Launcher功能实现
- Android kotlin实现Recyclerview酷炫动画
- Android 自定义ViewPager圆点指示器
- Android 自定义实现带气泡的SeekBar
- Android 矩形区域内实现截图(裁剪图片)
- 如何实现Android端获取RTSP|RTMP流转推RTMP
- 2014 android毕设代做 代做Android毕设 安卓毕设
- Android相关属性的介绍:android:exported = true
- Android多媒体开发-- android中OpenMax的实现整体框架
- 注解在android中的使用
- Android 更新UI的几种方式
- Android Studio 实现仿微信图片选择器(增加删除(长按无拖动))的功能
- Android 实现搜索关键字高亮显示+ListView的功能
- Android ListView实现仿表格功能效果
- Android 11.0 系统settings详情页 卸载修改为停止,禁止卸载app功能实现
- android开发,Android Studio在创建安卓虚拟设备(AVD)时,报错:Unknown Error