Android自定义View过程解析

所属分类: 软件编程 / Android 阅读数: 1635
收藏 0 赞 0 分享

Android自定义的view,主要是继承view,然后实现ondraw这个方法,来进行绘制。

  • 1. 编写自己的自定义view
  • 2. 加入逻辑线程
  • 3. 提取和封装自定义view
  • 4. 利用xml中定义样式来影响显示效果

一、编写自定义的view
1.在xml中使用自己的view

 <!-- 可以使用view的公共属性,例如背景 -->
 <com.niuli.view.MyView 
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="#ffff00"
  />

2.通过继承view,然后实现ondraw来实现方法

public class MyView extends View {

 Bitmap bitmap;

 public MyView(Context context) {
  super(context);
  /**
   * getResources()可以获取当前资源内的资源
   */
  bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
 }

 public MyView(Context context, AttributeSet attrs) {
  super(context, attrs);
  bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
 }
 /**
  * 绘制是通过Canvas来承载,其就相当于一块画布
  * 更多的学习将在不断的做小东西中更新
  */
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  /**
   * Paint相当于一只画笔,可以画文字,几何图形,bit图片等
   */
  Paint paint = new Paint();
  //设置绘制的颜色,是否空心之类的都是对画笔的设计
  paint.setColor(Color.BLUE);

  //绘画文字
  paint.setTextSize(30);
  canvas.drawText("这是一个自定义view", 0, 30, paint);
  //绘画直线
  canvas.drawLine(0, 60, 100, 60, paint);
  //绘画圆角矩形方法之一
  //设置空心
  paint.setStyle(paint.getStyle().STROKE);

  RectF rec = new RectF(0, 90, 100, 190);
  canvas.drawRoundRect(rec, 20, 20, paint);
  //绘制图片
  canvas.drawBitmap(bitmap, 0, 350, paint);
 }

}

效果

二、自定义的view+线程的使用控制
绘制文字,和圆形,通过线程控制使得其能在屏幕中移动

public class MyViewtwo extends View {

 //定义画笔
 private Paint paint = new Paint();
 private int x;
 private float sweepAngle;
 private control thread;
 private Random random = new Random();

 public MyViewtwo(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 public MyViewtwo(Context context) {
  super(context);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  paint.setTextSize(80);
  //绘制文字
  canvas.drawText("七夕快乐", x, 70, paint);
  //绘制图形
  RectF rect = new RectF(0 ,80 ,100, 160);
  canvas.drawArc(rect, 0, sweepAngle, true, paint);

  //启动线程
  if (thread ==null) {
   thread = new control();
   thread.start();
  }
 }
 public class control extends Thread{
  @Override
  public void run() {
   while(true){
    x +=3;
    sweepAngle++;
    if (x>getWidth()) {
     x = (int) (0 - paint.measureText("七夕快乐"));
    }
    //控制圆的的旋转
    if (sweepAngle>360) {
     sweepAngle = 0;
    }
    //设置画笔颜色
    paint.setARGB(255, random.nextInt(255), random.nextInt(255), random.nextInt(255));

    //相当于刷新画布
    postInvalidate();

    try {
     sleep(30);
    } catch (InterruptedException e) {
     e.printStackTrace();
    }
   }
  }
 }

效果 

 

三、封装移动程序,模块化思想
封装主要是使用抽象方法,子类继承后只要实现这些方法即可运行起来,大大简化了程序

public abstract class MyViewtwo extends View {

 private control thread;

 public MyViewtwo(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 public MyViewtwo(Context context) {
  super(context);
 }
 //封装,构造画面,子类继承后需要重写
 protected abstract void drawsub(Canvas canvas);

 @Override
 protected final void onDraw(Canvas canvas) {

  //启动线程
  if (thread ==null) {
   thread = new control();
   thread.start();
  }else {
   drawsub(canvas);
  }
 }
 //封装移动方法,子类继承后需要重写
 protected abstract void move();

 public class control extends Thread{
  @Override
  public void run() {
   while(true){
    move();
    //相当于刷新画布
    postInvalidate();

    try {
     sleep(30);
    } catch (InterruptedException e) {
     e.printStackTrace();
    }
   }
  }
 }

}

四、使用xml中定义样式影响显示效果
1、第一步就是在value文件夹中建立自己的样式文件

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <declare-styleable name="NumText">
  <attr name="lineNum" format="integer"/>
  <attr name="xScroll" format="boolean" />
 </declare-styleable>
</resources>

2、xml中先要加入命名空间,然后就可以直接使用属性

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:nt="http://schemas.android.com/apk/res/com.jikexueyuan.myview"
 android:id="@+id/container"
 android:layout_width="match_parent"
 android:layout_height="match_parent" >

 <com.jikexueyuan.myview.v4.NumText 
  android:layout_width="match_parent"
  android:layout_height="match_parent" 
  nt:lineNum="6"
  nt:xScroll="true"/>

</FrameLayout>

3、代码中要有相应的解析xml中定义的这个元素

public NumText(Context context, AttributeSet attrs) {
  super(context, attrs);

  TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.NumText);
  lineNum = ta.getInt(R.styleable.NumText_lineNum, 1);
  xScroll = ta.getBoolean(R.styleable.NumText_xScroll, false);
  ta.recycle();
 }

主要就是利用以上方法和xml中定义元素值进行曝光相关联。

以上就是本文的全部内容,希望对大家的学习有所帮助。

更多精彩内容其他人还在看

Android样式和主题之选择器的实例讲解

今天小编就为大家分享一篇关于Android样式和主题之选择器的实例讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Android应用动态修改主题的方法示例

今天小编就为大家分享一篇关于Android应用动态修改主题的方法示例,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter 网络请求框架封装详解

这篇文章主要介绍了Flutter 网络请求框架封装详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Flutter倒计时/计时器的实现代码

这篇文章主要介绍了Flutter倒计时/计时器的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

Android使用google breakpad捕获分析native cash

这篇文章主要介绍了Android使用google breakpad捕获分析native cash 的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

详解Flutter WebView与JS互相调用简易指南

这篇文章主要介绍了详解Flutter WebView与JS互相调用简易指南,分为JS调用Flutter和Flutter调用JS,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android开发实现ListView和adapter配合显示图片和文字列表功能示例

这篇文章主要介绍了Android开发实现ListView和adapter配合显示图片和文字列表功能,涉及Android使用ListView结合adapter适配器实现图文显示功能相关的布局、解析、权限控制等操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Android文字基线Baseline算法的使用讲解

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
收藏 0 赞 0 分享

Flutter自定义实现神奇动效的卡片切换视图的示例代码

这篇文章主要介绍了Flutter自定义实现神奇动效的卡片切换视图的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Android实现自定义滑动刻度尺方法示例

这篇文章主要给大家介绍了关于Android实现自定义滑动刻度尺的相关资料,文中通过示例代码介绍的非常详细,对各位Android开发者们具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多