【Android】自定义控件

一、什么是自定义控件

自定义控件是指开发者通过继承 Android 系统原有的标准控件（如 TextView、Button）或基础视图类（如 View），通过重写其相关方法，来实现具有特殊外观、独特行为或封装好的复合功能的视图组件。

简单来说，就是自己动手创造或改造一个现有的UI控件，让它能做标准控件做不到的事情。

当系统提供的标准控件无法满足你的需求时，就需要自定义控件。例如实现特殊的图表（折线图、柱状图、饼图）、非规则形状的按钮（如圆形、星形按钮）等。

二、自定义控件的三种主要方式

2.1继承现有控件

这种方式通过继承 Android 系统提供的标准控件，重写其方法来实现自定义的功能或样式。继承现有控件时，可以复用已有的控件逻辑，同时在此基础上增加额外的功能或样式。

// 示例：一个自动将文本转为大写的TextView
public class UpperCaseTextView extends AppCompatTextView {public UpperCaseTextView(Context context) {super(context);}public UpperCaseTextView(Context context, AttributeSet attrs) {super(context, attrs);}// 重写setText方法，在设置文本前先转成大写@Overridepublic void setText(CharSequence text, BufferType type) {if (text != null) {text = text.toString().toUpperCase();}super.setText(text, type);}
}

2.2组合控件

通过将多个现有控件组合在一起，创建一个新的复合控件。这种方式适用于实现更复杂的 UI 组件，通常涉及多个子控件的组合。通过这种方式，可以轻松创建灵活且富有表现力的控件。

通过继承一个布局（如 LinearLayout、RelativeLayout），在构造函数中inflate（ inflate (膨胀，填充)） 一个布局文件，然后找出其中的子View并进行操作和事件封装。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><com.example.applicationui.TitleLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"><Buttonandroid:id="@+id/title_back"android:layout_width="50dp"android:layout_height="50dp"/>
​<Buttonandroid:id="@+id/title_edit"android:layout_width="wrap_content"android:layout_height="wrap_content"/></com.example.applicationui.TitleLayout></LinearLayout>

public class TitleLayout extends LinearLayout {public TitleLayout(Context context, AttributeSet attrs){super(context,attrs);LayoutInflater.from(context).inflate(R.layout.title,this);Button titleBack=(Button) findViewById(R.id.title_back);Button titleEdit=(Button) findViewById(R.id.title_edit);titleBack.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {((Activity)getContext()).finish();}});titleEdit.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {Toast.makeText(getContext(),"Edit",Toast.LENGTH_SHORT).show();}});}
}

2.3继承View

继承 View 或其子类，完全由自己用代码绘制出控件的外观。需要重写 onDraw(Canvas canvas) 方法。

public class CircleView extends View {private Paint mPaint;public CircleView(Context context) {super(context);init();}private void init() {mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mPaint.setColor(Color.RED);mPaint.setStyle(Paint.Style.FILL); }@Overrideprotected void onDraw(Canvas canvas) {super.onDraw(canvas);int centerX = getWidth() / 2;int centerY = getHeight() / 2;int radius = Math.min(centerX, centerY) - 10;canvas.drawCircle(centerX, centerY, radius, mPaint);}
}

三、自定义控件的具体实现步骤

首先，我们需要创建一个继承 View 或其他控件类（如 Button、TextView 等）的类，并实现必要的方法。

public class MyCustomView extends View {public MyCustomView(Context context) {super(context);}
​public MyCustomView(Context context, AttributeSet attrs) {super(context, attrs);}
​public MyCustomView(Context context, AttributeSet attrs, int defStyleAttr) {super(context, attrs, defStyleAttr);}
}
​

之后重写一些关键方法来实现你想要实现的功能或外观。

方法	作用	常见重写目的
onMeasure(int, int)	测量控件自身和其子View的宽高	确定控件的最终尺寸
onLayout(boolean, int, int, int, int)	布局子View的位置	仅在ViewGroup中需要，用于安排子View
onDraw(Canvas)	绘制控件的外观	实现自绘控件的核心方法
onTouchEvent(MotionEvent)	处理触摸事件	实现自定义的交互逻辑
dispatchTouchEvent(MotionEvent)	分发触摸事件	更高级的事件处理和控制

在onDraw中使用 Canvas 和 Paint 来绘制控件的背景、文本或其他图形元素。

@Override
protected void onDraw(Canvas canvas) {super.onDraw(canvas);// 绘制控件背景、文本、图形等Paint paint = new Paint();paint.setColor(Color.RED);canvas.drawRect(0, 0, getWidth(), getHeight(), paint);
}
​

如果需要在控件中插入图片，可以获取Bitmap对象

Bitmap weatherIconDay=BitmapFactory.decodeResource(getResources(), R.drawable.cloudy)

之后通过Canvas绘制

 canvas.drawBitmap(weatherIconDay,x,y,null);

如果需要响应用户的交互，可以在onTouchEvent中处理触摸事件，或用 setOnClickListener() 来响应点击事件。

@Override
public boolean onTouchEvent(MotionEvent event) {switch (event.getAction()) {case MotionEvent.ACTION_DOWN:// 处理按下事件break;case MotionEvent.ACTION_MOVE:// 处理移动事件break;case MotionEvent.ACTION_UP:// 处理抬起事件break;}return true;
}
​