Android中如何使用自定义view 自定义控件属性及动态自定义控件

最新推荐文章于 2021-05-25 19:49:19 发布

转载最新推荐文章于 2021-05-25 19:49:19 发布 · 878 阅读

文章标签：

#自定义控件 #控件

Android自定义控件专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在Android中自定义View及其属性，包括创建继承View的类、添加构造方法、重写onDraw方法等关键步骤，并展示了如何使用自定义属性实现动态更新。

如何自定义View
好处：特殊的效果，满足个性的需求
流程：
1) 创建一个类，继承View或它的子类
2) 添加构造方法
   一个参数：在代码中创建对象
   两个参数：在布局文件中使用
3) 重写onDraw()方法           一个矩形区域，画布Canvas  画笔Paint
   设置画笔属性
        // 创建画笔
        Paint paint = new Paint();
        paint.setColor(Color.RED);
        paint.setAntiAlias(true);
        paint.setTextSize(30);
4) 使用canvas绘制
   例如：canvas.rotate(90);
         canvas.drawText("VerticalTextView", 20, 0, paint);

如何使用自定义控件
在布局文件中拖拽自定义控件

自定义控件属性的步骤：
1) 在values目录中创建attrs.xml
   （从ApiDemos中拷贝）
2) 定义属性
   例如：
    <declare-styleable name="VerticalTextView">
        <attr name="content" format="string" />
3) 在自定义控件代码中读取布局中配置的属性，进行设置
   参考ApiDemos中的LabelView

使用自定义属性：
1) 在布局文件中添加自定义控件的命名空间
例如： xmlns:yuchen="http://schemas.android.com/apk/res/org.yuchen.templete"
2) 配置属性，例如：yuchen:content="sdf"

动态：
1) 修改重新绘制的内容
2) 触发系统重新调用onDraw()方法
调用invalidate()方法
例如：

   01.
   // 动态自定义控件
  
   02.
   postDelayed(new Runnable()
  
   03.
   {
  
   04.
   @Override
  
   05.
   public void run()
  
   06.
   {
  
   07.
   text = new Date().toLocaleString();
  
   08.
   invalidate();
  
   09.
   postDelayed(this, 1000);
  
   10.
   }
  
   11.
   }, 1000);

运行效果如下：（动态生成）

代码如下：

   01.
   public class Mytextview extends View 
  
   02.
   { 
  
   03.
   String content = "abc"; 
  
   04.
   private int color; 
  
   05.
   private float dimension; 
  
   06.
   private Paint paint; 
  
   07.
   public Mytextview(Context context) 
  
   08.
   {//一个参数的构造方法，适用在，代码中new自定义的view类 
  
   09.
   super(context); 
  
   10.
   } 
  
   11.
   public Mytextview(Context context, AttributeSet attrs) 
  
   12.
   {//两个参数的构造方法，适用在，使用布局xml里拖拉自定义的控件方法 
  
   13.
   // 
  
   14.
   super(context, attrs); 
  
   15.
   Log.e("Mytextview", "Mytextview(2)"); 
  
   16.
   //      读取控件里使用的属性attrs 
  
   17.
   TypedArray a = context.obtainStyledAttributes(attrs, 
  
   18.
   R.styleable.mytextview); 
  
   19.
   CharSequence s = a.getString(R.styleable.mytextview_text);//静态读取自定义控件的文字内容 
  
   20.
   color = a.getColor(R.styleable.mytextview_textColor, Color.BLACK); 
  
   21.
   dimension = a.getDimension(R.styleable.mytextview_textSize, 20); 
  
   22.
   //        if (s != null) { 
  
   23.
   //            content = s.toString(); 
  
   24.
   //        } 
  
   25.
   postDelayed(new Runnable() 
  
   26.
   { 
  
   27.
   //          动态获得自定义控件的文字内容 
  
   28.
   @Override
  
   29.
   public void run() 
  
   30.
   { 
  
   31.
   content = new Date().toLocaleString(); 
  
   32.
   invalidate();//调用ondraw()方法，重绘 
  
   33.
   postDelayed(this, 1000); 
  
   34.
   } 
  
   35.
   }, 1000); 
  
   36.
   } 
  
   37.
   @Override
  
   38.
   protected void onDraw(Canvas canvas)  
  
   39.
   { //canvas画布 
  
   40.
   super.onDraw(canvas); 
  
   41.
   Log.e("onDraw", "onDraw"); 
  
   42.
   paint = new Paint(); 
  
   43.
   paint.setColor(color); 
  
   44.
   paint.setTextSize(dimension); 
  
   45.
   paint.setAntiAlias(true);//消除锯齿 
  
   46.
   canvas.rotate(90);//画布旋转90度 
  
   47.
   canvas.drawText(content , 60, -60, paint);//画文本 
  
   48.
   } 
  
   49.
   } 
  
   50.
   public class Mytextview extends View 
  
   51.
   { 
  
   52.
   String content = "abc"; 
  
   53.
   private int color; 
  
   54.
   private float dimension; 
  
   55.
   private Paint paint; 
  
   56.
   public Mytextview(Context context) 
  
   57.
   {//一个参数的构造方法，适用在，代码中new自定义的view类 
  
   58.
   super(context); 
  
   59.
   } 
  
   60.
   public Mytextview(Context context, AttributeSet attrs) 
  
   61.
   {//两个参数的构造方法，适用在，使用布局xml里拖拉自定义的控件方法 
  
   62.
   // 
  
   63.
   super(context, attrs); 
  
   64.
   Log.e("Mytextview", "Mytextview(2)"); 
  
   65.
   //      读取控件里使用的属性attrs 
  
   66.
   TypedArray a = context.obtainStyledAttributes(attrs, 
  
   67.
   R.styleable.mytextview); 
  
   68.
   CharSequence s = a.getString(R.styleable.mytextview_text);//静态读取自定义控件的文字内容 
  
   69.
   color = a.getColor(R.styleable.mytextview_textColor, Color.BLACK); 
  
   70.
   dimension = a.getDimension(R.styleable.mytextview_textSize, 20); 
  
   71.
   //        if (s != null) { 
  
   72.
   //            content = s.toString(); 
  
   73.
   //        } 
  
   74.
   postDelayed(new Runnable() 
  
   75.
   { 
  
   76.
   //          动态获得自定义控件的文字内容 
  
   77.
   @Override
  
   78.
   public void run() 
  
   79.
   { 
  
   80.
   content = new Date().toLocaleString(); 
  
   81.
   invalidate();//调用ondraw()方法，重绘 
  
   82.
   postDelayed(this, 1000); 
  
   83.
   } 
  
   84.
   }, 1000); 
  
   85.
   } 
  
   86.
   @Override
  
   87.
   protected void onDraw(Canvas canvas)  
  
   88.
   { 
  
   89.
   super.onDraw(canvas); 
  
   90.
   paint = new Paint(); 
  
   91.
   paint.setColor(color); 
  
   92.
   paint.setTextSize(dimension); 
  
   93.
   paint.setAntiAlias(true);//消除锯齿 
  
   94.
   canvas.rotate(90);//画布旋转90度 
  
   95.
   canvas.drawText(content , 60, -60, paint);//画文本 
  
   96.
   } 
  
   97.
   }