Android高手进阶教程(三)之----Android(安卓)中自定义View的应用

大家好我们今天的教程是在Android教程中自定义View的学习，对于初学着来说，他们习惯了Android传统的页面布局方式，如下代码:

[c-sharp]view plaincopy

<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><TextViewandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="@string/hello"/></LinearLayout>

当然上面的布局方式可以帮助我们完成简单应用的开发了，但是如果你想写一个复杂的应用，这样就有点牵强了，大家不信可以下源码都研究看看，高手写的布局方式，如上面的布局高手通常是这样写的:

[c-sharp]view plaincopy

其中AextendsLinerLayout,BextendsTextView.

为了帮助大家更容易理解，我写了一个简单的Demo,具体步骤如下：

首先新建一个Android工程命名为ViewDemo.

然后自定义一个View类，命名为MyView(extends View).代码如下:

[java]view plaincopy

packagecom.android.tutor;importandroid.content.Context;importandroid.graphics.Canvas;importandroid.graphics.Color;importandroid.graphics.Paint;importandroid.graphics.Rect;importandroid.graphics.Paint.Style;importandroid.util.AttributeSet;importandroid.view.View;publicclassMyViewextendsView{privatePaintmPaint;privateContextmContext;privatestaticfinalStringmString="WelcometoMrWei'sblog";publicMyView(Contextcontext){super(context);}publicMyView(Contextcontext,AttributeSetattr){super(context,attr);}@OverrideprotectedvoidonDraw(Canvascanvas){//TODOAuto-generatedmethodstubsuper.onDraw(canvas);mPaint=newPaint();//设置画笔颜色mPaint.setColor(Color.RED);//设置填充mPaint.setStyle(Style.FILL);//画一个矩形,前俩个是矩形左上角坐标，后面俩个是右下角坐标canvas.drawRect(newRect(10,10,100,100),mPaint);mPaint.setColor(Color.BLUE);//绘制文字canvas.drawText(mString,10,110,mPaint);}}

然后将我们自定义的View加入到main.xml布局文件中,代码如下:

[xhtml]view plaincopy

<?xmlversion="1.0"encoding="utf-8"?><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"><TextViewandroid:layout_width="fill_parent"android:layout_height="wrap_content"android:text="@string/hello"/><com.android.tutor.MyViewandroid:layout_width="fill_parent"android:layout_height="fill_parent"/></LinearLayout>

最后执行之，效果如下图:

更多相关文章