实例讲解Android中的View类以及自定义View控件的方法
View的简单理解和实例
1.View的基本概念
在Activity显示的控件都叫做View(View类是所有的控件类的父类 比如文本按钮)
2.在Activity当中获取代表View的对象
Activity读取布局文件生成相对应的各种View对象
TextViewtextView=(TextView)findViewBy(R.id.textView)
3.设置view的属性
Activity_mian.xml这样的xml布局文件中发现了,类似@+id/和@id/到底有什么区别呢?这里@可以理解为引用,而多出的+代表自己新声明的
4.为View设置监听器
一个控件可以绑定多个监听器不通过的监听器响应不同的事件:
(1)获取代表控件的对象
(2)定义一个类,实现监听接口implements OnClickListener
(3)生成监听对象
(4)为控件绑定监听对象
5.实例
布局文件(改成垂直布局)
<LinearLayoutxmlns: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:orientation="vertical" tools:context=".MainActivity"> <TextView android:id="@+id/textView" android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="80px" android:background="#FF0000" android:text="hello_world熊"/> <Button android:id="@+id/button" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="点击"/> </LinearLayout>
MianActivity文件
packagecom.xiong.fisrt_android;
importandroid.app.Activity;
importandroid.graphics.Color;
importandroid.os.Bundle;
importandroid.view.Menu;
importandroid.view.View;
importandroid.view.View.OnClickListener;
importandroid.widget.Button;
importandroid.widget.TextView;
publicclassMainActivityextendsActivity{
privateTextViewtextView;
privateButtonbutton;
privateintcount=0;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
textView=(TextView)findViewById(R.id.textView);
button=(Button)findViewById(R.id.button);
textView.setText("helloAndroid!!!");
textView.setBackgroundColor(Color.BLUE);
ButtoneListenerbuttoneListener=newButtoneListener();//生成监听对象
button.setOnClickListener(buttoneListener);//按钮绑定一个监听器
}
@Override
publicbooleanonCreateOptionsMenu(Menumenu){
//Inflatethemenu;thisaddsitemstotheactionbarifitispresent.
getMenuInflater().inflate(R.menu.main,menu);
returntrue;
}
classButtoneListenerimplementsOnClickListener//创建一个类实现监听事件的接口
{
@Override
publicvoidonClick(Viewarg0){
//TODOAuto-generatedmethodstub
count++;
textView.setText(Integer.toString(count));
}
}
}
View的自定义
通过继承View,可以很方便地定制出有个性的控件出来。
实现自定义View的最主要的是重写onDraw(Canvascanvas)函数,当每次系统重绘界面的时候,都会调用这个函数,并传下一个Canvas,在这个函数内,应该将这个View所要显示的内容都draw到这个Canvas上,界面显示出来的内容几乎都由这个Canvas来决定。Canvas的具体画法可以很容易查得到,应该说Android内所有函数的命名都是很直观,一目了然的,自己看一下函数名都大概可以明白这个函数是有什么用的。SDK也是查询AndroidAPI的最好的工具,多使用些肯定有好处的。
View的显示出来的大小最主要的决定者是ParentLayout,View可以自定义自己的宽高的最小值,但这并不能保证能到达这种最小值,如果Parent本身的大小已经比这个值小了。
View的重绘——系统不会经常去调用View的OnDraw函数,为了能够在View上实现动画效果,比如说游戏(但好像很多游戏是用更高效的SurfaceView为实现的),在主线程是执行完程序的逻辑后,应该要调用postInvalidate(),通知系统去调用onDraw函数去重绘界面,才能将动画的效果给显示出来。
下面的代码是我自己写的一个模拟两个球不断碰撞的View,主要由一个线程来不断更新View内两个球的位置,在发现两个球和墙壁发生碰撞后,改变球的逻辑参数,更新完后,调用postInvalidate(),重绘界面。来实现效果
packagecom.androidclub.elfman.homework3;
importjava.util.ArrayList;
importjava.util.Random;
importandroid.app.Activity;
importandroid.content.Context;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.Paint;
importandroid.graphics.Paint.Style;
importandroid.os.Bundle;
importandroid.view.View;
publicclassMainextendsActivity{
TheScreenmScreen;
@Override
publicvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
//mScreen是自定义的View
mScreen=newTheScreen(this);
setContentView(mScreen);
}
//为避免在程序退出后线程仍在进行,造成不必要的系统资源浪费,在Activity退出是时候,主动将线程停止
@Override
publicvoidonDestroy()
{
mScreen.stopDrawing();
super.onDestroy();
}
}
/**
*自定义的View类,为两个球的碰撞模拟
*@authorwindy
*
*/
classTheScreenextendsView
{
privatestaticfinalStringTAG="Draw";
//界面主线程的控制变量
privatebooleandrawing=false;
//储存当前已有的球的信息
privateArrayList<Circle>circles;
privatePaintmPaint;
//两个球的运动范围
publicstaticfinalintWIDTH=300;
publicstaticfinalintHEIGHT=400;
publicstaticfinaldoublePI=3.14159265;
PaintmPaint2=newPaint();
publicTheScreen(Contextcontext)
{
super(context);
circles=newArrayList<Circle>();
//加入了两个球
circles.add(newCircle());
circles.add(newCircle(20,30,10));
mPaint=newPaint();
mPaint.setColor(Color.YELLOW);
mPaint.setAntiAlias(true);
mPaint2.setStyle(Style.STROKE);
mPaint2.setColor(Color.RED);
mPaint2.setAntiAlias(true);
//启动界面线程,开始自动更新界面
drawing=true;
newThread(mRunnable).start();
}
privateRunnablemRunnable=newRunnable(){
//界面的主线程
@Override
publicvoidrun(){
while(drawing)
{
try{
//更新球的位置信息
update();
//通知系统更新界面,相当于调用了onDraw函数
postInvalidate();
//界面更新的频率,这里是每30ms更新一次界面
Thread.sleep(30);
//Log.e(TAG,"drawing");
}catch(InterruptedExceptione){
e.printStackTrace();
}
}
}
};
publicvoidstopDrawing()
{
drawing=false;
}
@Override
publicvoidonDraw(Canvascanvas)
{
//在canvas上绘上边框
canvas.drawRect(0,0,WIDTH,HEIGHT,mPaint2);
//在canvas上绘上球
for(Circlecircle:circles)
{
canvas.drawCircle(circle.x,circle.y,circle.radius,mPaint);
}
}
//界面的逻辑函数,主要检查球是否发生碰撞,以及更新球的位置
privatevoidupdate()
{
if(circles.size()>1)
{
for(inti1=0;i1<circles.size()-1;i1++)
{
//当两个球发生碰撞,交换两个球的角度值
for(inti2=i1+1;i2<circles.size();i2++)
if(checkBumb(circles.get(i1),circles.get(i2)))
{
circles.get(i1).changeDerection(circles.get(i2));
}
}
}
//更新球的位置
for(Circlecircle:circles)
circle.updateLocate();
}
privatebooleancheckBumb(Circlec1,Circlec2)
{
return(c1.x-c2.x)*(c1.x-c2.x)+(c1.y-c2.y)*(c1.y-c2.y)<=(c1.radius+c2.radius)*(c1.radius+c2.radius);
}
/**
*自定义的View的内部类,存储每一个球的信息
*@authorwindy
*
*/
classCircle
{
floatx=50;
floaty=70;
doubleangle=(newRandom().nextFloat())*2*PI;;
intspeed=4;
intradius=10;
publicCircle(){
}
publicCircle(floatx,floaty,intr)
{
this.x=x;
this.y=y;
radius=r;
}
//利用三角函数计算出球的新位置值,当与边界发生碰撞时,改变球的角度
publicvoidupdateLocate()
{
x=x+(float)(speed*Math.cos(angle));
//Log.v(TAG,Math.cos(angle)+"");
y=y+(float)(speed*Math.sin(angle));
//Log.v(TAG,Math.cos(angle)+"");
if((x+radius)>=WIDTH)
{
if(angle>=0&&angle<=(PI/2))
angle=PI-angle;
if(angle>1.5*PI&&angle<=2*PI)
angle=3*PI-angle;
}
if(x-radius<=0)
{
if(angle>=PI&&angle<=1.5*PI)
angle=3*PI-angle;
if(angle>=PI/2&&angle<PI)
angle=PI-angle;
}
if(y-radius<=0||y+radius>=HEIGHT)
angle=2*PI-angle;
}
//两球交换角度
publicvoidchangeDerection(Circleother)
{
doubletemp=this.angle;
this.angle=other.angle;
other.angle=temp;
}
}
}
这段代码已经写有注释了,具体下次再介绍了。。。应该不难的看懂的吧。