Android自定义控件的创建方法攻略
在Android开发中，自定义控件是非常重要的，因为Android系统提供的控件可能无法满足一些特殊的需求，需要我们自己创建。下面是创建自定义控件的流程。
1. 定义布局
首先，我们需要定义一个布局来描述自定义控件的样式和界面元素。可以使用XML文件（推荐）或者Java代码来定义布局。
例如，下面是一个自定义控件的布局文件示例（custom_view.xml）：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/title_textview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="18sp"
android:text="Title"/>
<ImageView
android:id="@+id/imageview"
android:layout_width="match_parent"
android:layout_height="200dp"
android:scaleType="centerCrop"/>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click Me"/>
</LinearLayout>
2. 创建自定义View类
接下来，我们需要创建一个自定义View类来控制布局和处理事件。
public class CustomView extends LinearLayout {
private TextView mTitleTextview;
private ImageView mImageView;
private Button mButton;
public CustomView(Context context) {
super(context);
init();
}
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public CustomView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private void init() {
LayoutInflater.from(getContext()).inflate(R.layout.custom_view, this);
mTitleTextview = findViewById(R.id.title_textview);
mImageView = findViewById(R.id.imageview);
mButton = findViewById(R.id.button);
mButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getContext(), "Button clicked", Toast.LENGTH_SHORT).show();
}
});
}
}
在上面的代码中，我们继承了LinearLayout类，并使用init()方法初始化了控件。在初始化过程中，我们使用LayoutInflater加载了布局文件，然后得到了布局中的TextView、ImageView和Button控件。最后，我们为Button设置了点击事件处理程序。
3. 添加属性
如果我们需要在布局文件中设置自定义控件的属性，我们需要将属性添加到自定义View类中。
先在attrs.xml文件中定义属性。
<resources>
<declare-styleable name="CustomView">
<attr name="title" format="string"/>
<attr name="image" format="reference"/>
</declare-styleable>
</resources>
然后在自定义View类中处理这些属性。我们可以使用TypedArray得到属性的值。
public class CustomView extends LinearLayout {
private TextView mTitleTextview;
private ImageView mImageView;
private Button mButton;
private String mTitle;
private int mImageResId;
public CustomView(Context context) {
super(context);
init();
}
public CustomView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomView);
mTitle = typedArray.getString(R.styleable.CustomView_title);
mImageResId = typedArray.getResourceId(R.styleable.CustomView_image, 0);
typedArray.recycle();
}
public CustomView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomView, defStyle, 0);
mTitle = typedArray.getString(R.styleable.CustomView_title);
mImageResId = typedArray.getResourceId(R.styleable.CustomView_image, 0);
typedArray.recycle();
}
private void init() {
LayoutInflater.from(getContext()).inflate(R.layout.custom_view, this);
mTitleTextview = findViewById(R.id.title_textview);
mImageView = findViewById(R.id.imageview);
mButton = findViewById(R.id.button);
mButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(getContext(), "Button clicked", Toast.LENGTH_SHORT).show();
}
});
mTitleTextview.setText(mTitle);
mImageView.setImageResource(mImageResId);
}
}
然后，在布局文件中使用自定义属性来设置控件的属性。
<com.example.customview.CustomView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:title="Custom View"
app:image="@drawable/image" />
示例
示例1：自定义圆形ImageView
自定义View类如下：
public class CircleImageView extends AppCompatImageView {
private Paint mPaint = new Paint();
public CircleImageView(Context context) {
super(context);
}
public CircleImageView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public CircleImageView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
Bitmap bitmap = getBitmap();
if (bitmap != null) {
Bitmap circleBitmap = getCircleBitmap();
canvas.drawBitmap(circleBitmap, 0, 0, null);
} else {
super.onDraw(canvas);
}
}
private Bitmap getBitmap() {
Drawable drawable = getDrawable();
if (drawable != null) {
if (drawable instanceof BitmapDrawable) {
return ((BitmapDrawable) drawable).getBitmap();
} else {
Bitmap bitmap = Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
drawable.draw(canvas);
return bitmap;
}
} else {
return null;
}
}
private Bitmap getCircleBitmap() {
Bitmap bitmap = getBitmap();
Bitmap circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(circleBitmap);
mPaint.setAntiAlias(true);
canvas.drawCircle(bitmap.getWidth() / 2f, bitmap.getHeight() / 2f, Math.min(bitmap.getWidth(), bitmap.getHeight()) / 2f, mPaint);
mPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(bitmap, 0, 0, mPaint);
return circleBitmap;
}
}
示例效果：
示例2：自定义时钟View
自定义View类如下：
public class MyClockView extends View {
private Paint mPaint = new Paint();
private int mWidth;
private int mHalfWidth;
private int mRadius;
public MyClockView(Context context) {
super(context);
}
public MyClockView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public MyClockView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
mPaint.setAntiAlias(true);
mWidth = getWidth();
mHalfWidth = mWidth / 2;
mRadius = (int) (mWidth * 0.4);
drawClock(canvas);
drawHourHand(canvas);
drawMinuteHand(canvas);
drawSecondHand(canvas);
postInvalidateDelayed(1000);
}
private void drawClock(Canvas canvas) {
for (int i = 0; i < 12; i++) {
float x1 = (float) (mHalfWidth + mRadius / 1.5 * Math.cos(i * 30 * Math.PI / 180));
float y1 = (float) (mHalfWidth + mRadius / 1.5 * Math.sin(i * 30 * Math.PI / 180));
float x2 = (float) (mHalfWidth + mRadius * Math.cos(i * 30 * Math.PI / 180));
float y2 = (float) (mHalfWidth + mRadius * Math.sin(i * 30 * Math.PI / 180));
canvas.drawLine(x1, y1, x2, y2, mPaint);
}
}
private void drawHourHand(Canvas canvas) {
Calendar calendar = Calendar.getInstance();
int hour = calendar.get(Calendar.HOUR);
int minute = calendar.get(Calendar.MINUTE);
int second = calendar.get(Calendar.SECOND);
float degree = hour * 30 + minute / 60f * 30 + second / 3600f * 30;
float x2 = (float) (mHalfWidth + mRadius * 0.5 * Math.cos(degree * Math.PI / 180));
float y2 = (float) (mHalfWidth + mRadius * 0.5 * Math.sin(degree * Math.PI / 180));
mPaint.setStrokeWidth(10);
canvas.drawLine(mHalfWidth, mHalfWidth, x2, y2, mPaint);
mPaint.setStrokeWidth(1);
}
private void drawMinuteHand(Canvas canvas) {
Calendar calendar = Calendar.getInstance();
int minute = calendar.get(Calendar.MINUTE);
int second = calendar.get(Calendar.SECOND);
float degree = minute * 6 + second / 60f * 6;
float x2 = (float) (mHalfWidth + mRadius * 0.7 * Math.cos(degree * Math.PI / 180));
float y2 = (float) (mHalfWidth + mRadius * 0.7 * Math.sin(degree * Math.PI / 180));
mPaint.setColor(Color.BLUE);
mPaint.setStrokeWidth(5);
canvas.drawLine(mHalfWidth, mHalfWidth, x2, y2, mPaint);
mPaint.setColor(Color.BLACK);
mPaint.setStrokeWidth(1);
}
private void drawSecondHand(Canvas canvas) {
Calendar calendar = Calendar.getInstance();
int second = calendar.get(Calendar.SECOND);
float degree = second * 6;
float x2 = (float) (mHalfWidth + mRadius * 0.8 * Math.cos(degree * Math.PI / 180));
float y2 = (float) (mHalfWidth + mRadius * 0.8 * Math.sin(degree * Math.PI / 180));
mPaint.setColor(Color.RED);
mPaint.setStrokeWidth(3);
canvas.drawLine(mHalfWidth, mHalfWidth, x2, y2, mPaint);
mPaint.setColor(Color.BLACK);
mPaint.setStrokeWidth(1);
}
}
示例效果：
总结
以上就是创建Android自定义控件的方法和示例，希望对大家有所帮助。在实现自定义控件的时候，可以借助Android自带的控件或者自己绘制。同时，我们也可以添加自定义的属性和事件来增强控件的功能。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：Android自定义控件的创建方法 - Python技术站
微信扫一扫 
支付宝扫一扫 