在Android studio上用 ImageView + Button 实现图片的切换功能（附完整源码）

最新推荐文章于 2026-04-22 05:38:34 发布

原创最新推荐文章于 2026-04-22 05:38:34 发布 · 5.3k 阅读

58 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android studio #android

安卓开发 Android Studio 专栏收录该内容

5 篇文章

订阅专栏

此篇博客展示了如何在Android应用中使用ImageView和Button配合，通过点击按钮实现10张图片的无缝切换。通过Java代码，详细介绍了图片资源的加载和ID的控制逻辑，适合初学者理解图片切换的基本原理。

ImageView + Button 实现图片的切换功能（不少于 10 张）；

实现结果

点击图片即可切换

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.a86189.myapplication2.MainActivity">

    <ImageView
        android:id="@+id/image1"
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_gravity="center_horizontal"
        android:layout_margin="10dp"
        android:src="@drawable/a" />

    <Button
        android:id="@+id/but1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="10dp"
        android:text="切换图片"/>

</LinearLayout>

MainActivity.java

package com.example.a86189.myapplication2;


        import android.support.v7.app.AppCompatActivity;
        import android.os.Bundle;
        import android.view.View;
        import android.widget.Button;
        import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    private ImageView image_1;
    private Button but_1;
    private int id=R.drawable.a;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        image_1=(ImageView) findViewById(R.id.image1);
        but_1=(Button) findViewById(R.id.but1);

        but_1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if(id==R.drawable.a)
                    id=R.drawable.b;
                else if(id==R.drawable.b)
                    id=R.drawable.c;
                else if(id==R.drawable.c)
                    id=R.drawable.d;
                else if(id==R.drawable.d)
                    id=R.drawable.e;
                else if(id==R.drawable.e)
                    id=R.drawable.f;
                else if(id==R.drawable.f)
                    id=R.drawable.g;
                else if(id==R.drawable.g)
                    id=R.drawable.h;
                else if(id==R.drawable.h)
                    id=R.drawable.i;
                else if(id==R.drawable.i)
                    id=R.drawable.j;
                else {
                    id=R.drawable.k;
                }
                image_1.setImageResource(id);
            }
        });
    }
}

最后还需将图片放入drawable