大家好我们今天的教程是在Android 教程中自定义View 的学习，对于初学着来说，他们习惯了Android 传统的页面布局方式，如下代码: view plaincopy to clipboardprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  3. android:orientation="vertical"
  4. android:layout_width="fill_parent"
  5. android:layout_height="fill_parent"
  6. >
  7. <TextView
  8. android:layout_width="fill_parent"
  9. android:layout_height="wrap_content"
  10. android:text="@string/hello"
  11. />
  12. </LinearLayout>
  13. <?xmlversion="1.0"encoding="utf-8"?>
  14. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  15. android:orientation="vertical"
  16. android:layout_width="fill_parent"
  17. android:layout_height="fill_parent"
  18. >
  19. <TextView
  20. android:layout_width="fill_parent"
  21. android:layout_height="wrap_content"
  22. android:text="@string/hello"
  23. />
  24. </LinearLayout>
当然上面的布局方式可以帮助我们完成简单应用的开发了，但是如果你想写一个复杂的应用，这样就有点牵强了，大家不信可以下源码都研究看看，高手写的布局方式，如上面的布局高手通常是这样写的: view plaincopy to clipboardprint?
  1. <?xmlversion="1.0"encoding="utf-8"?>
  2. <A>
  3. <B></B>
  4. </A>
  5. <?xmlversion="1.0"encoding="utf-8"?>
  6. <A>
  7. <B></B>
  8. </A>
view plaincopy to clipboardprint?
其中A extends LinerLayout, B extends TextView.
其中A extends LinerLayout, B extends TextView. 为了帮助大家更容易理解，我写了一个简单的Demo ,具体步骤如下： 首先新建一个Android 工程 命名为ViewDemo . 然后自定义一个View 类，命名为MyView(extends View) .代码如下:
  1. viewplaincopytoclipboardprint?
  2. packagecom.android.tutor;
  3. importandroid.content.Context;
  4. importandroid.graphics.Canvas;
  5. importandroid.graphics.Color;
  6. importandroid.graphics.Paint;
  7. importandroid.graphics.Rect;
  8. importandroid.graphics.Paint.Style;
  9. importandroid.util.AttributeSet;
  10. importandroid.view.View;
  11. publicclassMyViewextendsView{
  12. privatePaintmPaint;
  13. privateContextmContext;
  14. privatestaticfinalStringmString="WelcometoMrWei'sblog";
  16. publicMyView(Contextcontext){
  17. super(context);
  19. }
  20. publicMyView(Contextcontext,AttributeSetattr)
  21. {
  22. super(context,attr);
  24. }
  25. @Override
  26. protectedvoidonDraw(Canvascanvas){
  27. //TODOAuto-generatedmethodstub
  28. super.onDraw(canvas);
  30. mPaint=newPaint();
  32. //设置画笔颜色
  33. mPaint.setColor(Color.RED);
  34. //设置填充
  35. mPaint.setStyle(Style.FILL);
  37. //画一个矩形,前俩个是矩形左上角坐标，后面俩个是右下角坐标
  38. canvas.drawRect(newRect(10,10,100,100),mPaint);
  40. mPaint.setColor(Color.BLUE);
  41. //绘制文字
  42. canvas.drawText(mString,10,110,mPaint);
  43. }
  44. }
  45. packagecom.android.tutor;
  46. importandroid.content.Context;
  47. importandroid.graphics.Canvas;
  48. importandroid.graphics.Color;
  49. importandroid.graphics.Paint;
  50. importandroid.graphics.Rect;
  51. importandroid.graphics.Paint.Style;
  52. importandroid.util.AttributeSet;
  53. importandroid.view.View;
  54. publicclassMyViewextendsView{
  55. privatePaintmPaint;
  56. privateContextmContext;
  57. privatestaticfinalStringmString="WelcometoMrWei'sblog";
  59. publicMyView(Contextcontext){
  60. super(context);
  62. }
  63. publicMyView(Contextcontext,AttributeSetattr)
  64. {
  65. super(context,attr);
  67. }
  68. @Override
  69. protectedvoidonDraw(Canvascanvas){
  70. //TODOAuto-generatedmethodstub
  71. super.onDraw(canvas);
  73. mPaint=newPaint();
  75. //设置画笔颜色
  76. mPaint.setColor(Color.RED);
  77. //设置填充
  78. mPaint.setStyle(Style.FILL);
  80. //画一个矩形,前俩个是矩形左上角坐标，后面俩个是右下角坐标
  81. canvas.drawRect(newRect(10,10,100,100),mPaint);
  83. mPaint.setColor(Color.BLUE);
  84. //绘制文字
  85. canvas.drawText(mString,10,110,mPaint);
  86. }
  87. }
  89. 然后将我们自定义的View加入到main.xml布局文件中,代码如下:
  90. viewplaincopytoclipboardprint?
  91. <?xmlversion="1.0"encoding="utf-8"?>
  92. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  93. android:orientation="vertical"
  94. android:layout_width="fill_parent"
  95. android:layout_height="fill_parent"
  96. >
  97. <TextView
  98. android:layout_width="fill_parent"
  99. android:layout_height="wrap_content"
  100. android:text="@string/hello"
  101. />
  102. <com.android.tutor.MyView
  103. android:layout_width="fill_parent"
  104. android:layout_height="fill_parent"
  105. />
  106. </LinearLayout>
  107. <?xmlversion="1.0"encoding="utf-8"?>
  108. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
  109. android:orientation="vertical"
  110. android:layout_width="fill_parent"
  111. android:layout_height="fill_parent"
  112. >
  113. <TextView
  114. android:layout_width="fill_parent"
  115. android:layout_height="wrap_content"
  116. android:text="@string/hello"
  117. />
  118. <com.android.tutor.MyView
  119. android:layout_width="fill_parent"
  120. android:layout_height="fill_parent"
  121. />
  122. </LinearLayout>
最后执行之，效果如下图: Android高手进阶教程(三)之----Android 中自定义View的应用. OK,大功告成，今天就写到这里，开始做饭了，老婆孩子等我做饭了，lol~

本文出自 “Android_Tutor” 博客，请务必保留此出处http://weizhulin.blog.51cto.com/1556324/311457

更多相关文章

  1. Android 布局 LinearLayout与RelativeLayout的布局属性
  2. android 相对定位布局方向
  3. android studio开发 控件布局
  4. android 布局属性
  5. AndroidStudio 基础控件与布局
  6. Android布局属性一览表
  7. android布局属性详解分享
  8. RelativeLayout（相对布局）
  9. Android五大布局

随机推荐

  1. android移动数据上网的开关的实现
  2. 腾讯微博客户端开发视频--若水（第三集、第
  3. Android SDK 快速安装方法
  4. android获取APK签名信息及MD5指纹
  5. 【面包屑】快速使用RecyclerView搭建列表
  6. 修改ListView的分割线
  7. Android之Handler详解（四）
  8. Android LayoutInflater
  9. eclipse导入的Android项目没有android.ja
  10. Android面试系列文章2018之Android部分Ha