View自绘控件

 很多时候想要设计漂亮的Android UI，使用Android自带的控件无法满足我们的需要就要考虑自绘控件，在Android界面显示类View，可以通过继承扩展重写相关方法来实现我们的图形绘制。
　　首先我们需要了解下View类的底层实现，在SDK中我们可以看到View直接继承于Java的基类Object，实现了图形绘制和按键事件Drawable.CallbackKeyEvent.Callback的相关方法，我们自绘时主要实现其内部的onDraw方法，相关的界面计算可以重写onMeasure方法，对于相关的按键可以重载onKeyDown、onKeyUp以及onTouchEvent等，下面android开发网就以一个实例来表示。
　　public classcwjView extendsView
　　{
　　publiccwjView(Context context)
　　{
　　this(context,null);
　　}
　　publiccwjView(Context context,AttributeSet attrs)
　　{
　　this(context,attrs,0);
　　}
　　publiccwjView(Context context,AttributeSet attrs,int defStyle)
　　{
　　super(context,attrs,defStyle);
　　//这里是本类的构造，相关初始化可以在这里添加代码
　　}
　　@Override
　　protectdvoid onDraw(Canvas canvas)
　　{
　　super(canvas);
　　//绘图的关键，可以看到已经包含了一个canvas句柄，可以直接通过我们前面讲到的Canvas类进行相关的操作，完整的例子，大家可以参考Android SDK中例子Snake贪食蛇游戏的实现。
　　}
　　}
　　有关View类的更新，我们直接通过调用invalidate(int l,int r,int r,int b)来更新一个Rect矩形区域，或更新全部，同时在线程中我们使用需要调用postInvalidate来更新界面。

 

 

Bitmap和Canvas实例

     在Android UI开发专题的前五节我们讲到的东西主要是基础和理论内容，从本次Android123将通过实例代码来演示，本次主要是Bitmap和Canvas类的使用，根据要求缩放Bitmap对象并返回新的Bitmap对象。centerToFit方法一共有4个参数，返回一个Bitmap类型，第一个参数为原始的位图对象，width和height分别为新的宽和高，而Context是用来加载资源的上下文实例。
1  Bitmap centerToFit(Bitmap bitmap,intwidth,int height, Context context) {
2
3　　finalintbitmapWidth= bitmap.getWidth();//获取原始bitmap的宽度
4
5　　finalintbitmapHeight= bitmap.getHeight();
6
7　　if(bitmapWidth< width || bitmapHeight< height) {
8
9　　int color=context.getResources().getColor(R.color.window_background);//从资源读取背景色
10
11　　Bitmapcentered= Bitmap.createBitmap(bitmapWidth< width ? width : bitmapWidth,
12
13　　bitmapHeight<height ? height : bitmapHeight, Bitmap.Config.RGB_565);
14
15　　centered.setDensity(bitmap.getDensity());
16
17　　Canvascanvas=new Canvas(centered);
18
19　　canvas.drawColor(color);//先绘制背景色
20
21canvas.drawBitmap(bitmap,(width- bitmapWidth)/
2.0f, (height- bitmapHeight)/
2.0f,null);//通过Canvas绘制Bitmap
22
23　　bitmap=centered;
24
25　　}
26
27　　returnbitmap;//返回新的bitmap
28
29　　}
30
31

　　本段代码从Android2.1开始将会应用在全新的Home主屏上，同时相关的ImageView的适应屏幕大小的setScaleType(fitCenter) 方法类似，仅仅是我们制定了未来的大小。

 

GraphableButton类实现Android UI开发

     从Android 1.6开始，系统设置中的电池使用记录提供了一种简单的自绘Button按钮演示-GraphableButton类，通过GraphableButton我们可以很清晰的了解到前几次Android123讲到的UI开发要点。
1　　public classGraphableButton extends Button {//从Button类继承
2
3　　privatestatic finalString TAG=
"GraphableButton";
4
5　　staticPaint[] sPaint=
new Paint[2];//定义两种颜色
6
7　　static {
8
9　　sPaint[0]=
new Paint();
10
11　　sPaint[0].setStyle(Paint.Style.FILL);
12
13　　sPaint[0].setColor(0xFF0080FF);
14
15　　sPaint[1]=
new Paint();
16
17　　sPaint[1].setStyle(Paint.Style.FILL);
18
19　　sPaint[1].setColor(0xFFFF6060);
20
21　　}
22
23　　double[]mValues;
24
25　　publicGraphableButton(Context context, AttributeSet attrs) {
26
27　　super(context,attrs);
28
29　　}
30
31　　public voidsetValues(double[] values,double maxValue) {//设置显示范围，下文提到
32
33　　mValues=values.clone();
34
35　　for (int i=
0; i< values.length; i++) {
36
37　　mValues/=maxValue;
38
 39　　}
40
 41　　}实例：
42   @Override

       protectedvoid onLayout(boolean changed, int l, int t, int r, int b) {

              intchildLeft = 0;

 

        final int count = getChildCount();

       for (int i = 0; i < count; i++) {

           final View child = getChildAt(i);

           if (child.getVisibility() != View.GONE) {

                final int childWidth =child.getMeasuredWidth();

               child.layout(childLeft, 0,childLeft + childWidth, child.getMeasuredHeight());

                childLeft += childWidth;

           }

       }

       }
43　　@Override
44
45　　public voidonDraw(Canvas canvas) {//重写onDraw直接绘制
46
47　　Log.i(TAG,"onDraw:w ="
+ getWidth()+
", h ="
+ getHeight());
48
49　　int xmin=getPaddingLeft();
50
51　　int xmax=getWidth()- getPaddingRight();
52
53　　int ymin=getPaddingTop();
54
55　　int ymax=getHeight()- getPaddingBottom();
56
57　　int startx=xmin;
58
59　　for (int i=
0; i< mValues.length; i++) {
60
61　　int endx=xmin+ (int) (mValues* (xmax- xmin));
62
63　　canvas.drawRect(startx,ymin, endx, ymax, sPaint);//通过canvas绘制范围
64
65　　// 该方法原型 drawRect(floatleft, float top,floatright, float bottom, Paint paint)
66
67　　startx=endx;
68
69　　}
70
71　　super.onDraw(canvas);
72
73　　}
74
75　　}
76

　　调用方法很简单，和普通的Button没有什么区别，这里我们仅仅多定义了setValues方法，Android开发网提醒网哟注意布局文件xml中如何定义，在最下文
1　　privateGraphableButton mButtons;
2
3　　mButtons=(GraphableButton) findViewById(R.id.button0);
4
5　　mButtons.setOnClickListener(this);//设置一个按下事件监听
6
7　　mButtons.setVisibility(View.INVISIBLE);//设置当前按钮不可见
8
9　　mButtons.setText("android123.com欢迎您");
10
11　　mButtons.setValues(0,100);
12
13　　mButtons.setVisibility(View.VISIBLE);//设置按钮可见
14

　　下面在layout.xml中如何写呢，这里要写上自己程序完整的package name才能正确被adt识别，相关的具体定义如下:
1　　android:id="@+id/button7"
2
3　　android:layout_width="fill_parent"
4
5　　android:layout_height="0dp"
6
7　　android:layout_marginLeft="4dp"
8
9　　android:layout_marginRight="4dp"
10
11　　android:layout_marginBottom="4dp"
12
13　　android:layout_weight="1"
/>