使用onDraw()方法绘制出的自定义控件

原创 2015年11月21日 14:19:59

我理解的自定义控件

前言:

自定义控件是我们学习Android的必经之路.对于新手来说可能知道自定义控件的步骤:
1, 继承View 或ViewGroup;
2,重写onMeasure()方法;
3,重写onLayout()方法;
4,重写onDraw()方法;


自定义控件分3种情况:

一. 控件有我们自己完全绘制出来.

必须实现的方法是onDraw(),一般不需要写onLayout()方法.
因为:
我们要绘制这样一个控件时,肯定会根据宽和高来绘制,而绘制是的宽和高也有两种方法来获取,

a.根据xml中的宽和高来测量.此时xml中为warp_context(你应该懂得).

b.我们直接将宽和高写死.也就是我们控件大小就是固定的.如:200*200;
这种情况时下:
如果我们在xml中使用控件时 使用这两个属性

//我们的控件显示出来的就是200*200 ,下面两个属性是为这个控件指定在父布局中可以占的空间.
  android:layout_height="400dp"
   android:layout_width="400dp" 

//如果
  android:layout_height="100dp"
   android:layout_width="100dp" 
  // 那么我们的控件就不能完全显示出来,由于-----我们的大小是200*200可是xml中只给了我们100*100.所以控件不能完全显示出来

好了上代码:

1,定义自定义属性
studio中: values文件夹下创建一个attrs.xml文件

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <declare-styleable name="myTextView">
        <attr name="myText" format="string" />
        <attr name="myColor" format="color" />
    </declare-styleable>


</resources>

2.布局文件中
一定要记得引用xmlns —-xml命名空间:
studio引用时 xmlns:custom=”http://schemas.android.com/apk/res-auto”
eclipse引用时xmlns:custom=”http://schemas.android.com/apk/包名”

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:custom="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    tools:context="com.example.custom.activity.CustomActivity">

    <com.example.custom.view.myTextView
        android:id="@+id/my"
        android:layout_height="400dp"
        android:layout_width="200dp"
        custom:myColor="#654321"
        custom:myText="自定义"
        />


</RelativeLayout>
/**
 * 作者 : fy on 2015/11/20.
 * 注释 :
 */
public class myTextView extends View {

    private Paint mPaint;
    private int color;
    private String text;
    private Rect mBounds;

    public myTextView(Context context) {
        this(context, null);
    }

    public myTextView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public myTextView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);

        mPaint = new Paint();

       //使用的自定义属性(其实可以不用)
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.myTextView);
        int count = a.getIndexCount();
        for (int i = 0; i < count; i++) {
            int attr = a.getIndex(i);

            switch (attr) {
                case R.styleable.myTextView_myColor:
                //得到我们定义的颜色
                    color = a.getColor(R.styleable.myTextView_myColor, Color.RED);
                    System.out.println("color---------------" + color);
                    break;
                case R.styleable.myTextView_myText:
                    text = a.getString(R.styleable.myTextView_myText);
                    System.out.println("text---------------" + text);
                    break;
            }

        }
        a.recycle();

    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        mPaint.setColor(color);  //设置画笔的颜色.这个颜色我们是从自定义属性中得到的
        mPaint.setStyle(Paint.Style.STROKE);
        RectF rect = new RectF(0, 0, 150, 150);  //设置一个区域范围(坐标为父布局中的坐标左上(0,0),右下(150,150))

        canvas.drawArc(rect, 3, 270, false, mPaint);  //将圆形在rect这个范围内绘制
        canvas.drawText(text, 75, 75, mPaint);

    }
/**
*       为这个组件注册点击触摸事件
*/
    @Override
    public boolean onTouchEvent(MotionEvent event) {


        System.out.println("点击了控件");

        //   text = "点击后";  //改变了控件

        mOnsetText.change();
        invalidate();  //重新绘制
        return super.onTouchEvent(event);
    }

    public void setText(String t) {
        this.text = t;
    }

    public void setmOnsetText(OnsetText onsetText) {

        this.mOnsetText = onsetText;
    }

    private OnsetText mOnsetText;


    //给外部一个接口以便拓展
    public interface OnsetText {
        void change();
    }
}

在Activity中使用:

public class CustomActivity extends Activity {

    myTextView myTextView;
    int mCount = 0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_custom);

        myTextView = (com.example.custom.view.myTextView) findViewById(R.id.my);

        myTextView.setmOnsetText(new myTextView.OnsetText() {
            @Override
            public void change() {
                    mCount++;
                    //每点击一次数字会加 1
                    myTextView.setText(mCount+"");
            }
        });
    }
}

运行结果
这里写图片描述


这只是自定义的组件的很简单的实现.感觉心里想的完全不会去描述.还是技术有限吧.希望看到的童鞋能分享我更好的资料.

二. 自定义组合控件:

等待更新…

版权声明:本文为博主原创文章,未经博主允许不得转载。

【重要总结】IntPtr、Image以及IplImage三者之间的相互转换

/******************************************************************************/ /******************...

Halcon清晰度检测实例(转)

Halcon清晰度检测实例(转)   2013-10-08 14:11:07|  分类: halcon|举报|字号 订阅      ...

自定义控件:onDraw 方法实现仿 iOS 的开关效果

概述本文主要讲解如何在 Android 下实现高仿 iOS 的开关按钮,并非是在Android 自带的 ToggleButton上修改,而是使用 API提供的 onDraw、onMeasure、Can...

(总结篇)Android 牛不牛?决定于自定义View控件(一)——view绘制流程(onMeasure,onLayout,onDraw)

由于Android系统提供的控件比较多,因此我们只能挑一个比较有代表的控件进行分析。这个比较有代表性的控件便是TextView,其它的一些基础控件,例如Button、EditText和CheckBox...

自定义View(3)——onLayout()、onDraw()方法的简单使用

之前对构造方法、测量方法的简单使用的了解,下面对onMeasure()之后的onLayout()、onDraw()方法进行简单说明。     onLayout()布局方法一般是在自定义布局控件继承自V...
  • ffengz
  • ffengz
  • 2016年09月13日 17:33
  • 143

Android 自定义控件----( 原生控件修改 onDraw )

Android 的控件自定义有N多的方法 简单点来总结至少包括:         1. 组合控件。(将现有控件组合在你的新控件里,例如一个 ImageView 和 一个 Button 控件)之后总结这...

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

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

【Android 界面效果15】Android UI 之一步步教你自定义控件(自定义属性、合理设计onMeasure、合理设计onDraw等)

Android开发做到了一定程度,多少都会用到自定义控件,一方面是更加灵活,另一方面在大数据量的情况下自定义控件的效率比写布局文件更高。     一个相对完善的自定义控件在布局文件中和java代码中...

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

Android开发做到了一定程度,多少都会用到自定义控件,一方面是更加灵活,另一方面在大数据量的情况下自定义控件的效率比写布局文件更高。     一个相对完善的自定义控件在布局文件中和Java代...

自定义轮播消息控件(自定义属性,onDraw,重写Animation等)

自定义轮播消息控件(自定义属性,onDraw,重写Animation等) 最近,项目要求,在大屏中,显示推送的消息,在原声不支持的情况下,只好自定义了,现在把自己定义的一些基本信息整理出来,方便以...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用onDraw()方法绘制出的自定义控件
举报原因:
原因补充:

(最多只允许输入30个字)