本案例,使用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,布局文件中有两个按钮控件和一个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 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);//获取前一个按钮的引用 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);//获取下一个按钮的引用 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)
原文地址:http://blog.csdn.net/sanqima/article/details/33773751