码迷,mamicode.com
首页 > 移动开发 > 详细

2.1安卓视图组件

时间:2014-09-01 22:42:43      阅读:425      评论:0      收藏:0      [点我收藏+]

标签:des   android   style   blog   http   color   io   使用   java   

1视图组件与容器组件

  1)绝大部分安卓UI组件都存放与android.widget包及其子包,android.view及其子包

  2)安卓所有 UI组件都继承自View类

  3)View类有一个非常重要的子类:ViewGroup,但是ViewGroup经常作为其他组件的容器使用,安卓采用组合器模式设计View和ViewGroup

  bubuko.com,布布扣VIewGroup可以当作View使用,但一般都是作为容器使用;但是ViewGroup是抽象类

  实际都是用他的子类,如各种布局管理器

/**
 * <p>
 * A <code>ViewGroup</code> is a special view that can contain other views
 * (called children.) The view group is the base class for layouts and views
 * containers. This class also defines the
 * {@link android.view.ViewGroup.LayoutParams} class which serves as the base
 * class for layouts parameters.
×/
public abstract class ViewGroup extends View implements ViewParent, ViewManager { }

 2使用xml文件控制UI

<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.examples.viewgroup.MainActivity" >

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />
    <Button 
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</RelativeLayout>

 src中代码为

 1         super.onCreate(savedInstanceState);
 2         super.setContentView(R.layout.activity_main);
 3         Button b = (Button)findViewById(R.id.button);
 4         final TextView text = (TextView)findViewById(R.id.text);
 5         b.setOnClickListener(new OnClickListener() {
 6             
 7             @Override
 8             public void onClick(View v) {
 9                 // TODO Auto-generated method stub
10                 text.setText("当前系统时间"+new Date());
11             }
12         });

 

3使用代码完全控制UI

 1         super.onCreate(savedInstanceState);
 2         //创建一个线性布局
 3         LinearLayout layout= new LinearLayout(this);
 4         //设置该Activity显示layout
 5         setContentView(layout);
 6         //垂直列表
 7         layout.setOrientation(LinearLayout.VERTICAL);
 8         //创建一个TextView
 9         final TextView text = new TextView(this);
10         Button b = new Button(this);
11         //在value文件夹下的string xml文件中添加字符串资源
12         b.setText(R.string.button);
13         //实际内容大小填充button控件
14         b.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT));
15         layout.addView(b);
16         layout.addView(text);
17         //为button添加监听事件
18         b.setOnClickListener(new OnClickListener() {
19             
20             @Override
21             public void onClick(View v) {
22                 // TODO Auto-generated method stub
23                 text.setText("当前时间"+new java.util.Date());
24             }
25         });

运行结果

  bubuko.com,布布扣

通过上述两种方式均可以实现这个简单的功能,但是使用代码控制UI则显得比较臃肿,使用xml文件配置界面显示体现了MVC的分层思想。可以将界面与逻辑良好的接偶便于后期的维护与修改。

4.使用xml文件与代码混合控制UI界面

   1)将图片文件放置到drawable-ldpi文件夹下

  2)定义线性布局文件 fistlayout.xml

  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <ImageView
        android:id="@+id/image"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:contentDescription="@+id/test"
        /> </LinearLayout>

   3)代码中控制图片变换

  

               super.onCreate(savedInstanceState);
        setContentView(R.layout.firstlayout);
        final ImageView image = (ImageView)findViewById(R.id.image);
        image.setImageResource(images[0]);
         image.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                image.setImageResource(images[++i%images.length]);
            }
        });

bubuko.com,布布扣

5.开发自定义View

想要实现自定义View,则必须定义一个继承View基类的子类,然后重写View类的一个或者多个方法,通常重写的方法有如下

构造器:重写构造器是定制VIew的最基本方式,当java代码创建一个View实例或者根据xml文件加载并构建界面时将会调用构造方法

onFinishInflate():回调方法,当应用从xml布局文件加载该组件并利用它来构建界面之后该方法会被回调

onMeasure(int,int):调用该方法来检测View组件及它所包含的所有子组件的大小

onLayout(boolean,int,int,int,int):当组件需要分配器子组件的为知/大小时该方法会被回调

onSizeChanged(int,int,int,int):当该组件的大小被改变时回调该方法

onDraw(Canvas):该组件将要绘制他的内容时回调该方法进行绘制

onKeyDown(int,KeyEvent):当某个案件被按下时触发该方法

onKeyUp(int,KeyEvent):当松开某个按键时触发该方法

onTrackballEvent(MotionEvent):当发生轨迹球事件时触发该方法

onTouchEvent(MotionEvent):触摸时触发

onWindowFocusChanged(boolean):当组件得到/失去焦点时触发

onAttachedToWindow():当组件被放入到某个窗口时触发该方法

onDetachedFromWIndow():当组件被从某个窗口分离时触发该方法

onWindowVisibilityChanged(int):当包含该组建的窗口的可见性发生改变时触发该方法

一般我们不会重写所有的方法,而是根据需要重写部分方法即可

下面创建一个跟随手指运动的小球

  1)创建DrawViw类继承自View,并重写部分方法

  

public class DrawView extends View {

	public DrawView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}
	public float currX = 50;
	public float currY = 50;
	Paint p = new Paint();
	
	//重写onDraw方法
	public void onDraw(Canvas canvas)
	{
		super.onDraw(canvas);
		p.setColor(Color.RED);
		canvas.drawCircle(currX, currY, 15, p);
	}
	
	//重写触摸事件
	@Override
	public boolean onTouchEvent(MotionEvent event){
		//修改坐标
		currX = event.getX();
		currY = event.getY();
		//通知当前组件重绘
		invalidate();
		return true;
	}
}

 

  2)使用java代码将自定义的View添加到布局文件

  

super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		RelativeLayout layout = (RelativeLayout)findViewById(R.id.main);
		final DrawView draw = new DrawView(this);
		layout.addView(draw);

 

  3)也可以在布局文件中直接引入自定义的DrawView

  

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.examples.drawview.MainActivity" >
<com.examples.drawview.DrawView 
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

</RelativeLayout>

 

	super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

bubuko.com,布布扣

2.1安卓视图组件

标签:des   android   style   blog   http   color   io   使用   java   

原文地址:http://www.cnblogs.com/justforcoding/p/3950138.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!