如果你打算完全定制一个View,那么你需要实现View类(所有的Android View都实现于这个类),并且实现确定尺寸的onMeasure(…))方法和确认绘图的onDraw(…))方法。
自定义View一共分为6步
***步
- public class SmileyView extends View {
- private Paint mCirclePaint;
- private Paint mEyeAndMouthPaint;
- private float mCenterX;
- private float mCenterY;
- private float mRadius;
- private RectF mArcBounds = new RectF();
- public SmileyView(Context context) {
- this(context, null);
- }
- public SmileyView(Context context, AttributeSet attrs) {
- this(context, attrs, 0);
- }
- public SmileyView(Context context, AttributeSet attrs, int defStyleAttr) {
- super(context, attrs, defStyleAttr);
- initPaints();
- }
- private void initPaints() {/* ... */}
- @Override
- protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {/* ... */}
- @Override
- protected void onDraw(Canvas canvas) {/* ... */}
- }
2.实现画笔paint类
本文一共两只画笔
- private void initPaints() {
- mCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
- mCirclePaint.setStyle(Paint.Style.FILL);
- mCirclePaint.setColor(Color.YELLOW);
- mEyeAndMouthPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
- mEyeAndMouthPaint.setStyle(Paint.Style.STROKE);
- mEyeAndMouthPaint.setStrokeWidth(16 * getResources().getDisplayMetrics().density);
- mEyeAndMouthPaint.setStrokeCap(Paint.Cap.ROUND);
- mEyeAndMouthPaint.setColor(Color.BLACK);
- }
3.覆写onMeasure(…)方法
实现这个方法告诉了母容器如何放弃自定义View,可以通过提供的measureSpecs来决定你的View的高和宽,以下是一个正方形,确认它的宽和高是一样的。
- @Override
- protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
- int w = MeasureSpec.getSize(widthMeasureSpec);
- int h = MeasureSpec.getSize(heightMeasureSpec);
- int size = Math.min(w, h);
- setMeasuredDimension(size, size);
- }
注意:
这个方法需要至少保证一个setMeasuredDimension(..)调用,否则会报IllegalStateException错误。
4.实现onSizeChanged(…)方法
这个方法是你获取View现在的宽和高. 这里我们计算的是中心和半径。
- @Override
- protected void onSizeChanged(int w, int h, int oldw, int oldh) {
- mCenterX = w / 2f;
- mCenterY = h / 2f;
- mRadius = Math.min(w, h) / 2f;
- }
5.实现onDraw(…)方法
这个方法提供了如何绘制view,它提供的Canvas类可以进行绘制。
- @Override
- protected void onDraw(Canvas canvas) {
- // draw face
- canvas.drawCircle(mCenterX, mCenterY, mRadius, mCirclePaint);
- // draw eyes
- float eyeRadius = mRadius / 5f;
- float eyeOffsetX = mRadius / 3f;
- float eyeOffsetY = mRadius / 3f;
- canvas.drawCircle(mCenterX - eyeOffsetX, mCenterY - eyeOffsetY, eyeRadius, mEyeAndMouthPaint);
- canvas.drawCircle(mCenterX + eyeOffsetX, mCenterY - eyeOffsetY, eyeRadius, mEyeAndMouthPaint);
- // draw mouth
- float mouthInset = mRadius /3f;
- mArcBounds.set(mouthInset, mouthInset, mRadius * 2 - mouthInset, mRadius * 2 - mouthInset);
- canvas.drawArc(mArcBounds, 45f, 90f, false, mEyeAndMouthPaint);
- }
6.添加你的View
- <FrameLayout
- xmlns:android="http://schemas.android.com/apk/res/android"
- android:layout_width="match_parent"
- android:layout_height="match_parent">
- <com.example.app.SmileyView
- android:layout_width="match_parent"
- android:layout_height="match_parent" />
- </FrameLayout>
到此就结束了,自定义View没你想的那么难
为了能安心看几集 Netflix 剧,技术宅奶爸都做了些什么 长期以来,「奶爸」+「萌...
2月14日消息,腾讯QQ发布公告宣布紧急扩容,QQ群文件储存量升级至10G。 腾讯表示...
移动APP开发框架盘点 总体概述 现在比较流行的移动APP开发框架有以下六种:网页...
人工智能是开创性的,有时甚至还是令人震惊。我们不断地获得有关效率,自动化和...
人工智能的诞生可以说是在第二次世界大战期间发生的,当时盟军建造了当时用来破...
在日前召开的2020国际虚拟运营大会暨中国增值电信业务高峰论坛上,中国信息通信...
如今,随着国家新兴数字化基础设施的推进,5G、云计算、大数据等模块的成熟,人...
1月21日消息,据国外媒体报道,Facebook宣布对其人工智能(AI)技术进行新的改进,...
有了5G,像X光视觉和机器人这样的远程手术可以变成现实。 在极度混乱的情况下,...
图片来源:https://pixabay.com/images/id-5753179/ 据iotbusinessnews报道,IEE...