Android Studio java 实现简单的图片查看器{学习记录}

1,需求样式

 

2,建立viewer.xml文件,选择LinearLayout布局

使用ImageView控件和Buttons控件

如图：

 

代码如下：

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/img"
        android:layout_width="match_parent"
        android:layout_height="522dp"
        android:scaleType="centerInside"
        app:srcCompat="@mipmap/a" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="55dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/last"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="上一张" />

        <Button
            android:id="@+id/next"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="下一张" />
    </LinearLayout>
</LinearLayout>

注：在使用button控件时我们需要两个,分别是“上一张”和“下一张”，这里把两个组件放到一个横向布局里（第15行）

这里需要在button控件里使用weight,这个管理的是横向布局里的两个button的宽度占比，对应到垂直布局则控制高度占比

android:layout_weight="1"

我们需要把两个button的宽度改为0dp，然后设置weight值都为1，意思为各占一半

如果一个设置为1，另一个设置为3，则第一个宽度占比为1，第二个宽度占比为3.

对应到垂直布局道理类似

3,新建ViewerActivity.java

代码如下：

package com.example.myapplication;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import androidx.appcompat.app.AppCompatActivity;

public class ViewerActivity extends AppCompatActivity implements View.OnClickListener{
    private Button last;
    private Button next;
    private ImageView img;
    private int[] p = {R.mipmap.a,R.mipmap.b,R.mipmap.c};//图片组 R.图片目录.图片名
    private int Index = 0;  //图片的当前索引位置
    private int count = p.length-1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);//创造
        setContentView(R.layout.viewer);///设置内容视图
        init();//初始化
    }
    //初始化
    private void init() {
        last = (Button) findViewById(R.id.last);//按ID查找控件
        last.setOnClickListener(this);//单击设置监听器
        next = (Button)findViewById(R.id.next);
        next.setOnClickListener(this);
        img =(ImageView) findViewById(R.id.img);
    }
    //单击事件
    public void onClick(View view) {
        //view.getID获取ID，判断是哪一个
        switch (view.getId()) {
            case R.id.last:
                //如果当前图片是第一张，则上一张图片为最后一张图片
                if (Index == 0) {
                    Index = count;
                } else {
                    //否则改为上一张图片
                    Index = Index - 1;
                }
                break;
            case R.id.next:
                //如果当前图片是最后一张，则下一张图片为第一张图片
                if (Index == count) {
                    Index = 0;
                } else {
                    //否则改为下一张图片
                    Index = Index + 1;
                }
                break;
            default:
                break;
        }
        img.setImageResource(p[Index]);   //显示图片
    }
}

其中第14行定义了一个图片组，mipmap为图片所在目录,其后的a,b,c为图片的名称

private int[] p = {R.mipmap.a,R.mipmap.b,R.mipmap.c};//图片组 R.图片目录.图片名

放图片的目录mipmap可以换，图片名是根据自己的图片名设置的

如果你的图片名为d.png,则相应代码要改为R.mipmap.d

规则：R.图片目录.图片名

其中图片的名字不可包含空格

4,效果图如下：