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,效果圖如下：