【Android开发】用户界面设计-开发自定义的View
2015-03-29 16:17
417 查看
效果图:
Android中,所有的UI界面都是由View类和ViewGroup类及其子类组合而成的。View是所有UI组件的基类(父类),为ViewGroup类是容纳这些UI组件的容器,其本身也是View的子类。
关系:
ViewGroup
| | |
| | |
ViewGroup View View
| |
| |
View View
一般情况下,开发Android应用程序的UI界面,都不直接使用View和ViewGroup类,而是使用它们的子类。
例如,显示一张图片,就可以使用View类的字类ImageView。
用户可以通过继承View来开发自己的组件。
开发自定义的View组件大致分一下3个步骤:
1.创建一个继承android.view.View类的View类,并且重写构造方法
2.根据需要重写相应方法。(Eclipse"源代码" -"覆盖/实现方法")
3.在项目的活动中,创建并实例化自定义View类,并将其添加到自定义管理器中。
下面利用自定义View来做一个拥有可以用手指触摸游走的小兔子界面
res/layout/main.xml:
在res/drawable/下放置rabbit.png的小兔子图片和backgroud.jpg大草原背景图片
RabbitView:
MainActivity:
运行效果如上图,可以任意拖拉小兔子至任何位置
转载请注明出处:http://blog.csdn.net/acmman/article/details/44727901
Android中,所有的UI界面都是由View类和ViewGroup类及其子类组合而成的。View是所有UI组件的基类(父类),为ViewGroup类是容纳这些UI组件的容器,其本身也是View的子类。
关系:
ViewGroup
| | |
| | |
ViewGroup View View
| |
| |
View View
一般情况下,开发Android应用程序的UI界面,都不直接使用View和ViewGroup类,而是使用它们的子类。
例如,显示一张图片,就可以使用View类的字类ImageView。
用户可以通过继承View来开发自己的组件。
开发自定义的View组件大致分一下3个步骤:
1.创建一个继承android.view.View类的View类,并且重写构造方法
2.根据需要重写相应方法。(Eclipse"源代码" -"覆盖/实现方法")
3.在项目的活动中,创建并实例化自定义View类,并将其添加到自定义管理器中。
下面利用自定义View来做一个拥有可以用手指触摸游走的小兔子界面
res/layout/main.xml:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/backgroud" android:id="@+id/mylayout"> </FrameLayout>
在res/drawable/下放置rabbit.png的小兔子图片和backgroud.jpg大草原背景图片
RabbitView:
package com.example.test; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.view.View; //显示一个可以用手拖拉的小兔子的界面 public class RabbitView extends View { public float bitmapX;//小兔子显示位置的X坐标 public float bitmapY;//小兔子显示位置的Y坐标 public RabbitView(Context context) { super(context); bitmapX=50;//设置小兔子默认显示位置的X坐标 bitmapY=75;//设置小兔子默认显示位置的Y坐标 } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); //创建并实例化Paint的对象 Paint paint=new Paint(); //根据图片生成位图对象 Bitmap bitmap=BitmapFactory.decodeResource(this.getResources(),R.drawable.rabbit); canvas.drawBitmap(bitmap, bitmapX, bitmapY,paint);//绘制小兔子 if(bitmap.isRecycled()){//判断图片是否回收 bitmap.recycle();//强制回收图片 } } }
MainActivity:
package com.example.test; import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.FrameLayout; public class MainActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); //获取帧布局管理器 FrameLayout layout=(FrameLayout)findViewById(R.id.mylayout); //创建并实例化RabbitView类 final RabbitView rabbit=new RabbitView(MainActivity.this); //为小兔子添加触摸时间监听器 rabbit.setOnTouchListener(new OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { rabbit.bitmapX=event.getX();//设置小兔子显示位置的X坐标 rabbit.bitmapY=event.getY();//设置小兔子显示位置的Y坐标 rabbit.invalidate();//重绘rabbit组件 return true; } }); layout.addView(rabbit);//将rabbit添加到布局管理器中 } }
运行效果如上图,可以任意拖拉小兔子至任何位置
转载请注明出处:http://blog.csdn.net/acmman/article/details/44727901
相关文章推荐
- 【Android应用开发技术:用户界面】自定义View类设计
- Android界面设计的4种方式之四——开发自定义的View
- Android开发--身高体重指数(BIM)计算--设计用户界面--视图(View)设计
- Android开发中自定义View设定到FrameLayout布局中实现多组件显示
- Android软件开发之盘点自定义View界面大合集
- Android开发指南-用户界面-创建自定义组件
- Android开发自定义的View
- Android软件开发之盘点自定义View界面大合集(二)
- Android游戏开发之旅六 自定义View
- android应用开发全程实录-用户界面部分章节-你真的会用最简单的TextView么?
- Android简明开发教程六:用户界面设计
- Android学习开发 之 自定义view
- Android开发中自定义View设定到FrameLayout布局中实现多组件显示
- Android游戏开发之旅(七)自定义SurfaceView
- Android简明开发教程六:用户界面设计
- Android开发之自定义View(视图)
- Android软件开发之盘点自定义View界面大合集(二)
- Android软件开发之盘点自定义View界面大合集(二) .
- Android开发指南-用户界面-创建自定义组件
- 初学Android,开发自定义的View(四)