Android自定义View仿微信LetterView效果

废话不多说了,具体代码如下所示:

 public class LetterView extends View {
  private String TAG = LetterView.class.getSimpleName();
  //A,B,C....Z,#
  public List<String> letters;
  private Paint mPaint;
  private int selectPosition = -1;
  private TextView mLetter;
  public void setmLetter(TextView mLetter) {
    this.mLetter = mLetter;
  }
  public LetterView(Context context) {
    this(context,null);
  }
  public LetterView(Context context, AttributeSet attrs) {
    this(context, attrs,0);
  }
  public LetterView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    //生产字母
    letters = new ArrayList<>();
    for (int i = 65; i < 91; i++) {
      letters.add(String.format(Locale.CHINA,"%c",i));
      Log.e(TAG, "LetterView: "+ String.format(Locale.CHINA,"%c",i));
    }
    letters.add("#");//追加一个#
    //初始化画笔
    mPaint = new Paint();
    mPaint.setAntiAlias(true);
    mPaint.setColor(Color.BLUE);
    mPaint.setTextSize(30);
  }
  @Override
  protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    /**
     * 获取View的宽度
     * 获取View的高度
     */
    int width = getMeasuredWidth();
    int height = getMeasuredHeight();
    //测量字的宽度
    int size = letters.size();
    for (int i = 0; i < size; i++) {
      float textWidth = mPaint.measureText(letters.get(i));
      int singleHeight = height / size;
      if (selectPosition == i){//被选中的
        mPaint.setColor(Color.RED);
      }else{
        mPaint.setColor(Color.BLUE);
      }
      canvas.drawText(letters.get(i),(width - textWidth)/2, singleHeight * (i + 1),mPaint);
      /**
       * drawText() x y \_ 为基准线
       */
    invalidate();
    }
  }
  /**
   * Android将触摸事件封装,包装了动作,位置信息;onClick也是一种motionEvent
   * onClick 事件 实际上是 onTouchEvent事件
   * @param event
   * @return
   */
  @Override
  public boolean onTouchEvent(MotionEvent event) {
    //包装了动作,位置信息
//    event.getY();//相对于View本身的坐标值
//    event.getRawY();//返回的是相对于屏幕的坐标值
    float y = event.getY();
    Log.e(TAG, "onTouchEvent: Y:"+ y);
//    Log.e(TAG, "onTouchEvent: RawY:"+event.getRawY() );
    int measuredHeight = getMeasuredHeight();
    int singleHeight = measuredHeight / letters.size();
    int position = (int) (y / singleHeight);
    Log.e(TAG, "onTouchEvent: " + position );
    switch (event.getAction()) {
      case MotionEvent.ACTION_MOVE:
        Log.e(TAG, "onTouchEvent: ACTION_MOVE" );
      case MotionEvent.ACTION_DOWN:
        Log.e(TAG, "onTouchEvent: ACTION_DOWN" );
        selectPosition = position;
        if (mLetter != null) {
          mLetter.setVisibility(View.VISIBLE);
          //极限情况有可能下标越界,需要判断一下
          if (position < letters.size() && position >= 0){
            mLetter.setText(letters.get(position));
          }
        }
        break;
      case MotionEvent.ACTION_UP:
        Log.e(TAG, "onTouchEvent: ACTION_UP" );
        selectPosition = -1;
        if (mLetter != null) {
          mLetter.setVisibility(View.GONE);
        }
        break;
    }
    //返回true代表事件被处理了
    return true;
  }
}
(0)

相关推荐

  • Android自定义TabLayout效果

    周末就要到了,今天项目中遇到这样一个Tab,选中tab的背景是个圆角矩形,方向指向器没有了,这样普通的TabLayout不能满足我的要求,可能会想到动态的去设置选中Tab的背景不就可以了,但是那样的话太生硬了,没有动画效果,其实想想也还比较简单,今天就简单的说一说这个YzzTab.效果如下图: 这里是四个Tab,一版只显示3个,这里假设有num个Tab,当滑动到第3个时,这里就需要考虑如何让TabLayout和指示器一起移动呢? @Override public void onPageScrol

  • Android编程实现自定义title功能示例

    本文实例讲述了Android编程实现自定义title功能.分享给大家供大家参考,具体如下: 这里我在前面加了个logo,而且改变了title的背景和高度. 首先编写title的布局文件,title.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  • Android动态自定义圆形进度条

    效果图: A.绘制圆环,圆弧,文本 //1.画圆环 //原点坐标 float circleX = width / 2; float circleY = width / 2; //半径 float radius = width / 2 - roundWidth / 2; //设置画笔的属性 paint.setColor(roundColor); paint.setStrokeWidth(roundWidth); paint.setStyle(Paint.Style.STROKE); canvas.

  • Android中自定义Window Title样式实例

    Android提供了很多控件便于开发者进行UI相关的程序设计.但是很多时候,默认的一些UI设置不足以满足我们的需求,要么不好看,要么高度不够,亦或者是与应用界面不协调.于是这时候需要通过自定义样式或者自定义控件来实现. 当然,在空间足以满足需求的情况下,通常需要定义样式就可以搞定.本文将简单介绍如何通过自定义样式来实现定义Window Title. 先看一下效果图 逐步实现 在res/values/styles.xml文件中加入下列代码 复制代码 代码如下: <style name="My

  • Android编程自定义Dialog的方法分析

    本文实例讲述了Android编程自定义Dialog的方法.分享给大家供大家参考,具体如下: 功能: android 提供给我们的只有2种Dialog 即 AlertDialog & ProgressDialog 但是 Dialog 有其自身的特点:1. 不是 Activity 2. 开销比 Activity 小得多 鉴于以上的优点 我们就有定制自己Dialog 的需求 原理: 1. android 系统提供了一个class: Dialog. 而且你可以把自己的工作放在"protected

  • android自定义View滑动删除效果

    View滑动删除效果图 实现功能 1.可以向左滑动,右侧出现删除 2.向左滑动如果删除出现一大半,松手打开删除,反之关闭删除 3.应用场景           微信消息的删除功能 实现原理 1.外面是一个ListView 2.条目是一个自定义控件继承ViewGroup     1).左边一个TextView,右侧屏幕外也有一个TextView     2).所以继承ViewGroup 实现步骤 1.创建一个SlideDeleteView类 1).构造方法要关联 public class Slid

  • Android自定义TitleView标题开发实例

    Android开发过程中,经常遇到一个项目需要重复的定义相同样式的标题栏,Android相继推出了actionBar, toolBar, 相信有用到的朋友也会遇到一些不如意的时候,比如标题栏居中时,需要自定义xml文件给toolBar等,不了解actionBar,toolBar的可以去找相应的文章了解,这里介绍自定义titleBar满足国内主题风格样式的情况. 为了提前看到效果,先上效果图: 前期准备 1.为标题栏titleView预定义id,在values下的ids.xml中 <?xml ve

  • Android使用setCustomTitle()方法自定义对话框标题

    Android有自带的对话框标题,但是不太美观,如果要给弹出的对话框设置一个自定义的标题,使用AlertDialog.Builder的setCustomTitle()方法. 运行效果如下,左边是点击第一个按钮,弹出Android系统自带的对话框(直接用setTitle()设置标题):右边是点击第二个按钮,首先inflate一个View,然后用setCustomTitle()方法把该View设置成对话框的标题. 定义一个对话框标题的title.xml文件: <?xml version="1.

  • Android实现自定义圆角对话框Dialog的示例代码

    前言: 项目中多处用到对话框,用系统对话框太难看,就自己写一个自定义对话框. 对话框包括:1.圆角 2.app图标 , 提示文本,关闭对话框的"确定"按钮 难点:1.对话框边框圆角显示 2.考虑到提示文本字数不确定,在不影响美观的情况下,需要在一行内显示提示的文字信息 3.设置对话框的宽和高 技术储备: 1.安卓开发_使用AlertDialog实现对话框    知道AlertDialog有setView(view) ,Dialog 有ContentView(view) 方法. 2.An

  • Android编程自定义圆角半透明Dialog的方法

    本文实例讲述了Android编程自定义圆角半透明Dialog的方法.分享给大家供大家参考,具体如下: 效果图如下: 只是在实例化的时候使用带样式的构造函数即可 new MyDialog(GameActivity.this, R.style.dialog); 在value文件夹中添加mydialogthemes.xml <?xml version="1.0″ encoding=" utf-8″?> <resources> <style name="

  • Android自定义手机界面状态栏实例代码

    前言 我们知道IOS上的应用,状态栏的颜色总能与应用标题栏颜色保持一致,用户体验很不错,那安卓是否可以呢?若是在安卓4.4之前,答案是否定的,但在4.4之后,谷歌允许开发者自定义状态栏背景颜色啦,这是个不错的体验!若你手机上安装有最新版的qq,并且你的安卓SDK版本是4.4及以上,你可以看下它的效果: 实现这个效果有两个方法: 1.在xml中设置主题或自定义style: Theme.Holo.Light.NoActionBar.TranslucentDecor Theme.Holo.NoActi

  • Android编程自定义title bar(标题栏)示例

    本文实例讲述了Android编程自定义title bar(标题栏)的方法.分享给大家供大家参考,具体如下: package com.test; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.drawable.Drawable; import andr

随机推荐