Android自定义view基础篇

    写这篇文章是基于自己的学习,思路理清。

     如果说要按类型来划分的话,自定义View的实现方式大概可以分为三种,自绘控件组合控件、以及继承控件。那么下面就来分别介绍和给出基本例子来学习下。

一、自绘控件

       自绘控件的意思就是,这个View上所展现的内容全部都是我们自己绘制出来的。绘制的代码是写在onDraw()方法中,我们可以绘制文字,图形,图片等

1、实现步骤,先上代码


Android自定义view基础篇_第1张图片
自定义view   图1


Android自定义view基础篇_第2张图片
代码中引用自定义View 图2



Android自定义view基础篇_第3张图片

实现步骤:1,自定义一个类然后继承View

                   2,构造方法(注意如果在代码中使用自定义View的话那么调用的是只有一个参数的构造方法,如果在布局文件中调用的话那么必须使用含两个或者三个参数的构造方法,否则报错),构造方法也可以声明一些变量。

                   3,在OnDraw方法绘制      

                   4,可以在代码中调用也可以在布局文件中使用



2、简单的运动

上代码截图


Android自定义view基础篇_第4张图片
用线程改变画文字的坐标来实现运动



效果图

分析:由代码可知,我们把画文字的横坐标分离出一个参数,然后通过线程来改变横坐标,最后用postInvalidate();来更新onDraw()方法

3,在 xml 中定义样式来影响显示效果

第一步,先在values 新建一个attrs.xml文件,内容如下所示


Android自定义view基础篇_第5张图片
attrs.xml内容

第二步,在xml布局文件中使用 代码如下


Android自定义view基础篇_第6张图片
在xml中设置效果

第三步,在构造方法中解析文件,代码如下

Android自定义view基础篇_第7张图片



二、组合控件

组合控件的意思就是,我们并不需要自己去绘制视图上显示的内容,而只是用系统原生的控件就好了,但我们可以将几个系统原生的控件组合到一起,这样创建出的控件就被称为组合控件。

举个例子来说,标题栏就是个很常见的组合控件,很多界面的头部都会放置一个标题栏,标题栏上会有个返回按钮和标题,点击按钮后就可以返回到上一个界面。那么下面我们就来尝试去实现这样一个标题栏控件。

新建一个title.xml布局文件,代码如下所示:

Android自定义view基础篇_第8张图片

在这个布局文件中,我们首先定义了一个RelativeLayout作为背景布局,然后在这个布局里定义了一个Button和一个TextView,Button就是标题栏中的返回按钮,TextView就是标题栏中的显示的文字。

接下来创建一个TitleView继承自FrameLayout,代码如下所示:


Android自定义view基础篇_第9张图片

TitleView中的代码非常简单,在TitleView的构建方法中,我们调用了LayoutInflater的inflate()方法来加载刚刚定义的title.xml布局

接下来调用findViewById()方法获取到了返回按钮的实例,然后在它的onClick事件中调用finish()方法来关闭当前的Activity,也就相当于实现返回功能了。

另外,为了让TitleView有更强地扩展性,我们还提供了setTitleText()、setLeftButtonText()、setLeftButtonListener()等方法,分别用于设置标题栏上的文字、返回按钮上的文字、以及返回按钮的点击事件。

到了这里,一个自定义的标题栏就完成了,那么下面又到了如何引用这个自定义View的部分,其实方法基本都是相同的,在布局文件中添加如下代码:


Android自定义view基础篇_第10张图片

这样就成功将一个标题栏控件引入到布局文件中了,运行一下程序,效果如下图所示:

Android自定义view基础篇_第11张图片

现在点击一下Back按钮,就可以关闭当前的Activity了。如果你想要修改标题栏上显示的内容,或者返回按钮的默认事件,只需要在Activity中通过findViewById()方法得到TitleView的实例,然后调用setTitleText()、setLeftButtonText()、setLeftButtonListener()等方法进行设置就OK了。


三、继承控件

准备更新。。。

你可能感兴趣的:(Android自定义view基础篇)