1. 首页
  2. 文章中心
  3. Android

Android 实现自定义圆形listview功能的实例代码

140 阅读 0 评论
我是靠谱客的博主 痴情芝麻，最近开发中收集的这篇文章主要介绍Android 实现自定义圆形listview功能的实例代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

最近遇到一个需求需要圆形listview作为悬浮窗，费了九牛二虎之力终于开发出来了，特别有成就感，下面分享下案例，项目原因，只能分享一部分供大家参考
1.有图有真相

下面就来讲解下代码：
1.自定义listview

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;
import android.view.ViewGroup;

public class CircleListView extends ViewGroup {

  private static final double intervalAngel = 60;//子view之间的间隔角
  int circleR;//圆的半径
  int ccx;//圆心的x轴坐标
  int ccy;//圆心的y轴坐标
  double angel = 0;//偏移角度
  private float oldTouchY;//上一次触摸的y轴位置
  private boolean isScrolling = false;//是否在滑动状态
  private Bitmap circleBitmap = null;
  private Rect src;
  private Rect dst;
  private Paint paint;
  private Adapter adapter = new Adapter(this) {
    @Override
    public View getView(int position) {
      return new View(getContext());
    }
  };

  public CircleListView(Context context) {
    super(context);
    setWillNotDraw(false);
    paint = new Paint();
  }

  public CircleListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    setWillNotDraw(false);
    paint = new Paint();
//    TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.CircleListView);
//    setCircleBitMap(ta.getResourceId(R.styleable.CircleListView_circleDrawable, 0));
//    ta.recycle();
  }

  private void setCircleBitMap(int drawableId) {
    if (drawableId != 0) {
      circleBitmap = BitmapFactory.decodeResource(getResources(), drawableId);
    } else {
      circleBitmap = null;
    }
  }

  public void setAdapter(Adapter adapter) {
    this.adapter = adapter;
    refreshList();
  }

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    measureChildren(widthMeasureSpec, heightMeasureSpec);
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  }

  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if (circleBitmap != null) {
      if (src == null) {
        src = new Rect();
      }
      src.left = 0;
      src.top = 0;
      src.right = circleBitmap.getWidth();
      src.bottom = circleBitmap.getHeight();
      if (dst == null) {
        dst = new Rect();
      }
      dst.left = ccx - circleBitmap.getWidth()/4;
      dst.top = ccy - circleBitmap.getHeight()/4;
      dst.right = ccx + circleBitmap.getWidth()/4;
      dst.bottom = ccy + circleBitmap.getHeight()/4;
      canvas.drawBitmap(circleBitmap, src, dst, paint);
    }
  }

  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    circleR = (getRight() - getLeft()) / 10 * 5;
    ccy = (int) (getHeight() * 0.5);
    ccx = getWidth() / 2;
    for (int i = 0; i < adapter.getCount(); i++) {
      View childView = getChildAt(i);
      double childViewAngel = i * intervalAngel + angel;
      int x = ccx + (int) (Math.sin(Math.toRadians(childViewAngel)) * circleR*0.6);
      int y = ccy - (int) (Math.cos(Math.toRadians(childViewAngel)) * circleR*0.6);
      int vl = x - childView.getMeasuredWidth() / 2;
      int vt = y - childView.getMeasuredHeight() / 2;
      int vr = x + childView.getMeasuredWidth() / 2;
      int vb = y + childView.getMeasuredHeight() / 2;
      childView.layout(vl, vt, vr, vb );
    }
  }

//  @Override
//  public boolean dispatchTouchEvent(MotionEvent ev) {
//    switch (ev.getAction()) {
//      case MotionEvent.ACTION_DOWN:
//        oldTouchY = ev.getY();
//        super.dispatchTouchEvent(ev);
//        return true;
//      case MotionEvent.ACTION_MOVE:
//        if (!isScrolling && Math.abs(oldTouchY - ev.getY()) > 50) {
//          isScrolling = true;
//          float offSetY = 0;
//          oldTouchY = ev.getY();
//          angel += offSetY / 20;
//          requestLayout();
//          return true;
//        } else if (isScrolling) {
//          float offSetY = ev.getY() - oldTouchY;
//          oldTouchY = ev.getY();
//          if ((angel + offSetY / 20) < ((adapter.getCount() - 1) * -intervalAngel)) {
//            angel = (adapter.getCount() - 1) * -intervalAngel;
//          } else if ((angel + offSetY / 20) > 0) {
//            angel = 0;
//          } else {
//            angel += offSetY / 20;
//          }
//          requestLayout();
//          return true;
//        }
//        return super.dispatchTouchEvent(ev);
//      case MotionEvent.ACTION_UP:
//        boolean notDispatch = isScrolling;
//        isScrolling = false;
//        if (notDispatch) {
//          return false;
//        } else {
//          performClick();
//          return super.dispatchTouchEvent(ev);
//        }
//      default:
//        isScrolling = false;
//        return super.dispatchTouchEvent(ev);
//    }
//  }

  protected void refreshList() {
    removeAllViews();
    for (int i = 0; i < adapter.getCount(); i++) {
      if (i == 0 && angel < -intervalAngel * (adapter.getCount() - 1)) {
        angel = -intervalAngel * (adapter.getCount() - 1);
      }
      addView(adapter.getView(i));
      if (adapter.getCount() == 1) {
        setPosition(0);
      }
    }
    invalidate();
  }

  protected void setPosition(int position) {
    angel = -position * intervalAngel;
  }
}

2.实体类

import android.graphics.drawable.Drawable;

public class Files {
  private int id;

  public int getId() {
    return id;
  }

  public void setId(int id) {
    this.id = id;
  }

  public String getApp_name() {
    return app_name;
  }

  public void setApp_name(String app_name) {
    this.app_name = app_name;
  }

  public String getPackagename() {
    return packagename;
  }

  public void setPackagename(String packagename) {
    this.packagename = packagename;
  }

  public int getImg_bg_id() {
    return img_bg_id;
  }

  public void setImg_bg_id(int img_bg_id) {
    this.img_bg_id = img_bg_id;
  }

  public boolean isShow() {
    return isShow;
  }

  public void setShow(boolean show) {
    isShow = show;
  }
  private Drawable imgDrawable;

  public Drawable getImgDrawable() {
    return imgDrawable;
  }

  public void setImgDrawable(Drawable imgDrawable) {
    this.imgDrawable = imgDrawable;
  }

  private boolean isShow;
  private String app_name;
  private String packagename;
  private int img_bg_id;
}

3.适配器

import android.view.View;

import java.util.ArrayList;

public abstract class Adapter {

  private CircleListView circleListView;
  private ArrayList<Files> allAppList;
  public Adapter(CircleListView circleListView) {
    this.circleListView = circleListView;
  }

  public int getCount() {
    return allAppList.size();
  }

  public abstract View getView(int position);

  public void notifyDataChanged() {
    circleListView.refreshList();
  }

  public void setPosition(int position) {
    if (position > getCount() - 1) {
      position = getCount() - 1;
    } else if (position < 0) {
      position = 0;
    }
    circleListView.setPosition(position);
  }
}

4.float.xml 引用：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">

  <ImageView
    android:id="@+id/float_btn"
    android:layout_width="79px"
    android:layout_height="79px"
    android:scaleType="fitCenter"
    android:layout_centerInParent="true"
    android:background="@drawable/main_selector_floatbtn"
    android:clickable="true"
    />
  <RelativeLayout
    android:id="@+id/float_area"
    android:layout_width="300px"
    android:layout_height="300px"
    android:layout_centerInParent="true"
    android:background="@drawable/float_display_bg"
    android:visibility="gone">
    <com.xinrui.headsettest.circlelistview.CircleListView
      android:id="@+id/circle_list_view"
      android:layout_width="300px"
      android:layout_height="300px"
      android:layout_centerHorizontal="true"/>
    <ImageView
      android:id="@+id/float_main_img"
      android:layout_width="70px"
      android:layout_height="70px"
      android:scaleType="fitCenter"
      android:layout_centerInParent="true"
      android:background="@drawable/float_main_icon"
      android:clickable="true"/>
  </RelativeLayout>
</RelativeLayout>

5.Activity中应用：

import android.app.Activity;
import android.os.Bundle;
import android.provider.ContactsContract;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;
import android.widget.Toast;

import com.xinrui.headsettest.circlelistview.Adapter;
import com.xinrui.headsettest.circlelistview.CircleListView;
import com.xinrui.headsettest.circlelistview.Files;
import java.util.ArrayList;

public class FloatActivity extends Activity implements View.OnClickListener{
  private ImageView floatImg, float_main_img;
  private RelativeLayout float_area;
  private CircleListView circle_list_view;
  private Adapter adapter;
  private ArrayList<Files> appDataList;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.float_layout);
    getData();
    init();
  }

  private void getData(){
    appDataList=new ArrayList<>();
    Files files = new Files();
    files.setApp_name(this.getResources().getString(R.string.calculator_txt));
    files.setImg_bg_id(R.drawable.main_selector_calculator);
    appDataList.add(files);
    Files files0 = new Files();
    files0.setApp_name(this.getResources().getString(R.string.calendar_txt));
    files0.setImg_bg_id(R.drawable.main_selector_calendar);
    appDataList.add(files0);
    Files files1 = new Files();
    files1.setApp_name(this.getResources().getString(R.string.timer_txt));
    files1.setImg_bg_id(R.drawable.main_selector_clock);
    appDataList.add(files1);
    Files files2 = new Files();
    files2.setApp_name(this.getResources().getString(R.string.vip_txt));
    files2.setImg_bg_id(R.drawable.main_selector_vip);
    appDataList.add(files2);
    Files files3 = new Files();
    files3.setApp_name(this.getResources().getString(R.string.screen_shots_txt));
    files3.setImg_bg_id(R.drawable.main_selector_screenshot);
    appDataList.add(files3);
    Files files4 = new Files();
    files4.setApp_name(this.getResources().getString(R.string.recording_screen_txt));
    files4.setImg_bg_id(R.drawable.main_selector_recordingscreen);
    appDataList.add(files4);
  }

  private void init() {
    float_area = (RelativeLayout) findViewById(R.id.float_area);
    floatImg = (ImageView) findViewById(R.id.float_btn);
    float_main_img = (ImageView) findViewById(R.id.float_main_img);
    float_main_img.bringToFront();
    floatImg.setOnClickListener(this);
    float_main_img.setOnClickListener(this);
    circle_list_view = findViewById(R.id.circle_list_view);
    adapter = new Adapter(circle_list_view) {
      @Override
      public View getView(final int position) {
        View view = LayoutInflater.from(FloatActivity.this).inflate(R.layout.item_app,null);
        TextView app_name = view.findViewById(R.id.app_name);
        ImageView app_img = view.findViewById(R.id.app_img);
        ImageView delete_img = view.findViewById(R.id.delete_icon);
        delete_img.bringToFront();
        final Files files = appDataList.get(position);
        app_name.setText(files.getApp_name());
        app_img.setImageResource(files.getImg_bg_id());
        if(files.isShow()){
          delete_img.setVisibility(View.VISIBLE);
        }else{
          delete_img.setVisibility(View.INVISIBLE);
        }
        delete_img.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
            appDataList.remove(position);
            Files file = new Files();
            file.setShow(false);
            file.setImg_bg_id(R.drawable.main_selector_additem);
            file.setApp_name(FloatActivity.this.getResources().getString(R.string.custom_txt));
            appDataList.add(position,file);
            adapter.notifyDataChanged();
          }
        });
        view.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View v) {
            Toast.makeText(FloatActivity.this,"my is "+files.getApp_name(),Toast.LENGTH_SHORT).show();
          }
        });
        view.setOnLongClickListener(new View.OnLongClickListener() {
          @Override
          public boolean onLongClick(View v) {
            if(!files.getApp_name().equals(FloatActivity.this.getResources().getString(R.string.custom_txt))) {
              for (Files file : appDataList) {
                if (file.getApp_name().equals(files.getApp_name())) {
                  file.setShow(true);
                } else {
                  file.setShow(false);
                }
              }
              adapter.notifyDataChanged();
            }
            return true;
          }
        });
        return view;
      }
      @Override
      public int getCount() {
        return appDataList.size();
      }
    };
    circle_list_view.setAdapter(adapter);
    adapter.setPosition(0);
  }

  @Override
  public void onClick(View v) {
    switch (v.getId()) {
      case R.id.float_main_img:
        float_area.setVisibility(View.GONE);
        floatImg.setVisibility(View.VISIBLE);
        break;
      case R.id.float_btn:
        float_area.setVisibility(View.VISIBLE);
        floatImg.setVisibility(View.GONE);
        break;
    }
  }
}

大功告成就这样实现了圆形listview…

到此这篇关于Android 实现自定义圆形listview功能的实例代码的文章就介绍到这了,更多相关android 自定义圆形listview内容请搜索靠谱客以前的文章或继续浏览下面的相关文章希望大家以后多多支持靠谱客！

最后

以上就是痴情芝麻为你收集整理的Android 实现自定义圆形listview功能的实例代码的全部内容，希望文章能够帮你解决Android 实现自定义圆形listview功能的实例代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
点赞(93)

相关文章

浅谈Android中适配器的notifyDataSetChanged()为何有时不刷新
浅谈Android中适配器的notifyDataSetChanged()为何有时不刷新
android开发实现文件读写
android开发实现文件读写
Flutter之自定义Dialog实现版本更新弹窗功能的实现
Flutter之自定义Dialog实现版本更新弹窗功能的实现
Android实现手势滑动（左滑和右滑）
Android实现手势滑动（左滑和右滑）
Android 实现自定义圆形listview功能的实例代码
Android 实现自定义圆形listview功能的实例代码
android简易计算器的制作
android简易计算器的制作
Android实现自定义倒计时
Android实现自定义倒计时
Android 8.0实现发送通知
Android 8.0实现发送通知

评论列表共有 0 条评论

立即
投稿
返回
顶部