实例讲解Android中的View类以及自定义View控件的方法_Android

View的简单理解和实例
1.View的基本概念
在Activity显示的控件 都叫做View（View类 是所有的控件类的父类  比如 文本 按钮）

2.在Activity当中获取代表View的对象
Activity读取布局文件生成相对应的 各种View对象

TextView textView=(TextView)findViewBy(R.id.textView)

3.设置view的属性
Activity_mian.xml 这样的xml布局文件中发现了，类似@+id/和@id/到底有什么区别呢? 这里@可以理解为引用，而多出的+代表自己新声明的

4.为View设置监听器
一个控件可以绑定多个监听器 不通过的监听器响应不同的事件：

（1）获取代表控件的对象
（2）定义一个类，实现监听接口 implements  OnClickListener
（3）生成监听对象
（4）为控件绑定监听对象

5.实例
布局文件（改成垂直布局）

<LinearLayout 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: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文件 

package com.xiong.fisrt_android; 

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView; 

public class MainActivity extends Activity { 

  private TextView textView;
  private Button button;
  private int count = 0; 

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    textView = (TextView) findViewById(R.id.textView);
    button = (Button) findViewById(R.id.button);
    textView.setText("hello Android!!!");
    textView.setBackgroundColor(Color.BLUE);
    ButtoneListener buttoneListener = new ButtoneListener();// 生成监听对象
    button.setOnClickListener(buttoneListener);// 按钮绑定一个监听器
  } 

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  } 

  class ButtoneListener implements OnClickListener// 创建一个类实现监听事件的接口
  { 

    @Override
    public void onClick(View arg0) {
      // TODO Auto-generated method stub
      count++;
      textView.setText(Integer.toString(count)); 

    } 

  } 

}

View的自定义
通过继承View，可以很方便地定制出有个性的控件出来。

实现自定义View的最主要的是重写onDraw(Canvas canvas)函数，当每次系统重绘界面的时候，都会调用这个函数，并传下一个Canvas，在这个函数内，应该将这个View所要显示的内容都draw到这个Canvas上，界面显示出来的内容几乎都由这个Canvas来决定。Canvas的具体画法可以很容易查得到，应该说Android内所有函数的命名都是很直观，一目了然的，自己看一下函数名都大概可以明白这个函数是有什么用的。SDK也是查询Android API的最好的工具，多使用些肯定有好处的。

View的显示出来的大小最主要的决定者是Parent Layout，View可以自定义自己的宽高的最小值，但这并不能保证能到达这种最小值，如果Parent本身的大小已经比这个值小了。

View的重绘——系统不会经常去调用View的OnDraw函数，为了能够在View上实现动画效果，比如说游戏（但好像很多游戏是用更高效的SurfaceView为实现的），在主线程是执行完程序的逻辑后，应该要调用postInvalidate()，通知系统去调用onDraw函数去重绘界面，才能将动画的效果给显示出来。

下面的代码是我自己写的一个模拟两个球不断碰撞的View，主要由一个线程来不断更新View内两个球的位置，在发现两个球和墙壁发生碰撞后，改变球的逻辑参数，更新完后，调用postInvalidate()，重绘界面。来实现效果

package com.androidclub.elfman.homework3;
import java.util.ArrayList;
import java.util.Random;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.os.Bundle;
import android.view.View;
public class Main extends Activity {
  TheScreen mScreen;
  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    //mScreen是自定义的View
    mScreen = new TheScreen(this);
    setContentView(mScreen);
  } 

  //为避免在程序退出后线程仍在进行,造成不必要的系统资源浪费,在Activity退出是时候,主动将线程停止
  @Override
  public void onDestroy()
  {
    mScreen.stopDrawing();
    super.onDestroy();
  }
}
/**
 * 自定义的View类,为两个球的碰撞模拟
 * @author windy
 *
 */
class TheScreen extends View
{ 

  private static final String TAG = "Draw";
  //界面主线程的控制变量
  private boolean drawing = false;
  //储存当前已有的球的信息
  private ArrayList<Circle> circles;
  private Paint mPaint;
  //两个球的运动范围
  public static final int WIDTH = 300;
  public static final int HEIGHT = 400;
  public static final double PI = 3.14159265;
  Paint mPaint2 = new Paint();
  public TheScreen(Context context)
  {
    super(context);
    circles = new ArrayList<Circle>();
    //加入了两个球
    circles.add(new Circle());
    circles.add(new Circle(20, 30, 10));
    mPaint = new Paint();
    mPaint.setColor(Color.YELLOW);
    mPaint.setAntiAlias(true);
    mPaint2.setStyle(Style.STROKE);
    mPaint2.setColor(Color.RED);
    mPaint2.setAntiAlias(true);
    //启动界面线程,开始自动更新界面
    drawing = true;
    new Thread(mRunnable).start();
  } 

  private Runnable mRunnable = new Runnable() {
    //界面的主线程
    @Override
    public void run() {
      while( drawing )
      {
        try {
          //更新球的位置信息
          update();
          //通知系统更新界面,相当于调用了onDraw函数
          postInvalidate();
          //界面更新的频率,这里是每30ms更新一次界面
          Thread.sleep(30);
          //Log.e(TAG, "drawing");
        } catch (InterruptedException e) {
          e.printStackTrace();
        }
      }
    }
  }; 

  public void stopDrawing()
  {
    drawing = false;
  } 

  @Override
  public void onDraw(Canvas canvas)
  {
    //在canvas上绘上边框
    canvas.drawRect(0, 0, WIDTH, HEIGHT, mPaint2);
    //在canvas上绘上球
    for( Circle circle : circles)
    {
      canvas.drawCircle(circle.x, circle.y, circle.radius, mPaint);
    }
  } 

  //界面的逻辑函数,主要检查球是否发生碰撞,以及更新球的位置
  private void update()
  {
    if( circles.size()>1)
    {
      for( int i1=0; i1<circles.size()-1; i1++)
      {
        //当两个球发生碰撞,交换两个球的角度值
        for( int i2=i1+1; i2<circles.size(); i2++)
          if( checkBumb(circles.get(i1),circles.get(i2)))
          {
            circles.get(i1).changeDerection(circles.get(i2));
          }
      } 

    }
    //更新球的位置
    for( Circle circle: circles)
      circle.updateLocate();
  } 

  private boolean checkBumb(Circle c1, Circle c2)
  {
    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的内部类,存储每一个球的信息
   * @author windy
   *
   */
  class Circle
  {
    float x=50;
    float y=70;
    double angle= (new Random().nextFloat())*2*PI;;
    int speed=4;
    int radius=10; 

    public Circle() {
    } 

    public Circle( float x, float y, int r )
    {
      this.x = x;
      this.y = y;
      radius = r;
    } 

    //利用三角函数计算出球的新位置值,当与边界发生碰撞时,改变球的角度
    public void updateLocate()
    {
      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; 

    }
    //两球交换角度
    public void changeDerection(Circle other)
    {
      double temp = this.angle;
      this.angle = other.angle;
      other.angle = temp;
    }
  }
}

这段代码已经写有注释了，具体下次再介绍了。。。应该不难的看懂的吧。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索android
， 安卓
view
wpf 自定义控件 实例、自定义webview控件、自定义imageview控件、自定义textview控件、自定义view组合控件，以便于您获取更多的相关知识。

时间： 2024-10-18 14:27:24

实例讲解Android中的View类以及自定义View控件的方法_Android的相关文章

实例讲解Android应用中自定义组合控件的方法_Android

自定义view大概可以分成: 继承view 组合view 自己画的view(用paint和canvas) 自定义viewgroup(widget) 最近又跟同学聊起来了,于是就准备自己实现一个imagebutton来练练手.(最简单的了)以及后面一个把imageview与textview结合使用的案例. ImageButton要实现ImageButton最容易想到的不就是把button和imageview合在一起么.嗯,人容易就想到这是一个组合自定义view.可是如何把一个image放到butt

Android中使用Bitmap类将矩形图片转为圆形的方法_Android

一般要做正圆形图片,只能是正方形的基础上才能实现,否则就变成椭圆了,下面说说如何使长方形的图片生成正圆形图片 废话不多说,没图没真相,先上图吧: 原图: 变成正圆后: 下面上代码: public static Bitmap makeRoundCorner(Bitmap bitmap) { int width = bitmap.getWidth(); int height = bitmap.getHeight(); int left = 0, top = 0, right = width, bot

实例讲解Android中的View类以及自定义View控件的方法

View的简单理解和实例 1.View的基本概念 在Activity显示的控件 都叫做View(View类 是所有的控件类的父类  比如 文本 按钮) 2.在Activity当中获取代表View的对象 Activity读取布局文件生成相对应的 各种View对象 TextView textView=(TextView)findViewBy(R.id.textView) 3.设置view的属性 Activity_mian.xml 这样的xml布局文件中发现了,类似@+id/和@id/到底有什么区别呢

Android中使用imageviewswitcher 实现图片切换轮播导航的方法_Android

前面写过了使用ViewFlipper和ViewPager实现屏幕中视图切换的效果(ViewPager未实现轮播)附链接: ANDROID中使用VIEWFLIPPER类实现屏幕切换(关于坐标轴的问题已补充更改) Android 中使用 ViewPager实现屏幕页面切换和页面轮播效果 今天我们在换一种实现方式ImageViewSwitcher. ImageSwitcher是Android中控制图片展示效果的一个控件,如:幻灯片效果 ImageSwitcher粗略的理解就是ImageView的选择器

Android开发中自定义ProgressBar控件的方法示例

本文实例讲述了Android开发中自定义ProgressBar控件的方法.分享给大家供大家参考,具体如下: 很简单,首先加载Drawable,在onMeasure设置好其区域大小, 然后使用canvas.clipRect绘图 public class ProgressView extends ImageView { private Drawable maskDraw; /** * 加载的进度 0-100 */ private int mProcess = 20; public ProgressV

Android中使用socket使底层和framework通信的实现方法_Android

一般的native和framework的通信是通过jni,但是这一般只是framework调用native,native如果有消息要怎样通知上层 呢?android中GSP模块提供一种解决思路,但是实现有些复杂,这里介绍一种使用socket通信的方法可以使native和framework自 由通信,具体实现如下: android中使用jni对linux中的socket进行了封装.使用起来十分的方便. 由于android是基于linux的,所以linux的代码会在java之前先执行,所以一般nat

Android 中 GridView嵌套在ScrollView里只有一行的解决方法_Android

在做android项目中遇到一个bug,GridView嵌套在ScrollView里只有一行的问题.下面小编在网上找到了解决方法,具体方法如下所示: 方法一:就是上面说的通过计算出来ListView或者GridView中的子列高度和 进行显示: public void setListViewHeightBasedOnChildren(ListView listView) { ListAdapter listAdapter = listView.getAdapter(); if (listAdap

在Android开发中使用自定义组合控件的例子_Android

一.定义一个XML布局文件setting_item_view.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height=

Android动态添加设置布局与控件的方法_Android

本文实例讲述了Android动态添加设置布局与控件的方法.分享给大家供大家参考,具体如下: 有时候我们会在代码端,动态的设置,添加布局和控件.下面我们就看来看一下如何处理,直接上代码,代码里面的注解很清楚了. 布局文件:fragment_hot.xml 说明:这个部局,我用的是scrollView做为基础布局,主要是为了实现一个滚动.这里不多说,这个你可以使用任何布局都可以,这里的id我是提前定义的. 这里面的现在有的布局是我为了看到我在代码端,动态添加的代码,是否可以追加到现有布局的后面而加上