自定义Android组件之带图像的TextV…

标签：之带自定义命名 TextV 图像组件 android TextView 属性

本文为新书《Android/OPhone开发完全讲义》的内容连载。《Android/OPhone开发完全讲义》一书将在近期出版，敬请关注。

Android系统支持的图像格式）的TextView组件。在编写代码之前，先看一下Android组件的配置代码。

1. <TextView android:id="@+id/textview1" android:layout_width="fill_parent"
2.        android:layout_height="wrap_content" android:text="textview1"
3. />

复制代码

上面的代码配置了一个标准的TextView组件。在这段代码中主要有两部分组成：组件标签（<TextView>）和标签属性（android:id、android:layout_width等）。需要注意的是，在所有的标签属性前面都需要加了一个命名空间（android）。实际上，android命名空间的值是在Android系统中预定义的，所有Android系统原有的组件在配置时都需要在标签属性前加android。
3种选择。
1.  仍然沿用android命名空间。
2.  改用其他的命名空间。
3.  不使用命名空间。

虽然上面3种选择从技术上说都没有问题，但作者建议使用第2种方式（尤其是对外发布的组件），这是因为在使用定制组件时，可能需要指定相同名称的属性，在这种情况下，可以通过命名空间来区分这些属性，例如，有两个命名空间：android和mobile，这时可以在各自的命名空间下有相同名称的属性，如android:src和mobile:src。在本例中定义了一个mobile命名空间，因此，在配置本例实现的组件时需要在属性前加mobile。
实现定制组件的一个重要环节就是读取配置文件中相应标签的属性值，由于本例要实现的组件类需要从TextView类继承，因此，只需要覆盖TextView类中带AttributeSet类型参数的构造方法即可，该构造方法的定义如下：
[code=java]public TextView(Context context, AttributeSet attrs)[/code]在构造方法中可以通过AttributeSet接口的相应getter方法来读取指定的属性值，如果在配置属性时指定了命名空间，需要在使用getter方法获得属性值时指定这个命名空间，如果未指定命名空间，则将命名空间设为null即可。
IconTextView是本例要编写的组件类，该类从TextView继承，在onDraw方法中将TextView中的文本后移，并在文本的前方添加了一个图像，该图像的资源ID通过mobile:iconSrc属性来指定。IconTextView类的代码如下：

1. package net.blogjava.mobile.widget;
2. 
3. import android.content.Context;
4. import android.graphics.Bitmap;
5. import android.graphics.BitmapFactory;
6. import android.graphics.Canvas;
7. import android.graphics.Rect;
8. import android.util.AttributeSet;
9. import android.widget.TextView;
10. 
11. public
12. class IconTextView extends TextView
13. {
14.    //  命
15. 名
16. 空间的值
17.    private final String namespace =  "http://net.blogjava.mobile";
18.    //  保
19. 存
20. 图像资源ID的变量
21.    private int resourceId =0;
22.    private Bitmap bitmap;
23.    public IconTextView(Context context, AttributeSet attrs)
24.    {
25.        super(context, attrs);
26.        //  getAttributeResourceValue 方
27. 法
28. 用来获得组件属性的值，在本例中需要通过该方法的第1个参数指
29.         //  定命名空间的值。该方法的第2个参数表示组件属性名
30. （不
31. 包括命名空间名称），第3个参数表示默
32.         //  认值，也就是如果该属性不存在，则返回第3个参数指定的值
33.        resourceId = attrs.getAttributeResourceValue(namespace, "iconSrc", 0);
34.        if (resourceId > 0)
35.              //  如
36. 果
37. 成功获得图像资源的ID，装载这个图像资源，并创建Bitmap对象
38.            bitmap = BitmapFactory.decodeResource(getResources(), resourceId);
39.       }
40. @Override
41. protected void onDraw(Canvas canvas)
42. {
43.        if (bitmap != null)
44.        {
45.            //  从
46. 原
47. 图上截取图像的区域，在本例中为整个图像
48.            Rect src = new Rect();
49.            //  将
50. 截
51. 取的图像复制到bitmap上的目标区域，在本例中与复制区域相同
52.            Rect target = new Rect();
53.            src.left = 0;
54.            src.top = 0;
55.            src.right = bitmap.getWidth();
56.            src.bottom = bitmap.getHeight();
57.            int textHeight = (int) getTextSize();
58.            target.left = 0;
59.            //  计
60. 算
61. 图像复制到目标区域的纵坐标。由于 TextView组件的文本内容并不是
62.              //  从最顶端开始绘制的，因此，需
63. 要
64. 重新计算绘制图像的纵坐标
65.            target.top = (int) ((getMeasuredHeight() - getTextSize()) / 2) + 1;
66.            target.bottom = target.top + textHeight;
67.            //  为
68. 了
69. 保证图像不变形，需要根据图像高度重新计算图像的宽度
70.            target.right = (int) (textHeight * (bitmap.getWidth() / (float) bitmap.getHeight()));
71.            //  开
72. 始
73. 绘制图像
74.            canvas.drawBitmap(bitmap, src, target, getPaint());
75.            //  将
76. TextView
77. 中的文本向右移动一定的距离（在本例中移动了图像宽度加2个象素点的位置）
78.            canvas.translate(target.right + 2, 0);
79.        }
80.        super.onDraw(canvas);
81.    }
82. }

复制代码

在编写上面代码时需要注意如下3点：
1.  需要指定命名空间的值。该值将在<LinearLayout>标签的xmlns:mobile属性中定义。
2.  如果在配置组件的属性时指定了命名空间，需要在AttributeSet 接口的相应getter方法中的第1个参数指定命名空间的值，而第2个参数只需指定不带命名空间的属性名即可。
3.  TextView类中的onDraw方法一定要在translate方法后面执行，否则系统不会移动TextView中的文本。

下面在main.xml文件中配置了7个IconTextView组件，分别设置了不同的字体大小，同时，文本前面的图像也会随着字体大小的变化而放大或缩小，配置代码如下：

1. <?xml version="1.0" encoding="utf-8"?>
2.  在
3. 下
4.  -->
5. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
6.    xmlns:mobile="http://net.blogjava.mobile" android:orientation="vertical"
7.    android:layout_width="fill_parent" android:layout_height="fill_parent">
8.  mobile:iconSrc
9. 是
10. 可选属性，如果未设置该属性，则IconTextView与TextView的效果相同  -->
11. <!-- 由于
12. IconTextView
13. 和Main类不在同一个包中，因此，需要显式指定package -->
14.  <net.blogjava.mobile.view.IconTextView
15.        android:layout_width="fill_parent" android:layout_height="wrap_content"
16.        android:text=" 第
17. 一
18. 个笑脸" mobile:iconSrc="@drawable/small"
19. />
20.  <net.blogjava.mobile.widget.IconTextView
21.        android:layout_width="fill_parent" android:layout_height="wrap_content"
22.        android:text=" 第
23. 二
24. 个笑脸" android:textSize="24dp" mobile:iconSrc="@drawable/small"
25. />
26.  <net.blogjava.mobile.widget.IconTextView
27.        android:layout_width="fill_parent" android:layout_height="wrap_content"
28.        android:text=" 第
29. 三
30. 个笑脸" android:textSize="36dp" mobile:iconSrc="@drawable/small"
31. />
32.  <net.blogjava.mobile.widget.IconTextView
33.        android:layout_width="fill_parent" android:layout_height="wrap_content"
34.        android:text=" 第
35. 四
36. 个笑脸" android:textSize="48dp" mobile:iconSrc="@drawable/small"
37. />
38.  <net.blogjava.mobile.widget.IconTextView
39.        android:layout_width="fill_parent" android:layout_height="wrap_content"
40.        android:text=" 第
41. 五
42. 个笑脸" android:textSize="36dp" mobile:iconSrc="@drawable/small"
43. />
44.  <net.blogjava.mobile.widget.IconTextView
45.        android:layout_width="fill_parent" android:layout_height="wrap_content"
46.        android:text=" 第
47. 六
48. 个笑脸" android:textSize="24dp" mobile:iconSrc="@drawable/small"
49. />
50.  <net.blogjava.mobile.widget.IconTextView
51.        android:layout_width="fill_parent" android:layout_height="wrap_content"
52.        android:text=" 第
53. 七
54. 个笑脸" mobile:iconSrc="@drawable/small"
55. />
56. </LinearLayout>

复制代码

运行本实例后，将显示如图1所示的效果。

自定义Android组件之带图像的TextV…_命名空间

注意：虽然很多人认为组件的属性必须以android命名空间开头，该命名空间的值必须是http://schemas.android.com/apk/res/android。实际上，只是命名空间的值必须是http://schemas.android.com/apk/res/android而已，命名空间的名称可以是任何值，如下面的代码所示：

1. <?xml version="1.0" encoding="utf-8"?>
2.  将
3. android
4.  -->
5. <LinearLayout xmlns:abcd="http://schemas.android.com/apk/res/android"
6.    abcd:orientation="vertical" abcd:layout_width="fill_parent"
7.    abcd:layout_height="fill_parent">
8. 
9. </LinearLayout>

标签：之带,自定义,命名,TextV,图像,组件,android,TextView,属性
From： https://blog.51cto.com/u_3124497/6913790

自定义Android组件之带图像的TextV…

相关文章

赞助商

阅读排行