标签:
draw是绘制View三个步骤中的最后一步。同measure、layout一样,通常不对draw本身进行重写,draw内部会调用onDraw方法,子类View需要重写onDraw(Canvas),以完成最终的绘制。
如果一定要重写draw(Canvas)的话,需要在方法的开始处调用super.draw(canvas)。
draw内部具体做了什么事情,在View.java的源码注释中已经做了非常详细的介绍
/* * Draw traversal performs several drawing steps which must be executed * in the appropriate order: * * 1. Draw the background * 2. If necessary, save the canvas‘ layers to prepare for fading * 3. Draw view‘s content * 4. Draw children * 5. If necessary, draw the fading edges and restore layers * 6. Draw decorations (scrollbars for instance) */
draw这个过程,在目前的阶段能讲的东西并不多。如果深入到具体一个SDK已经实现的View内部去看代码,够我吃一大壶的了——单单是最常用的TextView,它的onDraw就非常复杂。
这里自己实现一个非常简单的Custom View——在一块背景色上显示一行文字。先来看一下完成后的页面截图:
是不是非常简单?下面是自定义的ThreeBodyView.java
public class ThreeBodyiView extends View { private Paint mPaint; private String mText; public ThreeBodyiView(Context context, AttributeSet attrs) { super(context, attrs); mPaint = new Paint(Paint.ANTI_ALIAS_FLAG); mText = "nothing to show..."; } @Override protected void onDraw(Canvas canvas) { mPaint.setColor(Color.GREEN); // 背景色 canvas.drawRect(0, 0, getWidth(), getHeight(), mPaint); mPaint.setColor(Color.RED); mPaint.setTextSize(100); // 文字颜色、大小 canvas.drawText(mText, 0, getHeight() / 2, mPaint); } public void setText (String s) { mText = s; super.invalidate(); } }
ThreeBodyView.java在一块矩形区域里显示了一行文字,可以通过setText(String)方法来动态改变所显示的文字。
在使用的时候,是这样用的:
fake_main_activity.xml
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/fake_main_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <com.leili.imhere.view.ThreeBodyiView android:id="@+id/three_body_view" android:layout_width="300dp" android:layout_height="300dp" /> </FrameLayout>
FakeMainActivity.java
public class FakeMainActivity extends Activity { private ThreeBodyiView tbView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); super.setContentView(R.layout.fake_main_activity); tbView = (ThreeBodyiView) super.findViewById(R.id.three_body_view); tbView.setText("世界属于三体!"); } }
分析了draw的过程,在讲解onDraw时,佐以一个简单的demo,demo中实现一个弱化的TextView。
下一篇是本系列的完结篇,会做一个较完整的自定义View/ViewGroup。
标签:
原文地址:http://www.cnblogs.com/maozhige/p/4766929.html