使用xml及java代码混合的方式来设置图形界面 分类: H1_ANDROID 2013-10-26 17:33 1859人阅读 评论(0) 收藏

参考《疯狂android讲义》第2版2.1节

设置android的图形界面有三种方法:

1、使用纯xml文件

2、使用纯java,代码臃肿复杂,不建议使用

3、使用xml与java混合,前者用于固定基本不变的view,后者用于经常变化的view。


示例:使用xml+java,前者指定layout,后者指定一个imageView

MainAcitivity.java

package com.ljh.mixviewdemo;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends Activity {
	
	//若这两个变量放到方法里面,则要求是final的。
	int currentImage = 0;
	int[] images = new int[]{R.drawable.ajax, R.drawable.classic, R.drawable.ee, R.drawable.java, R.drawable.xml};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		//根据 id得到layout,注意要为layout添加一个id,而不是使用R.layout.activity_main作为 id来查找。
		LinearLayout layout = (LinearLayout) this.findViewById(R.id.root);
		
		//定义一个ImageView,并将之添加至layout中。
		final ImageView iv = new ImageView(this);				
		layout.addView(iv);
		
		//指定所要显示的图片
		iv.setImageResource(images[0]);
		
		//setOnClickListener是View的方法,亦即所有的view都可点击的。
		iv.setOnClickListener(new OnClickListener(){
			public void onClick(View v){
				iv.setImageResource(images[++currentImage%images.length]);
			}
		});
	}
}
activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    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=".MainActivity"
    android:orientation="vertical" >

</LinearLayout>
见归档代码MixViewDemo.zip


事实上,ImageView也不是经常变的,变的只是里面的内容,因此可以在xml中指定这个ImageView的属性,而在java中指定它所要显示的内容。代码修改如下:

MainActivity.java

package com.ljh.mixviewdemo;

import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;

public class MainActivity extends Activity {
	
	//若这两个变量放到方法里面,则要求是final的。
	int currentImage = 0;
	int[] images = new int[]{R.drawable.ajax, R.drawable.classic, R.drawable.ee, R.drawable.java, R.drawable.xml};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		
		//根据 id得到layout,注意要为layout添加一个id,而不是使用R.layout.activity_main作为 id来查找。
		LinearLayout layout = (LinearLayout) this.findViewById(R.id.root);
		
/*		定义一个ImageView,并将之添加至layout中。
		final ImageView iv = new ImageView(this);	
		layout.addView(iv);*/
		//不再需要新建一个ImageView,而是获取xml中的IamgeView
		final ImageView iv = (ImageView) this.findViewById(R.id.iv_books);
		
		//指定所要显示的图片
		iv.setImageResource(images[0]);
		
		//setOnClickListener是View的方法,亦即所有的view都可点击的。
		iv.setOnClickListener(new OnClickListener(){
			public void onClick(View v){
				iv.setImageResource(images[++currentImage%images.length]);
			}
		});
	}
}

activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    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=".MainActivity"
    android:orientation="vertical" >
    
    <ImageView 
        android:id="@+id/iv_books"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="@string/my_published_book"
        />

</LinearLayout>





版权声明:本文为博主原创文章,未经博主允许不得转载。

欢迎转载,请注明来自: www.lujinhong.com www.cnblogs.com/lujinhong2
原文地址:https://www.cnblogs.com/lujinhong2/p/4637380.html