android构建自定义的视图组件

华宰 发布于 2011/09/08 12:19
阅读 1K+
收藏 3

原文来自:http://marshal.easymorse.com/archives/2062

Android提供了精巧和有力的组件化模型构建用户的UI部分。主要是基于布局类:View和ViewGroup。在此基础上,android平台 提供了大量的预制的View和ViewGroup子类,即布局(layout)和窗口小部件(widget)。可以用它们构建自己的UI。

如果没有符合你需求的预制窗口小部件,你可以创建自己的视图子类。如果只是对已存在的窗口小部件或者布局做小的调整,只需继承该类,覆盖相关的方法。

创建你自己的View子类可以更精确控制视图元素的外观和功能。

  • 可创建完整的自定义渲染视图类型,比如创建一个2d的控制条;
  • 可将一组视图组件合成为一个新的单一组件,比如双选的列表,选择省和市;
  • 覆盖EditText组件,比如notepad tutorial中的示例;
  • 捕捉其他事件比如按键事件,并执行自定义的处理方式,比如在游戏中。

基本方法

总的来说,创建自定义的视图组件步骤是:

  1. 创建自己的类,继承已经存在的View类或者子类;
  2. 覆盖超类的一些方法。这些超类的方法一般以“on”开头,比如onDraw()方法等等;
  3. 使用新创建的扩展类。一旦完成,你的新扩展类就可以用于所有View使用的地方。

注意:扩展类可以定义为内部类,在你创建的Activity类之中。这很有用,因为这样可以控制外界的访问,但是这不是必须的,因为你可能需要一个public的自定义View类供更广泛的使用。

完全自定义组件

完全自定义的组件可以创建图形组件显示在你需要的任何地方。

步骤如下:

  1. 可以继承的最通用的视图类是View,可以继承它创建自定义的组件超类;
  2. 可以提供构造方法,并通过xml文件获取属性值和参数;
  3. 创建自己的事件监听器,属性访问器和编辑器等等;
  4. 一般情况下会覆盖onMeasure()方法和onDraw()方法,这会让组件显示一些东西。如果都用默认的行为,onDraw()方法不做任何事情,onMeasure()方法设置一个100×100的区域;
  5. 根据需求覆盖其他on…方法。

扩展onDraw()和onMeasure()方法

onDraw()方法提供给你一个Canvas对象,在它之上可以实现任何你想要的东西,通过2d图形api。比如其他标准的后者自定义的组件,风格化的文字后者其他。

注意:这里不提供3d图形api的支持。如果你需要3d图形支持,必须继承SurfaceView而不是View,并且通过单独的线程画图。可以通过GLSurfaceViewActivity实例查看详细信息。

onMeasure()方法有些麻烦。该方法是在容器和自定义组件之间渲染的重要部分。该方法覆盖,要高效率的和精确的报告被包含区域的测量值。

总的来看,实现onMeasure()方法类似如下步骤:

  1. 调用已经覆盖的onMeasure()方法,传递长和宽规范参数;
  2. 自定义组件在onMeasure()方法中计算需要渲染的组件的长和宽,应该在规范参数的范围内;
  3. 一旦长和宽计算出来,必须调用setMeasuredDimension(int width, int height)方法,这步失败会导致异常的抛出。

一个自定义视图的示例

自定义视图的示例,见:LabelView

该示例演示了一些自定义组件的不同方面:

  • 继承View类,用于完全自定义组件;
  • 参数化的构造方法,提供更多的参数,定义在xml文件中;
  • 标准的公开方法,用于设置标签,比如setText()方法等;
  • 覆盖onMeasure方法确定渲染的组件尺寸;
  • 覆盖onDraw方法,在提供的canvas中画标签。

可以找到对示例的一些使用,在custom_view_1.xml文件中。

该示例运行效果:

image

android示例是混在一起的,比较乱,我这里改写了一下,只有相关示例的代码和配置。看起来比较简单:

http://easymorse.googlecode.com/svn/tags/android.customer.view.demo_1.0

 

合成控制器

合成控制器,即不是完全自定义一个新的视图组件,而是,将现有的原子级控制器(控件?)或者视图组件组合在一起,处理共同的业务逻辑。比如,一个combo box可以被看做,一个单行的EditText和一个相邻的按钮,带一个弹出列表。

在android中还有很多其他的示例,比如Spinner,AutoComleteTextView。

创建合成组件的步骤:

  1. 通常的起始步骤是,创建某种类型的Layout,即创建一个类继承一个Layout。比如上述的combo box,可能会使用到基于垂直布局的LinearLayout。其他布局也可以嵌套在其中,因此合成组件可以任意复杂结构。和activity类似,你可 以用基于xml的声明方式创建容器组件,也可以嵌入到程序代码中;
  2. 在新类的构造方法中,得到超类所需的参数,并传递给超类的构造方法。另外,也可设置其他在这个心组件当中的视图组件,比如创建一个EditText和PopupList。注意,你也可以引入自己的参数和属性到xml文件中,这样会被取出并用于你的构造方法;
  3. 还可以创建事件监听器,用于容器中的视图组件,比如一个监听器方法,用于处理列表点击的监听器,更新EditText的文本内容;
  4. 创建自己的属性访问器和编辑器,比如,EditText的值可以在组件中初始设置,并能在需要的时候获取它的值;
  5. 在继承Layout类时,不需要覆盖onDraw()和onMeasure()方法,因为它们可能已经符合你的要求,当然,也可以覆盖它们实现自己特定的需求;
  6. 可能需要覆盖其他on…方法,比如onKeyDown()方法。

总之,使用Layout作为基础合成自定义的控件,有一些优点:

  • 可以通过xml文件的方式声明指定的布局,和activity类似,或者可以通过编程的方式嵌入到你的代码中;
  • onDraw()方法和onMeasure()等一般可适合需求,因此不必一定要覆盖它们;
  • 可以快速的构建任何复杂的合成视图,重用它们为一个单一的组件。

合成控件的示例

在ApiDemos示例中,演示了SpeechView,它继承了LinearLayout,并创建了一个组件,用于显示谈话中的引号。相关的类见:

samples/ApiDemos/src/com/example/android/apis/view/List4.java

samples/ApiDemos/src/com/example/android/apis/view/List6.java

List4示例截图,见:

image

List6示例截图,可以点击条目,出现内容,见:

image

 

修改已存在的视图类型

如果已存在的视图组件已经和你的需求相差不远,你可以只是简单的扩展该组件,只覆盖需要改变的行为。

比如示例中的NotePad应用(platforms/android-1.5/samples/NotePad)。

效果如下:

image

在文本框视图组件(EditText)基础上,增加了横线。

本文主要参考:

http://developer.android.com/guide/topics/ui/custom-components.html

加载中
返回顶部
顶部