Simple Picture Viewer

点击切换图片示例

最新推荐文章于 2021-05-26 12:36:27 发布

原创最新推荐文章于 2021-05-26 12:36:27 发布 · 803 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #layout #image #encoding #interface #浏览器

Android 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的Android应用示例，该应用通过点击图片来切换显示不同的图片资源。使用了ImageView和LinearLayout布局，并实现了OnClickListener接口来响应点击事件。

单击图片会移动的例子
Logical source:

package org.crazyit.mixview;

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

public class MixViewActivity extends Activity {
    /** Called when the activity is first created. */
	int [] images = new int[]{
	R.drawable.tu1,
	R.drawable.tu2,
	R.drawable.tu3,
	};
	
	int currentImg = 0;
	
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        LinearLayout layout = (LinearLayout)findViewById(R.id.mix_layout);
        
        
        final ImageView image = new ImageView(this);
        
        
        layout.addView(image);
        
        image.setImageResource(images[0]);
        image.setVerticalFadingEdgeEnabled(true);

        image.setOnClickListener(new OnClickListener(){
			public void onClick(View v) {				
				if(currentImg >= 2){
					currentImg = -1;
				}
				image.setImageResource(images[++currentImg]);
				image.setVerticalFadingEdgeEnabled(true);
			}    	
        });
        
    }
}

Graphic user interface 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"   
    android:id="@+id/mix_layout">


    <TextView
        android:id="@+id/browser_title"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="简单图片浏览器"
        android:gravity="center" 
		/>

</LinearLayout>