Android实现带有边框的ListView和item的方法

 更新时间:2016年07月08日 11:58:58   作者:manymore13  
这篇文章主要介绍了Android实现带有边框的ListView和item的方法,结合实例形式分析了ListView和item四周添加边框的实现步骤与相关技巧,需要的朋友可以参考下

本文实例讲述了Android实现带有边框的ListView和item的方法。分享给大家供大家参考,具体如下:

想为ListView和item四周添加边框有两种方法:

1.贴一张带有边框效果的背景图

2.自定义Draw的方法

第一种方法较第二种方法更耗系统资源,但是用法简单,只需要一张图设置为相应控件的背景即可,而第二种灵活性好些。

这次是实现带有边框的ListView和item,为此写个简单Demo 学习学习

先看下Demo运行效果吧

下面是主要代码,主要是用到Canvas.drawLine(...)代码简单,我就不啰嗦了

BorderListView.Java

package com.borderlistview.manymore13;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ListView;
public class BorderListView extends ListView{
  public BorderListView(Context context) {
    super(context);
  }
  public BorderListView(Context context, AttributeSet attrs)
  {
    super(context, attrs);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    float width = getWidth();
    float height= getHeight();
    int lineWidth = 10; // 线宽十个像素
    int grayColor = Color.GRAY;
    Paint mLinePaint = new Paint();
    mLinePaint.setColor(grayColor);
    mLinePaint.setStyle(Paint.Style.STROKE);
    mLinePaint.setAntiAlias(true);
    mLinePaint.setStrokeWidth(lineWidth);
    // 画四周的边框 注意下面的 lineWidth/2 不加的话四周的线可能不一样粗
    canvas.drawLine(0f, 0+lineWidth/2, width, 0+lineWidth/2, mLinePaint);
    canvas.drawLine(width-lineWidth/2, 0, width-lineWidth/2, height, mLinePaint);
    canvas.drawLine(width-lineWidth/2, height-lineWidth/2, 0, height-lineWidth/2, mLinePaint);
    canvas.drawLine(0+lineWidth/2, height, 0+lineWidth/2, 0,mLinePaint);
    super.onDraw(canvas);
  }
}

ListViewItem.java   ListView的item 添加虚线和红线

package com.borderlistview.manymore13;
import com.manymore13.MyListview.R;
import android.content.Context;
import android.content.res.Resources;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.DashPathEffect;
import android.graphics.Paint;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;
 public class ListViewItem extends RelativeLayout{
  private View viewHolder;
  private TextView tvEventName;
  private Context c;
  private FrameLayout leftFrame;
  public ListViewItem(Context context) {
    super(context);
    LayoutInflater flater = LayoutInflater.from(context);
    viewHolder = flater.inflate(R.layout.item, this);
    getViewAndSetClick();
    c = context;
  }
  private void getViewAndSetClick()
  {
    tvEventName = (TextView)viewHolder.findViewById(R.id.eventName);
    leftFrame = (FrameLayout)viewHolder.findViewById(R.id.frame);
  }
  public void setEventName(String name)
  {
    tvEventName.setText(name);
  }
  public void updateView()
  {
    this.postInvalidate();
  }
  @Override
  protected void dispatchDraw(Canvas canvas) {
    super.dispatchDraw(canvas);
    Resources res = getResources();
    int grayColor = Color.GRAY;
    int redColor = res.getColor(R.color.red);
    int leftFramepos = leftFrame.getRight();
    Paint mLinePaint = new Paint();
    mLinePaint.setColor(redColor);
    mLinePaint.setStyle(Paint.Style.STROKE);
    mLinePaint.setStrokeWidth(2);
    //画两条直线
    canvas.drawLine(leftFramepos+20, 0f, leftFramepos+20, getHeight(), mLinePaint);
    canvas.drawLine(leftFramepos+25, 0f, leftFramepos+25, getHeight(), mLinePaint);
    // 画虚线
    mLinePaint.setColor(grayColor);
    DashPathEffect effect = new DashPathEffect(new float[] { 5,5, 5, 5, 5}, 3);
    mLinePaint.setAntiAlias(true);
    mLinePaint.setPathEffect(effect);
    canvas.drawLine(0, getHeight(), getWidth(), getHeight(), mLinePaint);
  }
}

MyBaseAdaper.java

package com.borderlistview.manymore13;
import java.util.List;
import android.content.Context;
import android.os.Handler;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.BaseAdapter;
import android.widget.ImageView;
public class MyBaseAdaper extends BaseAdapter{
  private List<String> list;
  private Context c;
  MyBaseAdaper(Context c, List<String> list)
  {
    this.list = list;
    this.c = c;
  }
  @Override
  public int getCount() {
    // TODO Auto-generated method stub
    return list.size();
  }
  @Override
  public Object getItem(int i) {
    // TODO Auto-generated method stub
    return list.get(i);
  }
  @Override
  public long getItemId(int i) {
    // TODO Auto-generated method stub
    return i;
  }
  @Override
  public View getView(int i, View view, ViewGroup viewgroup) {
    ListViewItem itemView = null ;
    if(view == null){
      itemView = new ListViewItem(c);
    }else{
      itemView = (ListViewItem)view;
    }
    itemView.setEventName(list.get(i));
    return itemView;
  }
}

另外,在写本次Demo的时候报了错误,有错就改 Caused by: java.lang.NoSuchMethodException:BorderListView(Context,AttributeSet)

在 BorderListView类中加一个构造函数 搞定

public BorderListView(Context context, AttributeSet attrs)
{
super(context, attrs);
}

更多关于Android相关内容感兴趣的读者可查看本站专题:《Android编程之activity操作技巧总结》、《Android资源操作技巧汇总》、《Android文件操作技巧汇总》、《Android操作SQLite数据库技巧总结》、《Android操作json格式数据技巧总结》、《Android数据库操作技巧总结》、《Android编程开发之SD卡操作方法汇总》、《Android开发入门与进阶教程》、《Android视图View技巧总结》及《Android控件用法总结

希望本文所述对大家Android程序设计有所帮助。

相关文章

  • Android图片缓存之初识Glide(三)

    Android图片缓存之初识Glide(三)

    这篇文章主要为大家详细介绍了Android图片缓存之Glide,学习比较优秀的图片缓存开源框架,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android实现的秒表计时器示例

    Android实现的秒表计时器示例

    这篇文章主要介绍了Android实现的秒表计时器,结合完整实例形式分析了Android计时器的具体实现步骤与相关技巧,涉及Android针对日期与时间的操作方法,需要的朋友可以参考下
    2016-08-08
  • Android开发之使用SQLite存储数据的方法分析

    Android开发之使用SQLite存储数据的方法分析

    这篇文章主要介绍了Android开发之使用SQLite存储数据的方法,结合实例形式分析了Android使用SQLite数据库实现针对数据的增删改查操作相关技巧,需要的朋友可以参考下
    2017-07-07
  • Android开发实现带清空按钮的EditText示例

    Android开发实现带清空按钮的EditText示例

    这篇文章主要介绍了Android开发实现带清空按钮的EditText,结合具体实例形式分析了Android实现EditText清空按钮功能相关操作技巧,非常具有实用价值,需要的朋友可以参考下
    2017-11-11
  • Android编程开发之性能优化技巧总结

    Android编程开发之性能优化技巧总结

    这篇文章主要介绍了Android编程开发之性能优化技巧,较为详细的总结了Android编程中关于性能优化的常用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • Flutter进阶之实现动画效果(二)

    Flutter进阶之实现动画效果(二)

    这篇文章主要为大家详细介绍了Flutter进阶之实现动画效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • Android4.X中SIM卡信息初始化过程详解

    Android4.X中SIM卡信息初始化过程详解

    这篇文章主要介绍了Android4.X中SIM卡信息初始化过程,较为详细的分析总结了Android4.X中SIM卡信息初始化的步骤及相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Android自定义ActionBar实例

    Android自定义ActionBar实例

    这篇文章主要介绍了Android自定义ActionBar的实现方法,以实例形式较为详细的分析了自定义ActionBar的原理与具体步骤,并附带完整实例代码供大家下载查看,需要的朋友可以参考下
    2014-11-11
  • Android studio 出现错误Run with --stacktrace option to get the stack trace. Run with --info or --debu

    Android studio 出现错误Run with --stacktrace option to get the s

    这篇文章主要介绍了 Android studio 出现错误Run with --stacktrace option to get the stack trace. Run with --info or --debu的相关资料,需要的朋友可以参考下
    2016-11-11
  • Android动态模糊效果的快速实现方法

    Android动态模糊效果的快速实现方法

    这篇文章主要介绍了Android动态模糊效果的快速实现方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论