本案例,使用Eclipse来开发Android2.1版本号的图片查看器。
1)首先,打开Eclipse。新建一个Android2.1版本号的项目ShowTu,打开res/values中文件夹下的strings.xml,将当中代码替换成一下代码:
路径:ShowTu/res/valus/string.xml
<?xml version="1.0" encoding="utf-8"? >
<resources> <string name="hello">Hello World, ShowTuActivity!</string>
<string name="app_name">ShowTu</string>
<string name="pre">上一副</string>
<string name="after">下一副</string>
</resources>
2)打开res/layout文件下的main.xml,布局文件里有两个button控件和一个ImageView控件。当中的代码例如以下:
路径:ShowTu/res/layout/main.xml
<? xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" ><!-- 水平线性布局 -->
<LinearLayout
android:id="@+id/LinearLayout01"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_gravity="center"
android:layout_height="wrap_content"> <!-- button控件 -->
<Button
android:text="@string/pre"
android:id="@+id/Button01"
android:textColor="#000000"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</Button>
<Button
android:text="@string/after"
android:id="@+id/Button02"
android:textColor="#000000"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
</Button>
</LinearLayout>
<ImageView android:id="@+id/ImageView01"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
</ImageView>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" /> </LinearLayout>
3)接着。主Activity文件ShowTuActivity.java,代码例如以下:
路径:src/com.tu.ui/ShowTuActivity.java
package com.tu.ui; import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;
public class ShowTuActivity extends Activity {
/** Called when the activity is first created. */
ImageView iv; //声明ImageView控件
int count; //计数器
int drawableIds[]={ //图片Id数组
R.drawable.pic0,
R.drawable.pic1,
R.drawable.pic2,
R.drawable.pic3,
R.drawable.pic4,
R.drawable.pic5,
R.drawable.pic6,
R.drawable.pic7,
R.drawable.pic8,
R.drawable.pic9};
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main); //设置布局
iv=(ImageView)findViewById(R.id.ImageView01);//获取ImageView的引用
iv.setImageResource(R.drawable.pic0);//设置图像
Button pre_btn=(Button)findViewById(R.id.Button01);//获取前一个button的引用
pre_btn.setOnClickListener(//加入监听器
new OnClickListener()
{
@Override
public void onClick(View v){
if(count>0)
{
iv.setImageResource(drawableIds[--count]);//设置图像
}
else
{
Toast.makeText(ShowTuActivity.this,
"这是第一幅图片",Toast.LENGTH_SHORT).show();
}
}
}
);
Button after_btn=(Button)findViewById(R.id.Button02);//获取下一个button的引用
after_btn.setOnClickListener(//加入监听器
new OnClickListener()
{
@Override
public void onClick(View v){
if(count<drawableIds.length-1)
{
iv.setImageResource(drawableIds[++count]);//设置图像
}
else
{
Toast.makeText(ShowTuActivity.this,
"这是最后一幅图片",Toast.LENGTH_SHORT).show();
}
}
}
);
}
}
效果例如以下:
图(1)
图(2)