Android笔记--自定义控件仿遥控器的圆形上下左右OK圆盘按钮

这篇博客介绍了如何在Android中创建一个仿遥控器的圆形控件,包含上下左右及OK按钮。主要通过自定义View,重写onDraw方法绘制扇形及图标,并利用onTouch方法监听触摸事件,判断点击位置所属扇形,实现功能响应。作者提到确定扇形范围的算法是解决难点的关键。
摘要由CSDN通过智能技术生成
原文: Android笔记--自定义控件仿遥控器的圆形上下左右OK圆盘按钮

上面就是几张预览图!代码在最底下

主要就两个步骤,画图、监听点击

1、整个控件基本上是一步步画出来的,重写onDraw方法开始for循环画扇形出来,画扇形的时候同时画扇形内的图标,扇形画完了之后画中心圆按钮,中心画了圆之后吧OK按钮画上。

2、重写onTouch方法监听手指触发的位置,根据按下的位置确定按钮在哪个扇形的范围上,然后重绘一下onDraw把按下的灰色背景绘制出来。难点在于如何确定按下的位置是否处于扇形范围,换了好几种方案,奈何数学不好,最后选了现在使用的方案。

package com.imxiaoyu.common.widget;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

import java.util.ArrayList;
import java.util.Date;
import java.util.List;

/**
 * 仿遥控器上下左右ok圆形菜单
 * Created by 庞光渝 on 2017/3/9.博客:https://my.oschina.net/u/1462828/blog
 */

public class RoundMenuView extends View {

    /**
     * 变量
     */
    private int coreX;//中心点的坐标X
    private int coreY;//中心点的坐标Y

    private List<RoundMenu> roundMenus;//菜单列表

    private boolean isCoreMenu = false;//是否有中心按钮
    private int coreMenuColor;//中心按钮的默认背景--最好不要透明色
    private int coreMenuStrokeColor;//中心按钮描边颜色
    private int coreMenuStrokeSize;//中心按钮描边粗细
    private int coreMenuSelectColor;//中心按钮选中时的背景颜色
    private Bitmap coreBitmap;//OK图片
    private OnClickListener onCoreClickListener;//中心按钮的点击回调

    private float deviationDegree;//偏移角度
    private int onClickState = -2;//-2是无点击,-1是点击中心圆,其他是点击菜单
    private int roundRadius;//中心圆的半径
    private double radiusDistance;//半径的长度比(中心圆半径=大圆半径*radiusDistance)
    private long touchTime;//按下时间,抬起的时候判定一下,超过300毫秒算点击

    public RoundMenuView(Context context) {
        super(context);
    }

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

    public RoundMenuView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onDraw(Canvas canva
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值