前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android--SearchView效果

Android--SearchView效果

作者头像
aruba
发布2020-07-03 11:12:24
6610
发布2020-07-03 11:12:24
举报
文章被收录于专栏:android技术android技术
首先初始化一些参数
代码语言:javascript
复制
    //线的颜色
    private int strokeColor;
    private Paint mPaint = new Paint();
    //扇形圆的中心和要画的角度,圆的半径
    private float centerX, centerY, angle, radius;
    //记录动画进度
    private float radtio;
    //下划线长度
    private float lineWidth;

    public void init() {
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(strokeColor);
        mPaint.setStrokeWidth(10);
        mPaint.setStrokeCap(Paint.Cap.ROUND);

        radius = 50;
        angle = 360;
        lineWidth = 500;
    }
在onDraw方法中做处理,要注意的是,我们要利用画布的旋转来画图形,可以免去很多计算
代码语言:javascript
复制
   @Override
    protected void onDraw(Canvas canvas) {
        centerX = canvas.getWidth() / 3.0f * 2;
        centerY = canvas.getHeight() / 3.0f;

        canvas.save();
        canvas.rotate(45, centerX, centerY);
        //画搜索图标的圆,在动画0-0.5内角度变为0,圆心平移radius
        if (radtio <= 0.5f) {
            RectF rectF = new RectF(centerX - radius + radius * radtio * 2, centerY - radius, centerX + radius + radius * radtio * 2, centerY + radius);
            canvas.drawArc(rectF, 0, angle * (1 - radtio * 2), false, mPaint);
        }
        //画搜索图标的线,在动画0-1内长度变为0
        Path path = new Path();
        path.moveTo(centerX + radius + radius * radtio * 2, centerY);
        path.lineTo(centerX + radius * 3, centerY);
        canvas.drawPath(path, mPaint);

        canvas.save();
        canvas.rotate(-45, centerX + radius * 3, centerY);
        //画搜索图标的下划线
        Path bootomPath = new Path();
        bootomPath.moveTo(centerX + radius * 3, centerY);
        bootomPath.lineTo(centerX + radius * 3 - lineWidth * radtio, centerY);
        canvas.drawPath(bootomPath, mPaint);

        canvas.restore();
        canvas.restore();

    }
项目地址:https://gitee.com/aruba/CanvasApplication.git
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 首先初始化一些参数
  • 在onDraw方法中做处理,要注意的是,我们要利用画布的旋转来画图形,可以免去很多计算
  • 项目地址:https://gitee.com/aruba/CanvasApplication.git
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档