`

Android UI 之一步步教你自定义控件(自定义属性、合理设计onMeasure、合理设计onDraw等)

 
阅读更多

转于：http://blog.csdn.net/carrey1989/article/details/11757409

 

-----------------------------------------------------------------------------------

 

Android开发做到了一定程度，多少都会用到自定义控件，一方面是更加灵活，另一方面在大数据量的情况下自定义控件的效率比写布局文件更高。

    一个相对完善的自定义控件在布局文件中和java代码中都应能灵活设置属性。另外在普通的布局中和AdapterView中都应能正确绘制，这就要求合理设计onMeasure方法，下文中会做比较详细的讲解。

    本文原创，如需转载，请注明转载地址：http://blog.csdn.net/carrey1989/article/details/11757409

    接下来我就一步一步来讲解如何设计和编写一个比较完善的自定义控件。

    首先要来设计好我们要完成的效果，我们今天来实现下图所示的这样一个控件：

    用文字来描述一下：我们要定义的控件上方会显示一张图片，我们可以设置这张图片的内容，长宽比，透明度，伸缩模式，以及图片四周的填充空间大小。图片下方会显示一行文字，作为一级标题，我们可以设置文字的内容，大小，颜色，以及文字区域四周的填充空间的大小。一级标题下方显示一行二级标题，具体设置内容和一级标题相同。

    我们不妨先来直接看一下完成后的效果，这样可以更直观的了解要实现的控件的样子。

                   

    左图的样子是在常规的布局中自定义控件的样子，右图则是在大数据量的情况下自定义控件作为AdapterView的item的时候绘制出来的样子。

    上面我们大体完成了初步的控件设计，下面我们开始编写代码。

 

    第一步，我们写好自定义属性，根据我们上面所做的设计，我们的自定义属性涉及到三个方面，分别是图片相关的属性，一级标题相关的属性，二级标题相关的属性。

    按照惯例，我们首先在res/values文件目录下创建一个attrs.xml文件。

    然后我们在attrs.xml文件中完成我们对属性的定义，代码片段如下：

 

[html] view plaincopy
 
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <attr name="imageSrc" format="reference"/>  
  4.     <attr name="imageAspectRatio" format="float"/>  
  5.     <attr name="imageAlpha" format="float"/>  
  6.     <attr name="imagePaddingLeft" format="dimension"/>  
  7.     <attr name="imagePaddingTop" format="dimension"/>  
  8.     <attr name="imagePaddingRight" format="dimension"/>  
  9.     <attr name="imagePaddingBottom" format="dimension"/>  
  10.     <attr name="imageScaleType">  
  11.         <enum name="fillXY" value="0"/>  
  12.         <enum name="center" value="1"/>  
  13.     </attr>  
  14.       
  15.     <attr name="titleText" format="string"/>  
  16.     <attr name="titleTextSize" format="dimension"/>  
  17.     <attr name="titleTextColor" format="color"/>  
  18.     <attr name="titlePaddingLeft" format="dimension"/>  
  19.     <attr name="titlePaddingTop" format="dimension"/>  
  20.     <attr name="titlePaddingRight" format="dimension"/>  
  21.     <attr name="titlePaddingBottom" format="dimension"/>  
  22.       
  23.     <attr name="subTitleText" format="string"/>  
  24.     <attr name="subTitleTextSize" format="dimension"/>  
  25.     <attr name="subTitleTextColor" format="color"/>  
  26.     <attr name="subTitlePaddingLeft" format="dimension"/>  
  27.     <attr name="subTitlePaddingTop" format="dimension"/>  
  28.     <attr name="subTitlePaddingRight" format="dimension"/>  
  29.     <attr name="subTitlePaddingBottom" format="dimension"/>  
  30.       
  31.     <declare-styleable name="CustomView">  
  32.         <attr name="imageSrc"/>  
  33.         <attr name="imageAspectRatio" />  
  34.         <attr name="imageAlpha" />  
  35.         <attr name="imagePaddingLeft" />  
  36.         <attr name="imagePaddingTop" />  
  37.         <attr name="imagePaddingRight" />  
  38.         <attr name="imagePaddingBottom" />  
  39.         <attr name="imageScaleType" />  
  40.         <attr name="titleText" />  
  41.         <attr name="titleTextSize" />  
  42.         <attr name="titleTextColor" />  
  43.         <attr name="titlePaddingLeft" />  
  44.         <attr name="titlePaddingTop" />  
  45.         <attr name="titlePaddingRight" />  
  46.         <attr name="titlePaddingBottom" />  
  47.         <attr name="subTitleText" />  
  48.         <attr name="subTitleTextSize" />  
  49.         <attr name="subTitleTextColor" />  
  50.         <attr name="subTitlePaddingLeft" />  
  51.         <attr name="subTitlePaddingTop" />  
  52.         <attr name="subTitlePaddingRight" />  
  53.         <attr name="subTitlePaddingBottom" />  
  54.     </declare-styleable>  
  55. </resources>  

    这里需要说明几点：<attr>标签的format属性值代表属性的类型，这个类型值一共有10种，分别是：reference,float,color,dimension,boolean,string,enum,integer,fraction,flag

 

。但是我们作为开发者常用的基本上只有reference,float,color,dimension,boolean,string,enum这7种。在attrs.xml文件中的<declare-styleable>标签的name属性的值，按照惯例我们都是写成自定义控件类的名字。一个同名的<attr>在attrs.xml中只可以定义一次。

    除此之外，上面的代码都是针对前面的设计来定义了各种属性，相信各位同学都能看懂。

 

    第二步就是编写我们自定义控件的java类了，我们首先将之前做的自定义属性在自定义控件类中做好声明：

 

[java] view plaincopy
 
  1. /** 图片Bitmap */  
  2. private Bitmap imageBitmap;  
  3. /** 图片的长宽比 */  
  4. private float imageAspectRatio;  
  5. /** 图片的透明度 */  
  6. private float imageAlpha;  
  7. /** 图片的左padding*/  
  8. private int imagePaddingLeft;  
  9. /** 图片的上padding */  
  10. private int imagePaddingTop;  
  11. /** 图片的右padding */  
  12. private int imagePaddingRight;  
  13. /** 图片的下padding */  
  14. private int imagePaddingBottom;  
  15. /** 图片伸缩模式 */  
  16. private int imageScaleType;  
  17. /** 图片伸缩模式常量 fillXY */  
  18. private static final int SCALE_TYPE_FILLXY = 0;  
  19. /** 图片伸缩模式常量 center */  
  20. private static final int SCALE_TYPE_CENTER = 1;  
  21.   
  22. /** 标题文本内容 */  
  23. private String titleText;  
  24. /** 标题文本字体大小 */  
  25. private int titleTextSize;  
  26. /** 标题文本字体颜色 */  
  27. private int titleTextColor;  
  28. /** 标题文本区域左padding */  
  29. private int titlePaddingLeft;  
  30. /** 标题文本区域上padding */  
  31. private int titlePaddingTop;  
  32. /** 标题文本区域右padding */  
  33. private int titlePaddingRight;  
  34. /** 标题文本区域下padding */  
  35. private int titlePaddingBottom;  
  36.   
  37. /** 子标题文本内容 */  
  38. private String subTitleText;  
  39. /** 子标题文本字体大小 */  
  40. private int subTitleTextSize;  
  41. /** 子标题文本字体颜色 */  
  42. private int subTitleTextColor;  
  43. /** 子标题文本区域左padding */  
  44. private int subTitlePaddingLeft;  
  45. /** 子标题文本区域上padding */  
  46. private int subTitlePaddingTop;  
  47. /** 子标题文本区域右padding */  
  48. private int subTitlePaddingRight;  
  49. /** 子标题文本区域下padding */  
  50. private int subTitlePaddingBottom;  
  51.   
  52. /** 控件用的paint */  
  53. private Paint paint;  
  54. private TextPaint textPaint;  
  55. /** 用来界定控件中不同部分的绘制区域 */  
  56. private Rect rect;  
  57. /** 宽度和高度的最小值 */  
  58. private static final int MIN_SIZE = 12;  
  59. /** 控件的宽度 */  
  60. private int mViewWidth;  
  61. /** 控件的高度 */  
  62. private int mViewHeight;  

    然后我们要在构造方法中，将从布局文件中读取的自定义属性解析出来。

 

 

[java] view plaincopy
 
  1. TypedArray a = context.getTheme().obtainStyledAttributes(  
  2.         attrs, R.styleable.CustomView, defStyle, 0);  
  3. int n = a.getIndexCount();  
  4. for (int i = 0; i < n; i++) {  
  5.     int attr = a.getIndex(i);  
  6.     switch (attr) {  
  7.     case R.styleable.CustomView_imageSrc:  
  8.         imageBitmap = BitmapFactory.decodeResource(  
  9.                 getResources(), a.getResourceId(attr, 0));  
  10.         break;  
  11.     case R.styleable.CustomView_imageAspectRatio:  
  12.         imageAspectRatio = a.getFloat(attr, 1.0f);//默认长宽相等  
  13.         break;  
  14.     case R.styleable.CustomView_imageAlpha:  
  15.         imageAlpha = a.getFloat(attr, 1.0f);//默认不透明  
  16.         if (imageAlpha > 1.0f) imageAlpha = 1.0f;  
  17.         if (imageAlpha < 0.0f) imageAlpha = 0.0f;  
  18.         break;  
  19.     case R.styleable.CustomView_imagePaddingLeft:  
  20.         imagePaddingLeft = a.getDimensionPixelSize(attr, 0);  
  21.         break;  
  22.     case R.styleable.CustomView_imagePaddingTop:  
  23.         imagePaddingTop = a.getDimensionPixelSize(attr, 0);  
  24.         break;  
  25.     case R.styleable.CustomView_imagePaddingRight:  
  26.         imagePaddingRight = a.getDimensionPixelSize(attr, 0);  
  27.         break;  
  28.     case R.styleable.CustomView_imagePaddingBottom:  
  29.         imagePaddingBottom = a.getDimensionPixelSize(attr, 0);  
  30.         break;  
  31.     case R.styleable.CustomView_imageScaleType:  
  32.         imageScaleType = a.getInt(attr, 0);  
  33.         break;  
  34.     case R.styleable.CustomView_titleText:  
  35.         titleText = a.getString(attr);  
  36.         break;  
  37.     case R.styleable.CustomView_titleTextSize:  
  38.         titleTextSize = a.getDimensionPixelSize(  
  39.                 attr, (int) TypedValue.applyDimension(  
  40.                         TypedValue.COMPLEX_UNIT_SP, 25, getResources().getDisplayMetrics()));//默认标题字体大小25sp  
  41.         break;  
  42.     case R.styleable.CustomView_titleTextColor:  
  43.         titleTextColor = a.getColor(attr, 0x00000000);//默认黑色字体  
  44.         break;  
  45.     case R.styleable.CustomView_titlePaddingLeft:  
  46.         titlePaddingLeft = a.getDimensionPixelSize(attr, 0);  
  47.         break;  
  48.     case R.styleable.CustomView_titlePaddingTop:  
  49.         titlePaddingTop = a.getDimensionPixelSize(attr, 0);  
  50.         break;  
  51.     case R.styleable.CustomView_titlePaddingRight:  
  52.         titlePaddingRight = a.getDimensionPixelSize(attr, 0);  
  53.         break;  
  54.     case R.styleable.CustomView_titlePaddingBottom:  
  55.         titlePaddingBottom = a.getDimensionPixelSize(attr, 0);  
  56.         break;  
  57.     case R.styleable.CustomView_subTitleText:  
  58.         subTitleText = a.getString(attr);  
  59.         break;  
  60.     case R.styleable.CustomView_subTitleTextSize:  
  61.         subTitleTextSize = a.getDimensionPixelSize(attr,   
  62.                 (int) TypedValue.applyDimension(  
  63.                         20, TypedValue.COMPLEX_UNIT_SP, getResources().getDisplayMetrics()));//默认子标题字体大小20sp  
  64.         break;  
  65.     case R.styleable.CustomView_subTitleTextColor:  
  66.         subTitleTextColor = a.getColor(attr, 0x00000000);  
  67.         break;  
  68.     case R.styleable.CustomView_subTitlePaddingLeft:  
  69.         subTitlePaddingLeft = a.getDimensionPixelSize(attr, 0);  
  70.         break;  
  71.     case R.styleable.CustomView_subTitlePaddingTop:  
  72.         subTitlePaddingTop = a.getDimensionPixelSize(attr, 0);  
  73.         break;  
  74.     case R.styleable.CustomView_subTitlePaddingRight:  
  75.         subTitlePaddingRight = a.getDimensionPixelSize(attr, 0);  
  76.         break;  
  77.     case R.styleable.CustomView_subTitlePaddingBottom:  
  78.         subTitlePaddingBottom = a.getDimensionPixelSize(attr, 0);  
  79.         break;  
  80.     }  
  81. }  
  82. a.recycle();  

 

    这里需要说明几点，TypedArray对象在使用完毕后一定要调用recycle()方法。我之前曾在一篇文章中总结过在java代码中进行px与dip(dp)、px与sp单位值的转换。实际上，android中也提供了单位转换的函数，我们也可以使用TypedValue.applyDimension(int unit, float value, DisplayMetrics metrics)方法来进行单位的互换，其中，第一个参数是你想要得到的单位，第二个参数是你想得到的单位的数值，比如：我要得到一个25sp，那么我就用TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_SP, 25,getResources().getDisplayMetrics())，返回的就是25sp对应的px数值了。

 

 

    接下来我们要开始设计onMeasure方法，再设计onMeasure之前我们简单了解几个概念。

    MeasureSpec的三种模式：

    EXACTLY:表示我们设置了MATCH_PARENT或者一个准确的数值，含义是父布局要给子布局一个确切的大小。

    AT_MOST:表示子布局将被限制在一个最大值之内，通常是子布局设置了wrap_content。

    UNSPECIFIED:表示子布局想要多大就可以要多大，通常出现在AdapterView中item的heightMode中。

    了解了上面几个概念，我们就可以开始设计onMeasure了，具体代码如下：

 

[java] view plaincopy
 
  1. @Override  
  2. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
  3.     int widthMode = MeasureSpec.getMode(widthMeasureSpec);  
  4.     int widthSize = MeasureSpec.getSize(widthMeasureSpec);  
  5.     int heightMode = MeasureSpec.getMode(heightMeasureSpec);  
  6.     int heightSize = MeasureSpec.getSize(heightMeasureSpec);  
  7.       
  8.     int width;  
  9.     int height;  
  10.       
  11.     if (widthMode == MeasureSpec.EXACTLY) {  
  12.         width = widthSize;  
  13.     } else {  
  14.         int desired = getPaddingLeft() + getPaddingRight() +   
  15.                 imagePaddingLeft + imagePaddingRight;  
  16.         desired += (imageBitmap != null) ? imageBitmap.getWidth() : 0;  
  17.         width = Math.max(MIN_SIZE, desired);  
  18.         if (widthMode == MeasureSpec.AT_MOST) {  
  19.             width = Math.min(desired, widthSize);  
  20.         }  
  21.     }  
  22.       
  23.     if (heightMode == MeasureSpec.EXACTLY) {  
  24.         height = heightSize;  
  25.     } else {  
  26.         int rawWidth = width - getPaddingLeft() - getPaddingRight();  
  27.         int desired = (int) (getPaddingTop() + getPaddingBottom() + imageAspectRatio * rawWidth);  
  28.           
  29.         if (titleText != null) {  
  30.             paint.setTextSize(titleTextSize);  
  31.             FontMetrics fm = paint.getFontMetrics();  
  32.             int textHeight = (int) Math.ceil(fm.descent - fm.ascent);  
  33.             desired += (textHeight + titlePaddingTop + titlePaddingBottom);  
  34.         }  
  35.           
  36.         if (subTitleText != null) {  
  37.             paint.setTextSize(subTitleTextSize);  
  38.             FontMetrics fm = paint.getFontMetrics();  
  39.             int textHeight = (int) Math.ceil(fm.descent - fm.ascent);  
  40.             desired += (textHeight + subTitlePaddingTop + subTitlePaddingBottom);  
  41.         }  
  42.           
  43.         height = Math.max(MIN_SIZE, desired);  
  44.         if (heightMode == MeasureSpec.AT_MOST) {  
  45.             height = Math.min(desired, heightSize);  
  46.         }  
  47.     }  
  48.       
  49.     setMeasuredDimension(width, height);  
  50. }  

 

    思路是这样的：我们首先判断是不是EXACTLY模式，如果是，那就可以直接设置值了，如果不是，我们先按照UNSPECIFIED模式处理，让子布局得到自己想要的最大值，然后判断是否是AT_MOST模式，来做最后的限制。

 

 

    完成onMeasure过程之后，我们需要开始onDraw的设计，在onDraw中我们需要考虑各个部分设置的padding值，然后对应做出坐标的处理，整体的思路是从下向上绘制。具体的代码如下：

 

[java] view plaincopy
 
  1. @Override  
  2. protected void onDraw(Canvas canvas) {  
  3.     rect.left = getPaddingLeft();  
  4.     rect.top = getPaddingTop();  
  5.     rect.right = mViewWidth - getPaddingRight();  
  6.     rect.bottom = mViewHeight - getPaddingBottom();  
  7.       
  8.     paint.setAlpha(255);  
  9.     if (subTitleText != null) {  
  10.         paint.setTextSize(subTitleTextSize);  
  11.         paint.setColor(subTitleTextColor);  
  12.         paint.setTextAlign(Paint.Align.LEFT);  
  13.           
  14.         FontMetrics fm = paint.getFontMetrics();  
  15.         int textHeight = (int) Math.ceil(fm.descent - fm.ascent);  
  16.           
  17.         int left = getPaddingLeft() + subTitlePaddingLeft;  
  18.         int right = mViewWidth - getPaddingRight() - subTitlePaddingRight;  
  19.         int bottom = mViewHeight - getPaddingBottom() - subTitlePaddingBottom;  
  20.           
  21.         String msg = TextUtils.ellipsize(subTitleText, textPaint, right - left, TextUtils.TruncateAt.END).toString();  
  22.           
  23.         float textWidth = paint.measureText(msg);  
  24.         float x = textWidth < (right - left) ? left + (right - left - textWidth) / 2 : left;  
  25.         canvas.drawText(msg, x, bottom - fm.descent, paint);  
  26.           
  27.         rect.bottom -= (textHeight + subTitlePaddingTop + subTitlePaddingBottom);  
  28.     }  
  29.       
  30.     if (titleText != null) {  
  31.         paint.setTextSize(titleTextSize);  
  32.         paint.setColor(titleTextColor);  
  33.         paint.setTextAlign(Paint.Align.LEFT);  
  34.           
  35.         FontMetrics fm = paint.getFontMetrics();  
  36.         int textHeight = (int) Math.ceil(fm.descent - fm.ascent);  
  37.           
  38.         float left = getPaddingLeft() + titlePaddingLeft;  
  39.         float right = mViewWidth - getPaddingRight() - titlePaddingRight;  
  40.         float bottom = rect.bottom - titlePaddingBottom;  
  41.           
  42.         String msg = TextUtils.ellipsize(titleText, textPaint, right - left, TextUtils.TruncateAt.END).toString();  
  43.           
  44.         float textWidth = paint.measureText(msg);  
  45.         float x = textWidth < right - left ? left + (right - left - textWidth) / 2 : left;  
  46.         canvas.drawText(msg, x, bottom - fm.descent, paint);  
  47.           
  48.         rect.bottom -= (textHeight + titlePaddingTop + titlePaddingBottom);  
  49.     }  
  50.       
  51.     if (imageBitmap != null) {  
  52.         paint.setAlpha((int) (255 * imageAlpha));  
  53.         rect.left += imagePaddingLeft;  
  54.         rect.top += imagePaddingTop;  
  55.         rect.right -= imagePaddingRight;  
  56.         rect.bottom -= imagePaddingBottom;  
  57.         if (imageScaleType == SCALE_TYPE_FILLXY) {  
  58.             canvas.drawBitmap(imageBitmap, null, rect, paint);  
  59.         } else if (imageScaleType == SCALE_TYPE_CENTER) {  
  60.             int bw = imageBitmap.getWidth();  
  61.             int bh = imageBitmap.getHeight();  
  62.             if (bw < rect.right - rect.left) {  
  63.                 int delta = (rect.right - rect.left - bw) / 2;  
  64.                 rect.left += delta;  
  65.                 rect.right -= delta;  
  66.             }  
  67.             if (bh < rect.bottom - rect.top) {  
  68.                 int delta = (rect.bottom - rect.top - bh) / 2;  
  69.                 rect.top += delta;  
  70.                 rect.bottom -= delta;  
  71.             }  
  72.             canvas.drawBitmap(imageBitmap, null, rect, paint);  
  73.         }  
  74.     }  
  75. }  


    当做完这一步的时候，我们的自定义控件已经能够在布局文件中进行使用了，但是我们还不能在AdapterView中用我们设计的布局文件，因为AdapterView中每一个item属性都是在java代码中动态设置的，因此我们就需要给我们的自定义控件开放属性设置的接口，我们这里暂时只开放了设置图片和文字内容的接口。

 

 

[java] view plaincopy
 
  1. public void setImageBitmap(Bitmap bitmap) {  
  2.     imageBitmap = bitmap;  
  3.     requestLayout();  
  4.     invalidate();  
  5. }  
  6.   
  7. public void setTitleText(String text) {  
  8.     titleText = text;  
  9.     requestLayout();  
  10.     invalidate();  
  11. }  
  12.   
  13. public void setSubTitleText(String text) {  
  14.     subTitleText = text;  
  15.     requestLayout();  
  16.     invalidate();  
  17. }  


    做到这一步的时候，这个自定义控件基本就算完成了，后续的工作就是一些完善和修补了。

 

    接下来就是自定义控件的使用了，在布局文件中使用自定义控件的时候我们需要额外做一点工作，如下:

 

[java] view plaincopy
 
  1. <RelativeLayout   
  2.     xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:carrey="http://schemas.android.com/apk/res/com.carrey.customview"  
  4.     xmlns:tools="http://schemas.android.com/tools"  
  5.     android:layout_width="match_parent"  
  6.     android:layout_height="match_parent"  
  7.     tools:context=".MainActivity" >  
  8.   
  9.     <com.carrey.customview.customview.CustomView   
  10.         android:id="@+id/customview"  
  11.         android:layout_width="200dp"  
  12.         android:layout_height="200dp"  
  13.         android:layout_centerInParent="true"  
  14.         android:background="#FFD700"  
  15.         carrey:imageSrc="@drawable/clock"  
  16.         carrey:imageAspectRatio="1.0"  
  17.         carrey:imageAlpha="0.5"  
  18.         carrey:imagePaddingLeft="5dp"  
  19.         carrey:imagePaddingTop="5dp"  
  20.         carrey:imagePaddingRight="5dp"  
  21.         carrey:imagePaddingBottom="5dp"  
  22.         carrey:imageScaleType="center"  
  23.         carrey:titleText="这是一级标题"  
  24.         carrey:titleTextSize="30sp"  
  25.         carrey:titleTextColor="#1E90FF"  
  26.         carrey:titlePaddingLeft="4dp"  
  27.         carrey:titlePaddingTop="4dp"  
  28.         carrey:titlePaddingRight="4dp"  
  29.         carrey:titlePaddingBottom="4dp"  
  30.         carrey:subTitleText="这是二级子标题"  
  31.         carrey:subTitleTextSize="20sp"  
  32.         carrey:subTitleTextColor="#00FF7F"  
  33.         carrey:subTitlePaddingLeft="3dp"  
  34.         carrey:subTitlePaddingTop="3dp"  
  35.         carrey:subTitlePaddingRight="3dp"  
  36.         carrey:subTitlePaddingBottom="3dp"/>  
  37.   
  38.     <Button   
  39.         android:id="@+id/button"  
  40.         android:layout_width="match_parent"  
  41.         android:layout_height="wrap_content"  
  42.         android:text="next page"/>  
  43. </RelativeLayout>  

我们需要添加一行xmlns:carrey="http://schemas.android.com/apk/res/com.carrey.customview"，其中carrey是一个前缀，你可以随意设置，com.carrey.customview是我们的应用的包名，如果拿不准的可以打开Manifest文件，在<manifest>节点中找到package属性值即可。
对于在AdapterView中的使用方法就和我们正常使用一个常用控件的方法是一样的，这里就不赘述了，如果说到了这里还有一些不明白的地方，可以下载我下面提供的源码，然后对照着博客的思路来看，或者给我留言进行交流。

 

源码下载

 

 

分享到：
| android之Fragment（官网资料翻译）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    自定义控件与属性

    首先，你需要创建一个新的Java类，并实现`onDraw()`方法，这是自定义控件绘制的核心。在`onDraw()`中，利用Canvas对象进行绘图，可以使用`drawRect()`, `drawText()`, `drawCircle()`等方法来绘制你需要的形状和内容...

    自定义控件Demo

    通过自定义控件，开发者可以创建出符合自身需求的UI组件，从而更好地实现应用的功能和设计。本Demo着重介绍了如何在Android中创建自定义控件，并提供了相关的源码供学习和参考。 一、自定义控件的基本步骤 1. 创建...

    android自定义控件及其属性设置

    本教程将深入探讨如何在Android中创建自定义控件及其属性设置。 一、自定义控件的基本步骤 1. 创建一个新的Java类：首先，我们需要继承Android的基础视图类，如`View`或`ViewGroup`。例如，我们创建一个名为`...

    android自定义控件介绍，重写控件

    在Android开发中，自定义控件是提升应用用户体验和实现独特设计的重要手段。本文将深入探讨Android自定义控件的概念、重要性以及如何通过重写已有控件来扩展其功能，帮助开发者从初阶迈进高阶。 首先，我们了解什么...

    Android自定义控件示例

    这个压缩包“CustomViews”很可能是包含了一系列Android自定义控件的示例项目，旨在帮助开发者理解和学习如何在Android Studio 1.0.2环境下创建和使用自定义控件。 自定义控件通常涉及以下关键知识点： 1. **...

    安卓自定义控件相关-Android自定义控件源码.rar

    这个压缩包"Android自定义控件源码.rar"包含了一些自定义控件的源代码，虽然不能保证每个都可直接运行，但它们提供了丰富的学习资源，帮助开发者理解和实践自定义控件的创建过程。下面将详细探讨Android自定义控件的...

    android自定义控件+自定义属性的使用

    在Android开发中，自定义控件和自定义属性是提升应用独特性和功能扩展性的重要手段。自定义控件允许开发者根据需求创建具有特定功能或视觉效果的组件，而自定义属性则能让这些控件更加灵活，能够适应各种场景。下面...

    Android UI编程自定义控件ImageButton

    在Android应用开发中，UI设计是至关重要的，而自定义控件可以让我们更灵活地实现独特的界面效果。本教程将深入探讨如何自定义一个基于`ImageButton`的控件，以增强用户界面的交互性和视觉吸引力。 `ImageButton`是...

    Android自定义组合控件

    本文将深入探讨如何根据【标题】"Android自定义组合控件"和【描述】中的内容，结合【标签】"android 自定义控件 组合控件 自定义属性"，来创建一个自己的自定义组合控件。 首先，我们要明白什么是自定义控件。在...

    《Android自定义控件入门到实战》源码

    在Android开发中，自定义控件是提升应用独特性和用户体验的关键技术之一。通过自定义控件，开发者可以创建出符合项目需求的个性化组件，增强应用的视觉效果和交互性。《Android自定义控件入门到实战》源码提供了一套...

    Android 自定义控件 组合控件

    总结起来，Android自定义组合控件的实现涉及到了对Android UI框架的深入理解和实践，包括继承自定义View或ViewGroup、测量与布局、绘制、事件处理等关键步骤。通过这样的方式，开发者可以构建出功能强大、交互丰富的...

    《Android自定义控件入门到实战》源码2018.10

    这份源码提供了丰富的实例，覆盖了Android自定义控件开发的多个层面，对于想要提升Android开发能力，特别是UI设计和交互实现的开发者来说，是一份宝贵的参考资料。通过实践这些源码，开发者可以更好地理解Android...

    Android自定义控件之滑动开关

    本篇文章将深入探讨如何在Android中创建一个自定义的滑动开关控件。 首先，我们需要了解滑动开关的基本构成。滑动开关通常由两部分组成：一个可滑动的轨道（track）和一个滑块（thumb），用户通过拖动滑块在轨道上...

    android 自定义控件与特效

    自定义控件的性能优化是关键，包括减少不必要的测量和绘制、复用View、避免内存泄漏、合理使用缓存等。使用`ViewStub`来延迟加载不常用的部分，以及使用`ViewHolder`模式来提高列表滚动流畅性。 8. **可访问性**：...

    自定义控件其实很简单1/4

    在Android开发中，自定义控件（Custom View）是一个非常重要的技能，它允许开发者根据自己的需求创建具有独特功能和外观的UI元素。本教程将带你深入理解自定义控件的制作过程，分为四个部分，这里是第一部分。 首先...

    自定义控件遇到的两个小问题

    此外，理解View的测量（onMeasure()）、布局（onLayout()）和绘制（onDraw()）流程也对优化自定义控件的性能有很大帮助。 在博客“自定义控件遇到的俩个小问题”中，作者可能详细分析了这些问题的解决方案，包括...

    Android自定义控件【仿IOS开关】

    总的来说，创建一个仿iOS开关的自定义控件涉及了Android的图形绘制、事件处理、动画以及属性系统等多个方面。通过这个过程，开发者不仅可以掌握自定义控件的基本技巧，还能对Android UI系统有更深入的理解。在实际...

    自定义控件的方法

    在Android开发中，自定义控件（Custom View）是一种强大的技术，它允许开发者根据特定需求扩展或修改系统提供的默认UI组件。自定义控件能够帮助我们实现独特的界面效果，提高应用的用户体验，同时也能使代码结构更加...

    Android中自定义控件View

    在Android应用开发中，自定义控件（Custom View）是一个重要的技术点，它允许开发者根据需求创建具有独特功能和外观的UI元素。本教程将基于一个简单的实例来讲解如何在Android中实现自定义控件，旨在提供思路和交流...

    自定义控件其实很简单5/12

    在Android开发中，自定义控件...总之，自定义控件是Android开发中的重要技能，它涉及到UI设计、事件处理、动画等多个方面。通过深入学习和实践，开发者不仅可以打造独特的应用界面，还能提升编程技巧和解决问题的能力。

Magicbox
Global site tag (gtag.js) - Google Analytics