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

Android中的图片查看器

时间:2014-06-24 19:45:59      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:android   图形   

       本案例,使用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();
					}
				}
        	}
        );
    }
}

效果如下:

bubuko.com,布布扣

图(1)

bubuko.com,布布扣

图(2)

Android中的图片查看器,布布扣,bubuko.com

Android中的图片查看器

标签:android   图形   

原文地址:http://blog.csdn.net/sanqima/article/details/33773751

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